.elementor-3548 .elementor-element.elementor-element-3671a54{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-3548 .elementor-element.elementor-element-bbb151b{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;}body:not(.rtl) .elementor-3548 .elementor-element.elementor-element-bbb151b{left:0px;}body.rtl .elementor-3548 .elementor-element.elementor-element-bbb151b{right:0px;}.elementor-3548 .elementor-element.elementor-element-495c4e4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-3548 .elementor-element.elementor-element-3671a54{--min-height:150px;}.elementor-3548 .elementor-element.elementor-element-bbb151b{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-495c4e4 */.wobble-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  overflow: hidden;
}

.logo-wobble {
  width: 120px; /* ajusta el tamaño según tu diseño */
  opacity: 0;
  animation:
    fadeInDrop 1.5s ease-out forwards,
    wobbleLoop 4s ease-in-out infinite;
  animation-delay: 0s, 1.5s;
}

/* Entrada desde arriba con fade */
@keyframes fadeInDrop {
  0% {
    transform: translateY(-60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

/* Wobble infinito suave */
@keyframes wobbleLoop {
  0%   { transform: translateY(0) rotate(0deg); }
  20%  { transform: translateY(-2px) rotate(-1deg); }
  40%  { transform: translateY(2px) rotate(1.2deg); }
  60%  { transform: translateY(-1px) rotate(-0.8deg); }
  80%  { transform: translateY(1px) rotate(0.5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}/* End custom CSS */