/* Identidad nbsystem: colores, letras y piezas comunes */
:root{
  --g:#173A35;--g2:#1f4a44;--l:#D5F65C;--r:#E5402F;--r2:#c9321f;--c:#F1ECE2;--c2:#e6dfd1;--line:#d9d1c2;
  --T:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;--S:'Instrument Serif',Georgia,serif;
  --gut:max(16px,env(safe-area-inset-left,0px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--c);color:var(--g);font:16px/1.6 var(--T);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
:focus-visible{outline:3px solid var(--r);outline-offset:3px}
/* logo */
.wm{font:800 1em/1 var(--T);letter-spacing:-.055em;white-space:nowrap;display:inline-flex;align-items:flex-start;text-decoration:none;color:inherit}
.wm svg{width:.6em;height:.6em;margin:-.04em 0 0 .03em;flex:none}
/* textos */
.k{font:900 italic 13px var(--T);letter-spacing:.05em;text-transform:uppercase}
.ser{font-family:var(--S);font-style:italic;font-weight:400;letter-spacing:-.005em;line-height:.98}
.lbl{font:600 11px var(--T);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--r);color:#fff;font:700 16px var(--T);text-decoration:none;padding:16px 24px;border-radius:999px;transition:background .15s,transform .15s}
.btn:hover{background:var(--r2);transform:translateY(-1px)}
.btn.lime{background:var(--l);color:var(--g)}.btn.lime:hover{background:#c8ea4c}
/* botón con la identidad del logo: letra del logo + chispa arriba a la derecha */
.btn.nb{background:var(--r);color:#fff;font-weight:800;letter-spacing:-.03em;align-items:flex-start;padding-right:20px}
.btn.nb:hover{background:var(--r2)}
.btn.nb::after{content:"";width:.85em;height:.85em;margin:-.3em 0 0 -6px;flex:none;background:var(--l);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 52 C34 50 44 44 50 0 C56 44 66 50 100 52 C66 54 56 60 50 100 C44 60 34 54 0 52Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 52 C34 50 44 44 50 0 C56 44 66 50 100 52 C66 54 56 60 50 100 C44 60 34 54 0 52Z'/%3E%3C/svg%3E") center/contain no-repeat}
.btn.nb.dark{background:var(--r);color:#fff}
.btn.nb.dark:hover{background:var(--r2)}
.btn.nb.dark::after{background:var(--g)}
.btn.sm{font-size:14px;padding:10px 16px}
.under{font:500 13px var(--T);opacity:.7;margin-top:10px}
/* preguntas */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font:700 18px var(--T);letter-spacing:-.02em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:12px;font:400 28px var(--T);color:var(--r);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;max-width:66ch;opacity:.85}
/* aparecer al bajar */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
/* botón fijo en móvil */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(23,58,53,.96);transform:translateY(110%);transition:transform .25s}
.sticky.on{transform:none}
.sticky .btn{width:100%}
@media (max-width:760px){.sticky{display:block}}
.spark-anim{animation:spk 7s ease-in-out infinite;transform-origin:center}
@keyframes spk{50%{transform:rotate(25deg) scale(1.1)}}
