body{margin:0;background:#0B0F17}
html{scroll-behavior:smooth}
a{color:#E6EAF2}a:hover{color:#FFFFFF}
input,textarea,button{font-family:inherit}
textarea::placeholder,input::placeholder{color:#8A92A3}
.btn{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,filter .25s,background-color .25s,border-color .25s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn-glow:hover{box-shadow:0 14px 34px -12px var(--acc)}
.btn-ghost:hover{border-color:#5B6578 !important;background:rgba(255,255,255,.04)}
.btn-ghost-l:hover{border-color:#0B0F17 !important}
.navlink{position:relative;transition:color .2s}
.navlink::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.navlink:hover{color:#FFFFFF !important}.navlink:hover::after{transform:scaleX(1)}
.lift{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.lift:hover{transform:translateY(-6px)}
.lift-d:hover{box-shadow:0 30px 60px -24px rgba(0,0,0,.8);border-color:#2C3648 !important}
.lift-l:hover{box-shadow:0 36px 70px -30px rgba(16,24,40,.3)}
.tile{transition:transform .4s cubic-bezier(.2,.7,.2,1),background-color .4s,border-color .4s,box-shadow .4s}
.tile .t-l,.tile .t-n,.tile .t-s{transition:color .4s,transform .4s cubic-bezier(.2,.7,.2,1)}
.tile .t-l{display:inline-block;transform-origin:left bottom}
.tile:hover,.tile:focus-visible{transform:translateY(-6px);background-color:var(--acc) !important;border-color:var(--acc) !important;box-shadow:0 24px 48px -18px var(--acc)}
.tile:hover .t-l,.tile:focus-visible .t-l{color:#0B0F17 !important;transform:scale(1.12)}
.tile:hover .t-n,.tile:focus-visible .t-n{color:#0B0F17 !important}
.tile:hover .t-s,.tile:focus-visible .t-s{color:#2A2416 !important}
.pl-l{transition:background-color .45s,color .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
.lift:hover .pl-l{background-color:var(--acc) !important;color:#0B0F17 !important;transform:rotate(-6deg) scale(1.04)}
.qrow{transition:padding .35s cubic-bezier(.2,.7,.2,1),background-color .35s}
.qrow:hover{padding-left:14px !important;background:rgba(255,255,255,.025)}
.field{transition:border-color .2s,box-shadow .2s,background-color .2s}
.field:focus{outline:none;background:#FFFFFF !important;border-color:#0B0F17 !important;box-shadow:0 0 0 4px rgba(201,164,92,.28)}
.field-d:focus{outline:none;border-color:var(--acc) !important;box-shadow:0 0 0 4px rgba(201,164,92,.18)}
.ring{transform-box:fill-box;transform-origin:center;animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}
.in{animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.44s}
.fade{animation:fadeIn .25s ease both}.pop{animation:pop .4s cubic-bezier(.2,.7,.2,1) both}
.pulse{animation:pulse 3s ease-in-out infinite}
.js-reveal .reveal{opacity:0;translate:0 48px;filter:blur(6px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),translate 1s cubic-bezier(.2,.7,.2,1),filter 1s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.js-reveal .reveal.shown{opacity:1;translate:0 0;filter:none}
@media (max-width: 480px){
header div[style*="padding: 16px 24px"]{padding:12px 16px !important;gap:10px !important}
header .brand-logo{height:36px !important}
header a span[style*="font-size: 17px"]{font-size:15px !important}
.menu-btn{padding:10px 12px !important}
}
@media print{.no-print{display:none !important}header{position:static !important}}
.wa{position:fixed;right:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:0;height:60px;min-width:60px;padding:0 18px;box-sizing:border-box;border-radius:999px;background:#0F8044;color:#FFFFFF !important;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 18px 40px -12px rgba(15,128,68,.7),0 4px 12px rgba(0,0,0,.25);transition:gap .35s cubic-bezier(.2,.7,.2,1),transform .25s,box-shadow .25s;animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) 1s both}
.wa .wa-l{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .4s cubic-bezier(.2,.7,.2,1)}
.wa:hover,.wa:focus-visible{gap:10px;transform:translateY(-3px);box-shadow:0 22px 48px -12px rgba(15,128,68,.85),0 4px 12px rgba(0,0,0,.25)}
.wa:hover .wa-l,.wa:focus-visible .wa-l{max-width:180px}
.wa::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25D366;animation:waRing 2.4s ease-out infinite;pointer-events:none}
@keyframes waRing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}
@media (max-width: 600px){.wa{right:16px;bottom:16px}}
@media print{.wa{display:none}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%}
h1,h2,h3{text-wrap:balance;overflow-wrap:break-word}
p,li,label{text-wrap:pretty}
.root{font-size:clamp(16px,0.35vw + 14.6px,17px) !important}
div[style*="padding: 120px 24px"]{padding-top:clamp(72px,10vw,120px) !important;padding-bottom:clamp(72px,10vw,120px) !important}
p[style*="font-size: 19px"],p[style*="font-size: 20px"]{font-size:clamp(16.5px,0.6vw + 14px,19px) !important}
.menu-btn{display:none}
@media (max-width: 960px){
.menu-btn{display:inline-flex}
.nav-links{display:none !important;flex-basis:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:6px 0 16px;border-top:1px solid rgba(255,255,255,.08)}
.nav-links.open{display:flex !important;animation:fadeUp .35s cubic-bezier(.2,.7,.2,1) both}
.nav-links a{padding:14px 2px;font-size:17px}
.nav-links .navlink::after{display:none}
.nav-links .btn{justify-content:center;margin-top:10px}
}
@media (max-width: 700px){
.toolbar{position:static !important}
}
@media (max-width: 640px){
article[style*="padding: 44px"]{padding:24px 20px !important;gap:24px !important}
div[style*="border-radius: 24px; padding: 40px"],div[style*="padding: 34px"],div[style*="padding: 38px"]{padding:24px 20px !important}
div[style*="padding: 26px 28px 30px"]{padding:20px !important}
header[style*="padding: 22px 28px"]{padding:18px 20px !important}
.pl-l{width:72px !important;height:72px !important;font-size:42px !important;border-radius:18px !important}
h3[style*="font-size: 36px"]{font-size:28px !important}
figure[style*="padding: 32px"]{padding:16px !important}
p[style*="border-left: 3px"]{font-size:20px !important}
}
@media (max-width: 480px){
div[style*="repeat(2, minmax(0, 1fr))"]{grid-template-columns:minmax(0,1fr) !important}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

/* ---- export estático ---- */
.chip{font-size:13px;line-height:1.3;text-align:left;padding:8px 14px;min-height:40px;border-radius:999px;cursor:pointer;border:1px solid #DDE1E8;background:#FFFFFF;color:#3A4252;font-weight:500}
.chip[aria-pressed="true"]{border-color:#0B0F17;background:#0B0F17;color:#FFFFFF;font-weight:600;box-shadow:0 8px 18px -10px rgba(11,15,23,.6)}
.esc{display:flex;align-items:center;gap:12px;padding:16px 18px;min-height:44px;border-radius:14px;cursor:pointer;border:1px solid #2C3648;background:#111725;color:#C3CAD6}
.esc:has(input:checked){border-color:#C9A45C;background:#1A2130;color:#FFFFFF;box-shadow:0 12px 28px -14px #C9A45C}
#modal[hidden],#sendForm[hidden],#sendResult[hidden]{display:none !important}
@media print{body{background:#fff}.root{background:#fff !important}}