/* LALALAND - capa premium: movimiento sutil y ajuste tipografico.
   Se desactiva por completo agregando ?llpremium=off a la URL,
   o borrando wp-content/novamira-sandbox/lalaland-premium.php
   Todo lo que oculta contenido esta detras de html.ll-on, que solo
   se agrega si JS esta vivo. Sin JS, la pagina se ve entera. */

:root{
  --ll-ease:cubic-bezier(.22,1,.36,1);
  --ll-lima:#9DBF43;
}

/* ============ 1. AJUSTE TIPOGRAFICO (no se mueve) ============ */
.elementor-25 h1,.elementor-25 h2,.elementor-25 h3{
  letter-spacing:-.018em;
  text-wrap:balance;
}
.elementor-25 p{text-wrap:pretty}

/* sobre negro el texto claro se ve mas fino de lo que es: se compensa */
.elementor-element-d78223f p,
.elementor-element-657f9b0 p,
.elementor-element-5b2f344 p{letter-spacing:.004em;line-height:1.7}
.elementor-element-d78223f h1,
.elementor-element-657f9b0 h2,
.elementor-element-5b2f344 h2{letter-spacing:-.013em}

/* ============ 2. ESTADOS DE HOVER ============ */
.elementor-25 .elementor-button{
  transition:transform .35s var(--ll-ease),box-shadow .35s var(--ll-ease),background-color .35s var(--ll-ease);
  will-change:transform;
}
.elementor-25 .elementor-button:hover{transform:translateY(-2px)}

.elementor-element-ce8f4c5,
.elementor-element-7ff5e65,
.elementor-element-77381ff,
.elementor-element-79b60b6,
.elementor-element-3cd4fa3,
.elementor-element-1a832c4,
.elementor-element-0d9683d,
.elementor-element-9d3c01a{
  position:relative;
  transition:transform .5s var(--ll-ease),box-shadow .5s var(--ll-ease);
}
.elementor-element-ce8f4c5:hover,
.elementor-element-7ff5e65:hover,
.elementor-element-77381ff:hover,
.elementor-element-79b60b6:hover,
.elementor-element-3cd4fa3:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,.07);
}

.elementor-element-bcaa4c7 .elementor-widget-image{overflow:hidden}
.elementor-element-bcaa4c7 .elementor-widget-image img{transition:transform 1.1s var(--ll-ease)}
.elementor-element-bcaa4c7 .elementor-widget-image:hover img{transform:scale(1.035)}

.elementor-element-29552bc img{opacity:.55;transition:opacity .5s var(--ll-ease)}
.elementor-element-29552bc img:hover{opacity:1}

/* ============ 3. LA FIRMA: EL FOIL ============ */
.ll-foil{position:relative;display:inline-block;color:var(--ll-lima)}
.ll-foil::after{
  content:attr(data-text);
  position:absolute;inset:0;
  background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.92) 50%,transparent 62%);
  background-size:280% 100%;
  background-position:200% 0;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  pointer-events:none;
}
.ll-foil.ll-lit::after{animation:llFoil 1800ms cubic-bezier(.36,0,.2,1) forwards}
@keyframes llFoil{to{background-position:-90% 0}}

/* ============ 4. LA CAPA DE MOVIMIENTO ============ */

/* --- ascenso de 14px: acto 1 (botones), 3, 4, 7, 8 --- */
html.ll-on .elementor-element-4396b12,
html.ll-on .elementor-element-ab232e1 p,
html.ll-on .elementor-element-de0bb61,
html.ll-on .elementor-element-957130a,
html.ll-on .elementor-element-5279fe4,
html.ll-on .elementor-element-79b60b6,
html.ll-on .elementor-element-3cd4fa3,
html.ll-on .elementor-element-3e1f852,
html.ll-on .elementor-element-aaf0a5b p,
html.ll-on .elementor-element-4dce224{
  opacity:0;transform:translateY(14px);
  transition:opacity 900ms var(--ll-ease) var(--ll-d,0ms),transform 900ms var(--ll-ease) var(--ll-d,0ms);
}
html.ll-on .ll-in.elementor-element-4396b12,
html.ll-on .elementor-element-ab232e1 p.ll-in,
html.ll-on .ll-in.elementor-element-de0bb61,
html.ll-on .ll-in.elementor-element-957130a,
html.ll-on .ll-in.elementor-element-5279fe4,
html.ll-on .ll-in.elementor-element-79b60b6,
html.ll-on .ll-in.elementor-element-3cd4fa3,
html.ll-on .ll-in.elementor-element-3e1f852,
html.ll-on .elementor-element-aaf0a5b p.ll-in,
html.ll-on .ll-in.elementor-element-4dce224{opacity:1;transform:none}

