/* Nombrent · Editorial v1. Identidad compartida para páginas de presentación. */
:root{--lienzo:#071411;--sup:#0d1f1a;--sup-2:#12261f;--borde:#244137;--borde-fuerte:#36594c;--tinta:#eef8f2;--tinta-media:#c6d8ce;--tinta-baja:#a4bbb0;--lima:#dffb71}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#071411;color:#eef8f2}
button,input,select,textarea{font-family:inherit}
.glow{background:radial-gradient(ellipse at 50% 0%,#17382b66,transparent 65%),#071411}
h1,h2,h3{text-wrap:balance}
h1{font-weight:650!important;letter-spacing:-.055em!important;line-height:1.04!important}
h2{font-weight:650!important;letter-spacing:-.04em!important}
p{line-height:1.65}
:is(.envoltura,.wrap){max-width:1200px}
:is(.nav,body>nav){background:#071411e8;backdrop-filter:blur(20px);border-bottom:1px solid #d5eedb12}
:is(.marca,.brand,.nav-marca){letter-spacing:-.04em}
:is(.btn,.button){border-radius:12px;min-height:46px;transition:background-color .16s,border-color .16s,transform .12s}
:is(.btn,.button):active{transform:scale(.98)}
:is(.btn,.button):hover{transform:none}
:is(.btn-primario,.btn.primary,.button.primary){background:#dffb71;color:#071411}
:is(.btn-secundario,.btn.ghost){background:transparent;border-color:#426454;color:#eef8f2}
:is(.eyebrow){font-family:inherit;text-transform:none;letter-spacing:.01em;font-size:13px;font-weight:500}
:is(.hero){padding-top:96px;padding-bottom:88px;gap:64px}
:is(.hero h1){font-size:clamp(40px,5.8vw,76px);max-width:18ch}
:is(.lead){color:#b8cfc2;font-size:clamp(17px,1.8vw,20px)}
:is(.hero .maqueta,.hero .mock){border:1px solid #466252;border-radius:24px;background:#0d1f1a;box-shadow:0 36px 100px #0007;padding:22px}
:is(section){padding-top:76px;padding-bottom:76px}
:is(.producto,.caja,.card,.plan,.dato){background:#0d1f1a;border:1px solid #244137;border-radius:20px;box-shadow:none}
:is(.producto,.caja,.card){padding:28px}
:is(.producto h3,.caja h3){font-weight:600;letter-spacing:-.025em}
:is(.grid3,.grid4,.grid,.productos){gap:20px}
:is(.cierre){background:#122a20;border-color:#2c4b3d;box-shadow:none;padding:72px 28px}
:is(details){background:#0d1f1a;border-color:#244137;border-radius:14px}
:is(summary){min-height:44px}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #dffb71;outline-offset:4px}
:is(.precio b,.big,.cifra strong){font-variant-numeric:tabular-nums}
::selection{background:#dffb71;color:#071411}
@media(max-width:760px){
 :is(.hero){padding-top:52px;padding-bottom:48px;gap:32px}
 :is(.hero h1){font-size:clamp(36px,9vw,56px)}
 :is(section){padding-top:48px;padding-bottom:48px}
 :is(.hero .maqueta,.hero .mock){padding:16px}
 :is(.producto,.caja,.card){padding:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){:is(.nav,body>nav){background:#071411;backdrop-filter:none}}
@media(max-width:380px){
 .nav .envoltura{padding-inline:16px;gap:8px}
 .nav .marca{font-size:16px;gap:7px}
 .nav .marca small{display:none}
 .nav .btn-chico{padding:9px 12px;font-size:12px}
 body>nav .wrap{padding-inline:16px;gap:8px}
 body>nav .brand{font-size:16px;gap:6px}
 body>nav .btn.sm{font-size:12px;padding:9px 10px;min-height:40px}
 .pc{overflow:auto}
}