.elementor-55 .elementor-element.elementor-element-47b4e51{--display:flex;--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;border-style:none;--border-style:none;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55 .elementor-element.elementor-element-195ce96 img{border-style:solid;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-3df20cf > .elementor-widget-container{background-color:#FFFFFF85;margin:-650px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-3df20cf{text-align:center;}.elementor-55 .elementor-element.elementor-element-3df20cf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:52px;font-weight:700;color:#3F3F3F;}.elementor-55 .elementor-element.elementor-element-d75a669 > .elementor-widget-container{background-color:#0000007A;margin:-480px 200px 0px 200px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-d75a669{text-align:center;}.elementor-55 .elementor-element.elementor-element-d75a669 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-c28b45b{--display:flex;--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;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:-52px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-7daf3f2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-7daf3f2 img{border-style:none;}.elementor-55 .elementor-element.elementor-element-e53f324 > .elementor-widget-container{background-color:#0000006E;margin:-330px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-e53f324{text-align:center;}.elementor-55 .elementor-element.elementor-element-e53f324 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-da00372 > .elementor-widget-container{background-color:#0000007A;margin:-90px 50px 0px 50px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-da00372{text-align:center;}.elementor-55 .elementor-element.elementor-element-da00372 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:700;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-2318746{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--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;}.elementor-55 .elementor-element.elementor-element-2318746:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-2318746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#230067;}.elementor-55 .elementor-element.elementor-element-2318746 > .elementor-shape-top .elementor-shape-fill, .elementor-55 .elementor-element.elementor-element-2318746 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF73;}.elementor-55 .elementor-element.elementor-element-2318746 > .elementor-shape-top svg, .elementor-55 .elementor-element.elementor-element-2318746 > .e-con-inner > .elementor-shape-top svg{width:calc(143% + 1.3px);height:81px;}.elementor-55 .elementor-element.elementor-element-7fdc383{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-e55b16e{--display:flex;--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;--justify-content:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-346a3e9{text-align:justify;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-b46646b{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-b46646b:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-b46646b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1DCFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-55 .elementor-element.elementor-element-42d64c6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-55 .elementor-element.elementor-element-42d64c6 .elementor-divider-separator{width:100%;}.elementor-55 .elementor-element.elementor-element-42d64c6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-55 .elementor-element.elementor-element-46eb434{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-46eb434:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-46eb434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#230067;}.elementor-55 .elementor-element.elementor-element-ead946c{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-2e78ef6{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-4e51079{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-67dd15a{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-ca34a51{text-align:center;}.elementor-55 .elementor-element.elementor-element-ca34a51 .elementor-heading-title{color:#4F4F4F;}.elementor-55 .elementor-element.elementor-element-c9f3e1a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-c9f3e1a:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-c9f3e1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zooloia.com/wp-content/uploads/2026/02/fondo.jpg");}.elementor-55 .elementor-element.elementor-element-8a8a117{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-4a96762 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-4a96762{text-align:center;}.elementor-55 .elementor-element.elementor-element-4a96762 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-7f31221 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-51eeb5c{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-aa7531c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-aa7531c{text-align:center;}.elementor-55 .elementor-element.elementor-element-aa7531c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-1df8d72 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-989f5fa{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-9d558af > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-9d558af{text-align:center;}.elementor-55 .elementor-element.elementor-element-9d558af .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-286404c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-5e5e939{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-7ef7a01 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-7ef7a01{text-align:center;}.elementor-55 .elementor-element.elementor-element-7ef7a01 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-58bc082 > .elementor-widget-container{margin:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-7fdc383{--width:20%;}.elementor-55 .elementor-element.elementor-element-e55b16e{--width:80%;}.elementor-55 .elementor-element.elementor-element-ead946c{--width:70%;}.elementor-55 .elementor-element.elementor-element-4e51079{--width:30%;}.elementor-55 .elementor-element.elementor-element-8a8a117{--width:25%;}.elementor-55 .elementor-element.elementor-element-51eeb5c{--width:25%;}.elementor-55 .elementor-element.elementor-element-989f5fa{--width:25%;}.elementor-55 .elementor-element.elementor-element-5e5e939{--width:25%;}}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-47b4e51{--margin-top:0px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-3df20cf > .elementor-widget-container{margin:-330px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-3df20cf .elementor-heading-title{font-size:30px;}.elementor-55 .elementor-element.elementor-element-d75a669 > .elementor-widget-container{margin:-259px 15px 0px 15px;}.elementor-55 .elementor-element.elementor-element-d75a669 .elementor-heading-title{font-size:16px;}.elementor-55 .elementor-element.elementor-element-c28b45b{--margin-top:0px;--margin-bottom:-200px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-e53f324 > .elementor-widget-container{margin:-330px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-e53f324 .elementor-heading-title{font-size:30px;}.elementor-55 .elementor-element.elementor-element-da00372 > .elementor-widget-container{margin:-259px 15px 0px 15px;}.elementor-55 .elementor-element.elementor-element-da00372 .elementor-heading-title{font-size:16px;}.elementor-55 .elementor-element.elementor-element-2318746{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for image, class: .elementor-element-e9351bd *//* Definimos la rutina de escape de 10 segundos */
@keyframes rutina-escape-compleja {
  /* FASE 1: ESPERA (0s a 2s) - Quieto */
  0%, 20% {
    transform: scale(1) translate(0,0) rotate(0deg);
  }

  /* FASE 2: LA SACUDIDA (2s a 2.5s) - Violenta y rápida */
  21% { transform: translate(-4px, 2px) rotate(-2deg); }
  22% { transform: translate(4px, -2px) rotate(2deg); }
  23% { transform: translate(-4px, 1px) rotate(-1deg); }
  24% { transform: translate(3px, 0px) rotate(1deg); }
  25% { transform: scale(1) translate(0,0) rotate(0deg); }

  /* FASE 3: PAUSA Y RESPIRACIÓN (2.5s a 6s) - Movimiento muy lento */
  45% { transform: scale(1.02); } /* Respira un poco */
  60% { transform: scale(1); }

  /* FASE 4: EL EMPUJÓN (6s a 7.5s) - Desesperado hacia el frente */
  65% {
    transform: scale(1.15) translateY(-5px); /* Se agranda y sube un poco */
    animation-timing-function: ease-out; /* El empujón es fuerte al inicio */
  }
  75% {
    transform: scale(1); /* Vuelve a su sitio */
    animation-timing-function: ease-in-out;
  }

  /* FASE 5: ESPERA FINAL (7.5s a 10s) - Quieto antes de repetir */
  100% { transform: scale(1) translate(0,0) rotate(0deg); }
}


/* Aplicamos la animación a la imagen del widget */
.elementor-55 .elementor-element.elementor-element-e9351bd img {
  /* Nombre | Duración total | Suavizado | Infinito */
  animation: rutina-escape-compleja 10s ease-in-out infinite;

  /* Hacemos que el empujón se sienta desde abajo, no desde el centro */
  transform-origin: center bottom;

  /* Optimización para que no se trabe el navegador */
  will-change: transform;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a8a117 *//* 1. CONFIGURACIÓN DEL CONTENEDOR PADRE */
.elementor-55 .elementor-element.elementor-element-8a8a117 {
    position: relative;
    display: flex;
    flex-direction: column; /* Organiza todo en vertical */
    isolation: isolate;     /* Obliga a respetar el orden de capas */
    overflow: visible;      /* Deja que la animación se vea libre */
}

/* ------------------------------------------------ */
/* ELEMENTO 1: EL ANIMAL (Capa de Fondo)            */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-8a8a117 .elementor-widget:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 1; /* Se queda DETRÁS de las rejas */
    margin: 0 !important;
    pointer-events: none;
    
    /* ALINEACIÓN Y POSICIÓN */
    display: flex;
    justify-content: center;
    align-items: center; /* Intenta centrarlo verticalmente... */
    
    /* AJUSTE DE ALTURA: Esto baja al conejo para separarlo del título */
    padding-top: 60px; /* <--- ¿Quieres bajarlo más? Sube a 80px */
}

/* ANIMACIÓN DEL ANIMAL */
.elementor-55 .elementor-element.elementor-element-8a8a117 .elementor-widget:nth-child(1) img {
    width: 100%; /* Tamaño del animal (ajusta si se ve muy gordo) */
    height: auto;
    
    /* La rutina de movimiento */
    animation: escape-prison 10s ease-in-out infinite;
    transform-origin: center bottom;
    will-change: transform;
    
    /* IMPORTANTE: Cambia este número en cada tarjeta (-2s, -5s, -8s...) */
    animation-delay: -2s; 
}

/* ------------------------------------------------ */
/* ELEMENTO 2: EL TÍTULO (Texto)                    */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-8a8a117 .elementor-widget:nth-child(2) {
    position: relative;
    z-index: 30; /* Encima de todo para que se lea bien */
    width: 100%;
    margin-bottom: 0px; 
}

/* ------------------------------------------------ */
/* ELEMENTO 3: LAS REJAS (Capa de Frente)           */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-8a8a117 .elementor-widget:nth-child(3) {
    position: relative;
    z-index: 20; /* Delante del animal, pero detrás del título */
    width: 100%; 
    margin: 0 !important;
    pointer-events: none;
    /* Asegura que las rejas definan el final de la tarjeta */
    margin-top: auto !important; 
}

/* ------------------------------------------------ */
/* LA RUTINA DE MOVIMIENTO (No tocar)               */
/* ------------------------------------------------ */
@keyframes escape-prison {
  0%, 15% { transform: scale(1) rotate(0deg); } 
  16% { transform: translate(-3px, 1px) rotate(-2deg); } /* Sacudida */
  18% { transform: translate(3px, -1px) rotate(2deg); }
  20% { transform: translate(-3px, 1px) rotate(-2deg); }
  22% { transform: scale(1) translate(0,0) rotate(0deg); }
  40% { transform: scale(1.05); } /* Respiración */
  50% { transform: scale(1); }
  65% { transform: scale(1.15) translateY(-5px); } /* Empujón hacia afuera */
  75% { transform: scale(1); }
  100% { transform: scale(1); } 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1401413 *//* Definimos la rutina de escape de 10 segundos */
@keyframes rutina-escape-compleja {
  /* FASE 1: ESPERA (0s a 2s) - Quieto */
  0%, 20% {
    transform: scale(1) translate(0,0) rotate(0deg);
  }

  /* FASE 2: LA SACUDIDA (2s a 2.5s) - Violenta y rápida */
  21% { transform: translate(-4px, 2px) rotate(-2deg); }
  22% { transform: translate(4px, -2px) rotate(2deg); }
  23% { transform: translate(-4px, 1px) rotate(-1deg); }
  24% { transform: translate(3px, 0px) rotate(1deg); }
  25% { transform: scale(1) translate(0,0) rotate(0deg); }

  /* FASE 3: PAUSA Y RESPIRACIÓN (2.5s a 6s) - Movimiento muy lento */
  45% { transform: scale(1.02); } /* Respira un poco */
  60% { transform: scale(1); }

  /* FASE 4: EL EMPUJÓN (6s a 7.5s) - Desesperado hacia el frente */
  65% {
    transform: scale(1.15) translateY(-5px); /* Se agranda y sube un poco */
    animation-timing-function: ease-out; /* El empujón es fuerte al inicio */
  }
  75% {
    transform: scale(1); /* Vuelve a su sitio */
    animation-timing-function: ease-in-out;
  }

  /* FASE 5: ESPERA FINAL (7.5s a 10s) - Quieto antes de repetir */
  100% { transform: scale(1) translate(0,0) rotate(0deg); }
}


/* Aplicamos la animación a la imagen del widget */
.elementor-55 .elementor-element.elementor-element-1401413 img {
  /* Nombre | Duración total | Suavizado | Infinito */
  animation: rutina-escape-compleja 10s ease-in-out infinite;

  /* Hacemos que el empujón se sienta desde abajo, no desde el centro */
  transform-origin: center bottom;

  /* Optimización para que no se trabe el navegador */
  will-change: transform;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51eeb5c *//* 1. CONFIGURACIÓN DEL CONTENEDOR */
.elementor-55 .elementor-element.elementor-element-51eeb5c {
    position: relative;
    display: flex;
    flex-direction: column; 
    isolation: isolate;     
    overflow: visible;      
}

/* ------------------------------------------------ */
/* ELEMENTO 1: EL ELEFANTE (Capa de Fondo)          */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-51eeb5c .elementor-widget:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 1; /* Detrás de las rejas */
    margin: 0 !important;
    pointer-events: none;
    
    /* ALINEACIÓN */
    display: flex;
    justify-content: center;
    align-items: center; 
    
    /* AJUSTE DE ALTURA: */
    /* El elefante suele ser más bajo, quizás 70px o 80px le vaya mejor */
    padding-top: 60px; 
}

/* ANIMACIÓN ESPECÍFICA DEL ELEFANTE */
.elementor-55 .elementor-element.elementor-element-51eeb5c .elementor-widget:nth-child(1) img {
    width: 90%; /* El elefante es más ancho, ocupamos más espacio */
    height: auto;
    
    /* AQUI ESTÁ EL CAMBIO: Usamos 'rutina-elefante' en vez de 'escape-prison' */
    animation: rutina-elefante 10s ease-in-out infinite;
    transform-origin: center bottom;
    will-change: transform;
    
    /* Desfase para que no se mueva igual que el conejo de al lado */
    animation-delay: -4s; 
}

/* ------------------------------------------------ */
/* ELEMENTO 2: EL TÍTULO                            */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-51eeb5c .elementor-widget:nth-child(2) {
    position: relative;
    z-index: 30; 
    width: 100%;
    margin-bottom: 0px; 
}

/* ------------------------------------------------ */
/* ELEMENTO 3: LAS REJAS                            */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-51eeb5c .elementor-widget:nth-child(3) {
    position: relative;
    z-index: 20; 
    width: 100%; 
    margin: 0 !important;
    pointer-events: none;
    margin-top: auto !important; 
}

/* ------------------------------------------------ */
/* NUEVA RUTINA: ELEFANTE (Pesada y lenta)          */
/* ------------------------------------------------ */
@keyframes rutina-elefante {
  /* FASE 1: Espera (0-15%) */
  0%, 15% { transform: scale(1) rotate(0deg); }
  
  /* FASE 2: Balanceo Pesado (20-45%) - Se mece lento de lado a lado */
  25% { transform: rotate(4deg) translateX(3px); } 
  35% { transform: rotate(-4deg) translateX(-3px); } 
  45% { transform: rotate(0deg); }

  /* FASE 3: El Pisotón Fuerte (55-65%) - Levanta y golpea el suelo */
  55% { transform: translateY(-10px) scale(1.02); } /* Levanta patas */
  58% { transform: translateY(5px) scale(0.98); }   /* ¡GOLPE! */
  60% { transform: translateY(0) scale(1); }

  /* FASE 4: Embestida Lenta (75-85%) - Se acerca a la pantalla */
  75% { transform: scale(1.15); } 
  85% { transform: scale(1); }

  100% { transform: scale(1); } 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ba20cd8 *//* Definimos la rutina de escape de 10 segundos */
@keyframes rutina-escape-compleja {
  /* FASE 1: ESPERA (0s a 2s) - Quieto */
  0%, 20% {
    transform: scale(1) translate(0,0) rotate(0deg);
  }

  /* FASE 2: LA SACUDIDA (2s a 2.5s) - Violenta y rápida */
  21% { transform: translate(-4px, 2px) rotate(-2deg); }
  22% { transform: translate(4px, -2px) rotate(2deg); }
  23% { transform: translate(-4px, 1px) rotate(-1deg); }
  24% { transform: translate(3px, 0px) rotate(1deg); }
  25% { transform: scale(1) translate(0,0) rotate(0deg); }

  /* FASE 3: PAUSA Y RESPIRACIÓN (2.5s a 6s) - Movimiento muy lento */
  45% { transform: scale(1.02); } /* Respira un poco */
  60% { transform: scale(1); }

  /* FASE 4: EL EMPUJÓN (6s a 7.5s) - Desesperado hacia el frente */
  65% {
    transform: scale(1.15) translateY(-5px); /* Se agranda y sube un poco */
    animation-timing-function: ease-out; /* El empujón es fuerte al inicio */
  }
  75% {
    transform: scale(1); /* Vuelve a su sitio */
    animation-timing-function: ease-in-out;
  }

  /* FASE 5: ESPERA FINAL (7.5s a 10s) - Quieto antes de repetir */
  100% { transform: scale(1) translate(0,0) rotate(0deg); }
}


/* Aplicamos la animación a la imagen del widget */
.elementor-55 .elementor-element.elementor-element-ba20cd8 img {
  /* Nombre | Duración total | Suavizado | Infinito */
  animation: rutina-escape-compleja 10s ease-in-out infinite;

  /* Hacemos que el empujón se sienta desde abajo, no desde el centro */
  transform-origin: center bottom;

  /* Optimización para que no se trabe el navegador */
  will-change: transform;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-989f5fa *//* 1. CONFIGURACIÓN DEL CONTENEDOR */
.elementor-55 .elementor-element.elementor-element-989f5fa {
    position: relative;
    display: flex;
    flex-direction: column; 
    isolation: isolate;     
    overflow: visible;      
}

/* ------------------------------------------------ */
/* ELEMENTO 1: EL SALTADOR (Capa de Fondo)          */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-989f5fa .elementor-widget:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 1; /* Detrás de las rejas */
    margin: 0 !important;
    pointer-events: none;
    
    /* ALINEACIÓN */
    display: flex;
    justify-content: center;
    align-items: center; 
    
    /* AJUSTE DE ALTURA: */
    /* Como este va a saltar hacia arriba, lo bajamos un poco más para darle espacio */
    padding-top: 60px; 
}

/* ANIMACIÓN ESPECÍFICA DEL TERCER AGENTE */
.elementor-55 .elementor-element.elementor-element-989f5fa .elementor-widget:nth-child(1) img {
    width: 80%; /* Ajusta el tamaño según el animal */
    height: auto;
    
    /* AQUI ESTÁ EL CAMBIO: Usamos la nueva 'rutina-saltador' */
    animation: rutina-saltador 10s ease-in-out infinite;
    
    /* IMPORTANTE: El origen debe ser abajo para que el salto se vea real */
    transform-origin: center bottom;
    will-change: transform;
    
    /* Desfase diferente a los otros dos */
    animation-delay: -8s; 
}

/* ------------------------------------------------ */
/* ELEMENTO 2: EL TÍTULO                            */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-989f5fa .elementor-widget:nth-child(2) {
    position: relative;
    z-index: 30; 
    width: 100%;
    margin-bottom: 0px; 
}

/* ------------------------------------------------ */
/* ELEMENTO 3: LAS REJAS                            */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-989f5fa .elementor-widget:nth-child(3) {
    position: relative;
    z-index: 20; 
    width: 100%; 
    margin: 0 !important;
    pointer-events: none;
    margin-top: auto !important; 
}

/* ---------------------------------------------------------------- */
/* NUEVA RUTINA 3: EL SALTADOR FRUSTRADO (Vertical)                 */
/* ---------------------------------------------------------------- */
@keyframes rutina-saltador {
  /* FASE 1: Espera tranquila (0-15%) */
  0%, 15% { transform: scale(1) translateY(0); }
  
  /* FASE 2: Preparación del salto (Agacharse) (20-25%) */
  /* Se aplasta un poco y baja */
  25% { transform: scale(1.1, 0.9) translateY(10px); } 

  /* FASE 3: ¡EL GRAN SALTO! (25-30%) */
  /* Se estira y sube rápido hacia el techo */
  30% { transform: scale(0.9, 1.1) translateY(-50px); animation-timing-function: ease-out; } 

  /* FASE 4: Caída y rebote (35-40%) */
  /* Cae fuerte al suelo y rebota un poco */
  35% { transform: scale(1.05, 0.95) translateY(5px); animation-timing-function: ease-in; }
  40% { transform: scale(1) translateY(0); }

  /* FASE 5: Frustración (Negar con la cabeza rápido) (50-60%) */
  50% { transform: rotate(0deg); }
  52% { transform: rotate(-5deg); } /* No! */
  54% { transform: rotate(5deg); }  /* No! */
  56% { transform: rotate(-5deg); } /* No! */
  58% { transform: rotate(0deg); }

  /* FASE 6: Último intento desesperado (Empuje lento arriba) (75-85%) */
  75% { transform: translateY(-20px); } /* Se queda colgado intentando subir */
  85% { transform: translateY(-20px); }
  
  100% { transform: scale(1) translateY(0); } /* Vuelta al inicio */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-129355c *//* Definimos la rutina de escape de 10 segundos */
@keyframes rutina-escape-compleja {
  /* FASE 1: ESPERA (0s a 2s) - Quieto */
  0%, 20% {
    transform: scale(1) translate(0,0) rotate(0deg);
  }

  /* FASE 2: LA SACUDIDA (2s a 2.5s) - Violenta y rápida */
  21% { transform: translate(-4px, 2px) rotate(-2deg); }
  22% { transform: translate(4px, -2px) rotate(2deg); }
  23% { transform: translate(-4px, 1px) rotate(-1deg); }
  24% { transform: translate(3px, 0px) rotate(1deg); }
  25% { transform: scale(1) translate(0,0) rotate(0deg); }

  /* FASE 3: PAUSA Y RESPIRACIÓN (2.5s a 6s) - Movimiento muy lento */
  45% { transform: scale(1.02); } /* Respira un poco */
  60% { transform: scale(1); }

  /* FASE 4: EL EMPUJÓN (6s a 7.5s) - Desesperado hacia el frente */
  65% {
    transform: scale(1.15) translateY(-5px); /* Se agranda y sube un poco */
    animation-timing-function: ease-out; /* El empujón es fuerte al inicio */
  }
  75% {
    transform: scale(1); /* Vuelve a su sitio */
    animation-timing-function: ease-in-out;
  }

  /* FASE 5: ESPERA FINAL (7.5s a 10s) - Quieto antes de repetir */
  100% { transform: scale(1) translate(0,0) rotate(0deg); }
}


/* Aplicamos la animación a la imagen del widget */
.elementor-55 .elementor-element.elementor-element-129355c img {
  /* Nombre | Duración total | Suavizado | Infinito */
  animation: rutina-escape-compleja 10s ease-in-out infinite;

  /* Hacemos que el empujón se sienta desde abajo, no desde el centro */
  transform-origin: center bottom;

  /* Optimización para que no se trabe el navegador */
  will-change: transform;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e5e939 *//* 1. CONFIGURACIÓN DEL CONTENEDOR */
.elementor-55 .elementor-element.elementor-element-5e5e939 {
    position: relative;
    display: flex;
    flex-direction: column; 
    isolation: isolate;     
    overflow: visible;      
}

/* ------------------------------------------------ */
/* ELEMENTO 1: EL CONTORSIONISTA (Capa de Fondo)    */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-5e5e939 .elementor-widget:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 1; 
    margin: 0 !important;
    pointer-events: none;
    
    /* ALINEACIÓN */
    display: flex;
    justify-content: center;
    align-items: center; 
    
    /* AJUSTE DE ALTURA */
    padding-top: 70px; /* Ajusta esto si quieres subirlo/bajarlo */
}

/* ANIMACIÓN ESPECÍFICA DEL CUARTO AGENTE */
.elementor-55 .elementor-element.elementor-element-5e5e939 .elementor-widget:nth-child(1) img {
    width: 85%; /* Un poco más pequeño para que tenga espacio de moverse */
    height: auto;
    
    /* AQUI ESTÁ EL CAMBIO: Usamos 'rutina-contorsionista' */
    animation: rutina-contorsionista 10s ease-in-out infinite;
    transform-origin: center bottom;
    will-change: transform;
    
    /* Desfase único */
    animation-delay: -1s; 
}

/* ------------------------------------------------ */
/* ELEMENTO 2: EL TÍTULO                            */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-5e5e939 .elementor-widget:nth-child(2) {
    position: relative;
    z-index: 30; 
    width: 100%;
    margin-bottom: 0px; 
}

/* ------------------------------------------------ */
/* ELEMENTO 3: LAS REJAS                            */
/* ------------------------------------------------ */
.elementor-55 .elementor-element.elementor-element-5e5e939 .elementor-widget:nth-child(3) {
    position: relative;
    z-index: 20; 
    width: 100%; 
    margin: 0 !important;
    pointer-events: none;
    margin-top: auto !important; 
}

/* ---------------------------------------------------------------- */
/* NUEVA RUTINA 4: EL CONTORSIONISTA (Estirarse y Escurrirse)       */
/* ---------------------------------------------------------------- */
@keyframes rutina-contorsionista {
  /* FASE 1: Tranquilo (0-15%) */
  0%, 15% { transform: scale(1) translateX(0); }
  
  /* FASE 2: Intento por la DERECHA (20-40%) */
  /* Se hace flaco (scaleX 0.85) y alto (scaleY 1.05) y se mueve al lado */
  20% { transform: scale(0.85, 1.05) translateX(15px) rotate(2deg); }
  30% { transform: scale(0.85, 1.05) translateX(15px) rotate(-2deg); } /* Forcejea */
  
  /* FASE 3: Fracaso y Rebote (45-50%) */
  45% { transform: scale(1.1, 0.9) translateX(0); } /* Se aplasta al volver (efecto gelatina) */
  50% { transform: scale(1); }

  /* FASE 4: Intento por la IZQUIERDA (60-80%) */
  60% { transform: scale(0.85, 1.05) translateX(-15px) rotate(-2deg); }
  70% { transform: scale(0.85, 1.05) translateX(-15px) rotate(2deg); } /* Forcejea */

  /* FASE 5: Fracaso final y suspiro (85-100%) */
  85% { transform: scale(1.1, 0.9); } /* Aplastado */
  90% { transform: scale(1); }
  100% { transform: scale(1); }
}/* End custom CSS */