.elementor-12 .elementor-element.elementor-element-6ce6661{--display:flex;--min-height:45px;}.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-12 .elementor-element.elementor-element-6762040{text-align:center;}.elementor-12 .elementor-element.elementor-element-6762040 .elementor-heading-title{font-family:"Risque", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-4d9f2b2 );}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-0461629 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-12 .elementor-element.elementor-element-0461629 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-0461629{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-12 .elementor-element.elementor-element-9d1a011{text-align:center;}.elementor-12 .elementor-element.elementor-element-9d1a011 .elementor-heading-title{font-family:"Risque", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-4d9f2b2 );}.elementor-12 .elementor-element.elementor-element-2cac1a2{--display:flex;}.elementor-12 .elementor-element.elementor-element-eaa9752{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-e7dd53e{--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-12 .elementor-element.elementor-element-3bad563{--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-12 .elementor-element.elementor-element-68f9b39{--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-12 .elementor-element.elementor-element-7029e1f{--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-12 .elementor-element.elementor-element-9f62ea4{--display:flex;}.elementor-12 .elementor-element.elementor-element-cacc7c0{--display:flex;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-6ce6661{--content-width:1277px;}.elementor-12 .elementor-element.elementor-element-2cac1a2{--content-width:1151px;}}/* Start custom CSS for container, class: .elementor-element-2cac1a2 *//* Oculta los inputs radio */
.personaje-radio {
  display: none;
}

/* Oculta todas las galerías por defecto */
#personajes-wrap #gal-pulpem,
#personajes-wrap #gal-mai,
#personajes-wrap #gal-rudi,
#personajes-wrap #gal-aneecha {
  display: none;
}

/* Muestra la galería según el radio activo */
#personajes-wrap:has(#show-pulpem:checked) #gal-pulpem,
#personajes-wrap:has(#show-mai:checked) #gal-mai,
#personajes-wrap:has(#show-rudi:checked) #gal-rudi,
#personajes-wrap:has(#show-aneecha:checked) #gal-aneecha {
  display: block;
}

/* Contenedor de botones */
.personaje-botones {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Botones base */
.btn-personaje img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease, transform 0.2s ease;
  transform-origin: bottom center;
}

/* Hover: se expande */
.btn-personaje:hover img {
  opacity: 1;
  transform: scale(1.12);
}

/* Animación de meceo */
@keyframes mecer {
  0%, 100% { transform: rotate(-4deg); }
  50% { transform: rotate(4deg); }
}

/* Personaje activo: opacidad completa + animación de meceo */
#show-pulpem:checked ~ .personaje-botones label[for="show-pulpem"] img,
#show-mai:checked ~ .personaje-botones label[for="show-mai"] img,
#show-rudi:checked ~ .personaje-botones label[for="show-rudi"] img,
#show-aneecha:checked ~ .personaje-botones label[for="show-aneecha"] img {
  opacity: 1;
  animation: mecer 1.6s ease-in-out infinite;
}/* End custom CSS */