.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#E1D5C5;--e-global-color-text:#000000;--e-global-color-accent:#067950;--e-global-typography-primary-font-family:"CyneAi Font";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"CyneAi Font";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"CyneAi Font";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"CyneAi Font";--e-global-typography-accent-font-weight:500;color:#000000;font-family:"CyneAi Font", Sans-serif;--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-page-transition-animation-duration:2500ms;--e-preloader-animation-duration:2000ms;--e-preloader-delay:300ms;--e-preloader-color:#FFFFFF;--e-preloader-size:34px;}.elementor-kit-6 e-page-transition{background-color:#000000;}.elementor-kit-6 a{color:#000000;}.elementor-kit-6 h1{font-family:"CyneAi Font", Sans-serif;}.elementor-kit-6 h2{font-family:"CyneAi Font", Sans-serif;}.elementor-kit-6 h3{font-family:"CyneAi Font", Sans-serif;}.elementor-kit-6 h4{font-family:"CyneAi Font", Sans-serif;}.elementor-kit-6 h5{font-family:"CyneAi Font", Sans-serif;}.elementor-kit-6 h6{font-family:"CyneAi Font", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.elementor-kit-6{--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-slide-in-up;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================
   CYNE NAV: 1 solo elemento
   bar -> fullscreen
   ============================ */

:root{
  --cyne-bar-h: 4.875rem;      /* ~78px */
  --cyne-pad: 2.5rem;          /* padding en fullscreen */
  --cyne-ease: cubic-bezier(.22,1,.36,1);
  --cyne-ease2: cubic-bezier(.2,.8,.2,1);
}

/* wrapper */
.cyne-nav{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  height: var(--cyne-bar-h);
  width: 100%;
  background: #000;
  color: #fff;
  z-index: 9999;
  overflow: hidden;
  transform: translateZ(0);
  transition:
    height .85s var(--cyne-ease),
    opacity .25s ease;
  font-family: "CyneAi Font", sans-serif;
}

/* se oculta al footer */
.cyne-nav--hidden{
  opacity: 0;
  pointer-events: none;
}

/* lock scroll cuando está abierto */
body.cyne-nav-lock{
  overflow: hidden;
}

/* estado abierto */
.cyne-nav.is-open{
  height: 100vh;
}

/* ============================
   Toggle (hamburguesa -> X)
   ============================ */

.cyne-nav__toggle{
  position: absolute;
  left: 1.75rem;
  bottom: 1.05rem;
  width: 2.75rem;
  height: 2.75rem;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    left .85s var(--cyne-ease),
    bottom .85s var(--cyne-ease),
    top .85s var(--cyne-ease);
}

/* cuando abre: sube arriba-izquierda */
.cyne-nav.is-open .cyne-nav__toggle{
  bottom: auto;
  top: 2.2rem;
  left: 2.25rem;
}

/* icono 2 líneas */
.cyne-nav__icon{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.9rem;
  height: .8rem;
  transform: translate(-50%,-50%);
}

.cyne-nav__icon::before,
.cyne-nav__icon::after{
  content:"";
  position: absolute;
  left: 0;
  width: 100%;
  height: .12rem;
  background: #fff;
  border-radius: 999px;
  transform-origin: center;
  transition: transform .55s var(--cyne-ease), top .55s var(--cyne-ease), opacity .25s ease;
}

/* 2 líneas separadas */
.cyne-nav__icon::before{ top: 0; }
.cyne-nav__icon::after{ top: .55rem; }

/* morph a X */
.cyne-nav.is-open .cyne-nav__icon::before{
  top: .28rem;
  transform: rotate(45deg);
}
.cyne-nav.is-open .cyne-nav__icon::after{
  top: .28rem;
  transform: rotate(-45deg);
}

/* ============================
   Logo (mismo elemento, crece suave)
   ============================ */

.cyne-nav__logo{
  position: absolute;
  right: 2.25rem;
  bottom: .65rem;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  line-height: 1;
  font-size: 2.75rem; /* bar */
  transition:
    font-size .85s var(--cyne-ease),
    right .85s var(--cyne-ease),
    bottom .85s var(--cyne-ease);
}

