/* LemnaProt v30 · Efectos vivos (ver js/efectos-vivos.js) */

/* 1) Títulos palabra por palabra (inline para no romper la mayúscula inicial) */
.wd-ready .wd{position:relative;top:.35em;opacity:0;filter:blur(10px);
  transition:opacity .8s cubic-bezier(.2,.8,.2,1),filter .8s ease,top .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 70ms)}
.wd-ready.wd-in .wd{top:0;opacity:1;filter:none}
main h2.reveal{opacity:1!important;filter:none!important;transform:none!important}

/* 2) Fotos que se abren */
.abre{clip-path:inset(10% 8% 10% 8% round 28px);opacity:.001;transition:clip-path 1.2s cubic-bezier(.2,.8,.2,1) var(--d,0s),opacity .8s ease var(--d,0s)}
.abre.abierta{clip-path:inset(0 0 0 0 round 18px);opacity:1}
.plant-photo,.cultivo-frame{overflow:hidden}
.plant-photo img,.cultivo-frame img,.cultivo-frame video{will-change:transform;transition:transform .2s linear}

/* 3) Botones magnéticos */
.hx-btn,.button.primary,.nav-prein,.prein-send,.email,.back-top{transition:translate .35s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease!important}

/* 5) Lemna flotando en Contacto */
.contact{position:relative;isolation:isolate}
.contact>.lemna-flota{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}

/* 6) Pote: brillo que sigue el mouse */
.product-frame.tilt{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;position:relative}
.product-frame.tilt:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.35),transparent 45%)}
.product-frame.tilt:hover:after{opacity:1}

/* 7) Línea de progreso */
.progreso{position:fixed;top:0;left:0;right:0;height:2px;background:#b6cf59;transform-origin:0 50%;transform:scaleX(0);z-index:60;pointer-events:none}

/* Sin movimiento */
body.motion-paused .wd,body.motion-paused .abre{opacity:1!important;filter:none!important;top:0!important;clip-path:none!important}
@media (prefers-reduced-motion:reduce){.wd,.abre{opacity:1!important;filter:none!important;top:0!important;clip-path:none!important;transition:none!important}.progreso{display:none}}

/* Solo la palabra destacada va en cursiva (no todas las palabras del título) */
main h2 .wd{font-style:normal!important;padding-right:0!important}
main h2 span:not(.w):not(.wd) .wd,.hero h1 em .wd{font-style:italic!important}

/* Barra de secciones fija: transparente en la portada, marfil al bajar; se esconde al bajar y vuelve al subir */
.header{position:fixed!important;top:0;left:0;right:0;z-index:50;transition:background .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.header.fija{background:rgba(244,240,233,.88)!important;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border-bottom-color:rgba(44,55,29,.1)!important;box-shadow:0 8px 30px -18px rgba(44,55,29,.35)}
.header.oculta{transform:translateY(-105%)}
.header.open{transform:none!important}
html{scroll-padding-top:96px}
/* v33 · barra siempre visible: translúcida y difuminada al hacer scroll */
.header.fija{background:rgba(244,240,233,.62)!important;-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);box-shadow:none}
.header.oculta{transform:none!important}
/* sobre secciones oscuras: verde profundo translúcido, logo y textos claros */
.header.fija.sobre-oscuro{background:rgba(44,55,29,.66)!important;border-bottom-color:rgba(244,240,233,.12)!important}
.header.sobre-oscuro .brand .logo-oscuro{display:none}
.header.sobre-oscuro .brand .logo-claro{display:block}
.header.sobre-oscuro nav a,.header.sobre-oscuro .menu-toggle,.header.sobre-oscuro .lang-btn{color:#f4f0e9!important}
.header.sobre-oscuro .menu-toggle,.header.sobre-oscuro .lang-btn,.header.sobre-oscuro .nav-contact{border-color:rgba(244,240,233,.35)!important}
.header.sobre-oscuro .nav-prein{background:#b6cf59!important;color:#2c371d!important}
.header{transition:background .35s ease,border-color .35s ease,color .35s ease!important}