/* --- fundido puro, sin desplazamiento: acto 1 (marca), 2, 6, 7 --- */
html.ll-on .elementor-element-b3c0a6c,
html.ll-on .elementor-element-84afb52,
html.ll-on .elementor-element-1a832c4,
html.ll-on .elementor-element-0d9683d,
html.ll-on .elementor-element-9d3c01a,
html.ll-on .elementor-element-29552bc{
  opacity:0;
  transition:opacity 1100ms var(--ll-ease) var(--ll-d,0ms);
}
html.ll-on .ll-in.elementor-element-b3c0a6c,
html.ll-on .ll-in.elementor-element-84afb52,
html.ll-on .ll-in.elementor-element-1a832c4,
html.ll-on .ll-in.elementor-element-0d9683d,
html.ll-on .ll-in.elementor-element-9d3c01a,
html.ll-on .ll-in.elementor-element-29552bc{opacity:1}

/* --- revelado bajo mascara: titulares de los actos 1, 2, 5 y 8 --- */
html.ll-on .elementor-element-4520554 .elementor-heading-title,
html.ll-on .elementor-element-891ea1a .elementor-heading-title,
html.ll-on .elementor-element-bf75b29 .elementor-heading-title,
html.ll-on .elementor-element-5acaff1 .elementor-heading-title,
html.ll-on .elementor-element-617c5c9 .elementor-heading-title{opacity:0}
html.ll-on .ll-masked{opacity:1!important}
.ll-mask{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.ll-mask-i{display:block}
html.ll-on .ll-masked .ll-mask-i{
  transform:translateY(108%);
  transition:transform 1050ms var(--ll-ease) var(--ll-d,0ms);
}
html.ll-on .ll-masked.ll-in .ll-mask-i{transform:none}

/* --- filete que se dibuja sobre las tarjetas: acto 3 --- */
.ll-rule{
  position:absolute;left:0;top:0;height:2px;width:100%;
  background:var(--ll-lima);
  transform:scaleX(0);transform-origin:left;
  pointer-events:none;z-index:2;
}
html.ll-on .ll-in>.ll-rule{
  transform:scaleX(1);
  transition:transform 850ms var(--ll-ease) var(--ll-d,0ms);
}

/* --- secuencia de los pasos: acto 4 --- */
html.ll-on .ll-seq li{
  opacity:0;transform:translateY(10px);
  transition:opacity 700ms var(--ll-ease),transform 700ms var(--ll-ease);
}
html.ll-on .ll-seq.ll-in li{opacity:1;transform:none}
html.ll-on .ll-seq.ll-in li:nth-child(1){transition-delay:.10s}
html.ll-on .ll-seq.ll-in li:nth-child(2){transition-delay:.22s}
html.ll-on .ll-seq.ll-in li:nth-child(3){transition-delay:.34s}
html.ll-on .ll-seq.ll-in li:nth-child(4){transition-delay:.46s}

/* --- la hoja que se apoya: acto 5 --- */
html.ll-on .elementor-element-bcaa4c7 .elementor-widget-image{
  clip-path:inset(0 0 100% 0);
  transition:clip-path 1000ms var(--ll-ease) var(--ll-d,0ms);
}
html.ll-on .elementor-element-bcaa4c7 .elementor-widget-image img{
  transform:scale(1.06);
  transition:transform 1200ms var(--ll-ease) var(--ll-d,0ms);
}
html.ll-on .elementor-element-bcaa4c7 .elementor-widget-image.ll-in{clip-path:inset(0 0 0 0)}
html.ll-on .elementor-element-bcaa4c7 .elementor-widget-image.ll-in img{transform:none}

/* --- subrayado del cierre: acto 8 --- */
.elementor-element-617c5c9 .ll-lime{position:relative}
.elementor-element-617c5c9 .ll-lime::after{
  content:"";position:absolute;left:0;right:0;bottom:-.1em;height:2px;
  background:var(--ll-lima);
  transform:scaleX(0);transform-origin:left;
}
html.ll-on .elementor-element-617c5c9 .ll-in .ll-lime::after,
html.ll-on .ll-in .elementor-element-617c5c9 .ll-lime::after{
  transform:scaleX(1);
  transition:transform 900ms var(--ll-ease) .55s;
}

/* ============ 5. ACCESIBILIDAD ============ */
@media (prefers-reduced-motion:reduce){
  html.ll-on *,html.ll-on *::before,html.ll-on *::after{
    animation:none!important;transition:none!important;
  }
  html.ll-on [class*="elementor-element-"],
  html.ll-on .elementor-heading-title,
  html.ll-on .ll-seq li,
  html.ll-on .ll-mask-i{opacity:1!important;transform:none!important;clip-path:none!important}
  html.ll-on .ll-rule,
  html.ll-on .elementor-element-617c5c9 .ll-lime::after{transform:scaleX(1)!important}
  .ll-foil::after{display:none}
}