/* LemnaProt v26 · Pasada "orgánica"
   Objetivo: que la página se sienta natural y hecha a mano, no como plantilla tech.
   - Títulos en frase normal (no TODO MAYÚSCULAS), con la palabra destacada en cursiva.
   - Fuera adornos de plantilla: anillos, cruces "+", coordenadas, palabra gigante, grilla de puntos.
   - Botones: una sola forma (píldora), sin esquina cortada ni caja de flecha.
   - Movimiento: los títulos aparecen desde un desenfoque suave (sin cortinas).
   - Franja: más calma y fina. Etiquetas pequeñas más discretas. */

/* ---------- Títulos en frase normal (no en alemán: ahí los sustantivos van con mayúscula) ---------- */
html:not([lang="de"]) .hero h1,
html:not([lang="de"]) main h2:not(.prein-title){text-transform:lowercase}
html:not([lang="de"]) .hero h1::first-letter,
html:not([lang="de"]) main h2:not(.prein-title)::first-letter{text-transform:uppercase}
.hero h1,main h2{letter-spacing:-.015em!important;font-weight:300}
.hero h1 em,main h2 span:not(.w){font-family:Satoshi,Archivo,Arial,sans-serif;font-style:italic;font-weight:300;padding-right:.05em}

/* ---------- Adornos de plantilla fuera ---------- */
.hero-rings,.hero-word,.hero-coord,.hero-mark,.image-cross,.hero-symbol{display:none!important}
.hero-bg:before{display:none!important}
.progress-bar,.flow-canvas{display:none!important}

/* ---------- Etiquetas pequeñas: menos ruido ---------- */
.eyebrow,.section-top>span.mono,.team-label,.hero-top,.hero-bottom,.specimen,.hero-visual figcaption,.development-note,.vision-note{
  letter-spacing:.08em!important;opacity:.78}
.section-top>span.mono,.hero-top>span:last-child{display:none}
.hero-stack{gap:6px 16px!important;letter-spacing:.08em!important}
.hero-stack li:before{width:5px!important;height:5px!important;border-radius:50%;background:var(--sage,#909d65)!important}

/* ---------- Botones: una sola forma ---------- */
.button.primary{clip-path:none!important;border-radius:999px!important;padding:15px 26px!important;gap:10px!important;
  background:var(--lime,#b6cf59)!important;color:var(--black,#2c371d)!important;transition:background .3s ease,transform .3s ease!important}
.button.primary:before{display:none!important}
.button.primary>[data-i18n]{padding:0!important}
.button.primary>span[aria-hidden]{border:0!important;width:auto!important;padding:0!important;background:none!important}
.button.primary:hover{background:var(--white,#f4f0e9)!important;color:var(--black,#2c371d)!important;transform:translateY(-1px)}
.light .button.primary:hover{background:var(--moss,#5e6f3a)!important;color:var(--white,#f4f0e9)!important}
.text-link:before{display:none!important}
.text-link:after{transform-origin:0 50%!important;opacity:.45}
.text-link:hover:after{transform:none!important;opacity:1}
.nav-contact{border-radius:999px!important;border-color:rgba(244,240,233,.35)!important}
.nav-contact:before{display:none!important}
.header nav a.nav-contact:hover{color:var(--lime,#b6cf59)!important;border-color:var(--lime,#b6cf59)!important}
.back-top{border-radius:50%!important;width:44px;height:44px;display:grid!important;place-items:center;padding:0!important;font-size:18px!important}

/* ---------- Franja: calma, fina y en la paleta ---------- */
.marquee{background:transparent!important;border-top:1px solid rgba(144,157,101,.28);border-bottom:1px solid rgba(144,157,101,.28);padding:16px 0!important}
.marquee-track{animation-duration:70s!important}
.marquee-track span{font-family:Satoshi,Archivo,Arial,sans-serif!important;font-style:italic;font-weight:300!important;font-size:clamp(22px,2.6vw,34px)!important;color:var(--white,#f4f0e9)!important;text-transform:none}
.marquee-track b{font-size:0!important;display:inline-flex;align-items:center;padding:0 clamp(18px,2.4vw,34px)!important}
.marquee-track b:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime,#b6cf59);opacity:.8}
.marquee .motion-toggle,.marquee+.motion-toggle{opacity:.6}

/* ---------- Pilares: sin cajas, más aire ---------- */
.pillars li{border:0!important;background:none!important;box-shadow:none!important}
.pillars li:before,.pillars li:after{display:none!important}

/* ---------- Aparición suave de títulos (en vez de cortina) ---------- */
.reveal{clip-path:none!important;opacity:0;filter:blur(8px);transform:translateY(16px);
  transition:opacity 1s cubic-bezier(.2,.8,.2,1),filter 1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)!important}
.reveal.in{opacity:1;filter:none;transform:none}
body.motion-paused .reveal,.reveal.in{clip-path:none!important}
body.motion-paused .reveal{opacity:1;filter:none;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;filter:none!important;transform:none!important}}

/* ---------- Esquinas más suaves en fotos ---------- */
.plant-photo img,.cultivo-media,.cultivo-media video,.product-frame,.portrait,.advisors img{border-radius:18px}
main h3:not(.team-label){text-transform:none!important}
.lang-btn,.menu-toggle{border-radius:999px!important}
.motion-toggle{border-radius:999px!important;background:transparent!important;border:1px solid rgba(144,157,101,.45)!important;color:inherit!important;opacity:.7}

/* v28 · Razones sin números ni líneas de plantilla */
.reasons{border-top:0!important;gap:clamp(24px,4vw,64px);margin-top:56px!important}
.reasons li,.reasons li+li{border:0!important;padding:0!important}
.reasons .r-k{display:block;margin-bottom:10px}
.reasons .r-k b{display:block;font-family:Satoshi,Archivo,Arial,sans-serif;font-style:italic;font-weight:300;font-size:clamp(24px,2.2vw,30px);line-height:1.1;color:var(--moss,#5e6f3a)!important;letter-spacing:-.01em}
html:not([lang="de"]) .reasons .r-k b{text-transform:lowercase}
html:not([lang="de"]) .reasons .r-k b::first-letter{text-transform:uppercase}
.reasons p{margin-top:0!important;max-width:30ch!important}
@media (max-width:700px){.reasons{gap:30px;margin-top:40px!important}}