/* abierto: grande, abajo-derecha */
.cyne-nav.is-open .cyne-nav__logo{
  font-size: clamp(4.5rem, 8vw, 8rem);
  right: 3.5rem;
  bottom: 3rem;
}

/* ============================
   Panel interno (links)
   ============================ */

.cyne-nav__panel{
  position: absolute;
  inset: 0;
  padding: var(--cyne-pad);
  opacity: 0;
  pointer-events: none;
  transform: translateY(1rem);
  transition: opacity .35s ease, transform .35s var(--cyne-ease2);
}

/* el panel aparece DESPUÉS de que el contenedor abre (delay) */
.cyne-nav.is-open .cyne-nav__panel{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: .18s;
}

/* idioma */
.cyne-nav__lang{
  position: absolute;
  left: var(--cyne-pad);
  top: var(--cyne-pad);
  font-size: .9rem;
  letter-spacing: .02em;
  opacity: .9;
}
.cyne-nav__langlink{
  color: #fff;
  text-decoration: none;
}
.cyne-nav__slash{
  display: inline-block;
  margin: 0 .35rem;
  opacity: .7;
}

/* menu */
.cyne-nav__menu{
  position: absolute;
  left: var(--cyne-pad);
  top: calc(var(--cyne-pad) + 4.2rem);
  display: grid;
  gap: .35rem;
}

/* tamaño “maqueta 1920” pero responsive */
.cyne-nav__item{
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  line-height: 0.95;
  font-size: clamp(2.6rem, 4.6vw, 4.2rem);
}

/* animación items: fade in up con delay escalonado */
.cyne-nav__item{
  opacity: 0;
  transform: translateY(.9rem);
  transition:
    opacity .6s ease,
    transform .6s var(--cyne-ease2);
}

/* al abrir, aparecen con retardo (para que NO se vean durante el despliegue) */
.cyne-nav.is-open .cyne-nav__item{
  opacity: 1;
  transform: translateY(0);
}

/* escalonado (puedes sumar más si agregas links) */
.cyne-nav.is-open .cyne-nav__item:nth-child(1){ transition-delay: .40s; }
.cyne-nav.is-open .cyne-nav__item:nth-child(2){ transition-delay: .48s; }
.cyne-nav.is-open .cyne-nav__item:nth-child(3){ transition-delay: .56s; }
.cyne-nav.is-open .cyne-nav__item:nth-child(4){ transition-delay: .64s; }
.cyne-nav.is-open .cyne-nav__item:nth-child(5){ transition-delay: .72s; }
.cyne-nav.is-open .cyne-nav__item:nth-child(6){ transition-delay: .80s; }
.cyne-nav.is-open .cyne-nav__item:nth-child(7){ transition-delay: .88s; }

/* al cerrar: fade out down (suave) */
.cyne-nav.is-closing .cyne-nav__item{
  opacity: 0;
  transform: translateY(.9rem);
  transition-delay: 0s !important;
}

/* accesibilidad */
@media (prefers-reduced-motion: reduce){
  .cyne-nav, .cyne-nav *{ transition: none !important; }
}


/*BOTONES*/

.lets-talk-a{
  font-family:"Space Grotesk", sans-serif;
  position:relative;
  display:inline-block;
  width:fit-content;
  text-decoration:none;
}

/* línea visible por defecto */
.lets-talk-a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:100%;
  height:1px;
  background:currentColor;

  transform:scaleX(1);
  transform-origin:left;

  transition:transform .55s cubic-bezier(.22,1,.36,1);
}

/* hover → desaparece hacia la derecha */
.lets-talk-a:hover::after{
  transform:scaleX(0);
  transform-origin:right;
}

/* al salir → reaparece desde izquierda */
.lets-talk-a:not(:hover)::after{
  transform:scaleX(1);
  transform-origin:left;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CyneAi Font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cyneai.com/wp-content/uploads/2026/01/Jokker-Regular.woff2') format('woff2'),
		url('https://cyneai.com/wp-content/uploads/2026/01/Jokker-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */