.elementor-144 .elementor-element.elementor-element-d14fb72{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-986379f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 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;}/* Start custom CSS for html, class: .elementor-element-986379f *//* =====================================================
   HEADER GRID (NO OVERLAP, NAV CENTRADO)
===================================================== */
#ceo-menu{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:#fff;
  padding:22px 5%;
  z-index:10;
}

.ceo-menu-grid{
  display:grid;
  grid-template-columns: 1fr auto 1fr; /* left | center | right */
  align-items:center;
}

.ceo-left{ justify-self:start; }
.ceo-right{ justify-self:end; display:flex; }

/* Center wrapper */
.ceo-center{
  justify-self:center;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
}

/* =====================================================
   HEADER LOGO + TEXT (NACEN CENTRADOS SOBRE UN EJE)
   Eje central invisible:
   - logo a la izquierda del eje
   - texto a la derecha del eje
===================================================== */

/* Logo: nace centrado (NO en columna izquierda) */
.ceo-header-logo{
  width:100px;             /* un poco más grande */
  height:auto;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) translateX(-28px); /* ← lado izquierdo del eje */
  opacity:0;
  transition:
    opacity 900ms cubic-bezier(.19,1,.22,1),
    transform 1200ms cubic-bezier(.19,1,.22,1);
}

/* Texto: nace centrado al lado derecho del eje */
.ceo-header-text{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) translateX(28px); /* → lado derecho del eje */
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1;
  font-weight:700;
  letter-spacing:.04em;
  opacity:0;
  transition:
    opacity 900ms cubic-bezier(.19,1,.22,1),
    transform 1200ms cubic-bezier(.19,1,.22,1);
}

.ceo-header-text span:first-child{ font-size:15px; }
.ceo-header-text span:last-child{ font-size:13px; }

/* Mostrar ambos centrados */
#ceo-menu.show-text .ceo-header-logo,
#ceo-menu.show-text .ceo-header-text{
  opacity:1;
}

/* Split:
   - logo se va a la izquierda (hasta el padding real 5vw aprox)
   - texto se va a la derecha y desaparece
*/
#ceo-menu.split .ceo-header-logo{
  /* desde el centro a la izquierda del header (considera padding 5%) */
  transform:translate(-50%,-50%) translateX(calc(-50vw + 5vw + 32px));
  opacity:1;
}

#ceo-menu.split .ceo-header-text{
  transform:translate(-50%,-50%) translateX(120vw);
  opacity:0;
}

/* =====================================================
   NAV (SIEMPRE CENTRADO)
===================================================== */
.ceo-nav{
  display:flex;
  gap:28px;
  opacity:0;
  transition:opacity 1.2s cubic-bezier(.19,1,.22,1);
}

#ceo-menu.show-nav .ceo-nav{
  opacity:1;
}

.ceo-nav a{
  text-decoration:none;
  color:#000;
  font-weight:500;
}

/* =====================================================
   CTA (RIGHT)
===================================================== */
.ceo-cta{
  opacity:0;
  transition:opacity 1.2s cubic-bezier(.19,1,.22,1);
  text-decoration:none;
  padding:12px 22px;
  border:2px solid #000;
  border-radius:12px;
  font-weight:600;
  color:#000;
  white-space:nowrap;
}

#ceo-menu.show-nav .ceo-cta{
  opacity:1;
}

/* =====================================================
   LANTERN INTRO — IGUAL QUE LO TENÍAS
===================================================== */
#ceo-lantern{
  position:fixed;
  inset:0;
  background:#fff;
  z-index:9999;
  overflow:hidden;
  transform:translateY(0);
  transition:transform 1.9s cubic-bezier(.77,0,.18,1);
}

#ceo-lantern .ceo-logo{
  position:absolute;
  top:50%;
  left:50%;
  width:520px;
  max-width:85vw;
  transform:translate(-50%,-50%) scale(.78);
  opacity:0;
  transition:
    opacity 1.4s cubic-bezier(.19,1,.22,1),
    transform 1.4s cubic-bezier(.19,1,.22,1);
}

#ceo-lantern.logo-in .ceo-logo{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

#ceo-lantern.lift-up .ceo-logo{
  opacity:0;
  transform:translate(-50%,-50%) scale(.96);
}

#ceo-lantern::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    #f3d27a,
    #d4af37,
    #f3d27a,
    transparent
  );
}

#ceo-lantern.lift-up{
  transform:translateY(-100%);
}/* End custom CSS */