/* ============================================================
   KIKU FX — estilos de apoyo del motor de animaciones
   ============================================================ */

/* --- Iconos Phosphor (los usa la clase kiku-ico + kiku-ico-*) --- */
@font-face{
  font-family:"Phosphor-Fill";
  src:url("https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/Phosphor-Fill.woff2") format("woff2"),
      url("https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/Phosphor-Fill.woff") format("woff");
  font-weight:normal;font-style:normal;font-display:block;
}
.elementor .kiku-ico{
  font-family:"Phosphor-Fill"!important;
  font-style:normal;font-weight:400;line-height:1;
  display:inline-block;flex-shrink:0;
  -webkit-font-smoothing:antialiased;
}

/* Iconos que usan las paginas de servicio y no estaban en el kit */
.elementor .kiku-ico-arrow-left::before{content:"\e058"}
.elementor .kiku-ico-arrows-lr::before{content:"\e0a0"}
.elementor .kiku-ico-plus::before{content:"\e3d6"}

/* --- Scroll suave con margen para la barra sticky --- */
html{scroll-behavior:smooth;scroll-padding-top:140px}

/* --- Red de seguridad: si el JS no corre, nada queda invisible --- */
html:not(.kiku-fx-ready) .elementor .kiku-rise-word{transform:none}
html:not(.kiku-fx-ready) .elementor .kiku-after{position:relative;inset:auto;opacity:1}
html:not(.kiku-fx-ready) .elementor .kiku-growcircle{display:none}
html:not(.kiku-fx-ready) .elementor .kiku-ch{position:relative;inset:auto;opacity:1}
html:not(.kiku-fx-ready) .elementor .kiku-light-word{opacity:1}
html:not(.kiku-fx-ready) .elementor .kiku-wipelayer{clip-path:none;position:relative;inset:auto}
html:not(.kiku-fx-ready) .elementor .kiku-wipeline{display:none}

.elementor .kiku-reveal{will-change:opacity,transform}
.elementor .kiku-rise-word{will-change:transform}
.elementor .kiku-hx-track{will-change:transform}

/* --- Chips de formulario: el pill entero es el control --- */
.elementor .kiku-chip{user-select:none}
.elementor .kiku-chip:has(input:focus-visible){outline:2px solid var(--kiku-magenta);outline-offset:2px}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .elementor .kiku-rise-word{transform:none!important}
  .elementor .kiku-reveal{opacity:1!important;transform:none!important}
  .elementor .kiku-light-word{opacity:1!important}
}

/* Iconos que usa Kikultura */
.elementor .kiku-ico-arrow-down::before{content:"\e03e"}
.elementor .kiku-ico-arrow-down-right::before{content:"\e042"}
.elementor .kiku-ico-battery-full::before{content:"\e0c0"}
.elementor .kiku-ico-book-open::before{content:"\e0e6"}
.elementor .kiku-ico-caret-down::before{content:"\e136"}
.elementor .kiku-ico-cell-signal-full::before{content:"\e142"}
.elementor .kiku-ico-film-strip::before{content:"\e792"}
.elementor .kiku-ico-hand-heart::before{content:"\e810"}
.elementor .kiku-ico-handshake::before{content:"\e582"}
.elementor .kiku-ico-heart::before{content:"\e2a8"}
.elementor .kiku-ico-house::before{content:"\e2c2"}
.elementor .kiku-ico-lightbulb-filament::before{content:"\e63c"}
.elementor .kiku-ico-lightning::before{content:"\e2de"}
.elementor .kiku-ico-link-simple::before{content:"\e2e6"}
.elementor .kiku-ico-list::before{content:"\e2f0"}
.elementor .kiku-ico-lock-simple::before{content:"\e308"}
.elementor .kiku-ico-magnifying-glass::before{content:"\e30c"}
.elementor .kiku-ico-map-pin::before{content:"\e316"}
.elementor .kiku-ico-person-simple-run::before{content:"\e730"}
.elementor .kiku-ico-plus-square::before{content:"\ed4a"}
.elementor .kiku-ico-puzzle-piece::before{content:"\e596"}
.elementor .kiku-ico-shuffle::before{content:"\e422"}
.elementor .kiku-ico-squares-four::before{content:"\e464"}
.elementor .kiku-ico-user-plus::before{content:"\e4d0"}
.elementor .kiku-ico-users-three::before{content:"\e68e"}
.elementor .kiku-ico-whatsapp-logo::before{content:"\e5d0"}
.elementor .kiku-ico-wifi-high::before{content:"\e4ea"}

/* --- Marquesina: la pista lleva la lista dos veces y se corre media pista --- */
@keyframes kiku-mq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 24px))}}
.elementor .kiku-mq{animation:kiku-mq 38s linear infinite;will-change:transform}
@media (prefers-reduced-motion: reduce){.elementor .kiku-mq{animation:none}}
@media (max-width:767px){.elementor .kiku-mq{animation:none}}

/* --- Cultura: sin JS, las polaroids no se van de la pantalla --- */
html:not(.kiku-fx-ready) .elementor .kiku-cul-card{transform:none}

/* --- El punto magenta de las palabras de Cultura --- */
.elementor .kiku-cul-w::after,.elementor .kiku-cul-mh::after{content:".";color:#FF0066}
