/* Web comercial clara: capa propia sobre el color de marca (--nb-yellow). Sin recursos externos. */
.s-light{--s-text:#14161a;--s-soft:#596069;--s-line:#e4e6ea;--s-bg2:#f6f7f8;--s-accent:color-mix(in srgb,rgb(var(--nb-yellow)) 42%,#14161a);background:#fff;color:var(--s-text);font-family:Inter,system-ui,sans-serif}
.s-light h1,.s-light h2,.s-light h3{font-family:Inter,system-ui,sans-serif;text-transform:none;letter-spacing:-.025em;color:var(--s-text)}
.s-light .text-paper{color:var(--s-text)}
.s-light .text-muted{color:var(--s-soft)}
.s-light .text-yellow,.s-light .kicker{color:var(--s-accent)}
.s-light .border-line{border-color:var(--s-line)}
.s-light .bg-panel{background:#fff}
.s-light .card{background:#fff;border:1px solid var(--s-line);box-shadow:0 1px 2px rgb(20 22 26/.05);color:var(--s-text)}
.s-light .input{background:#fff;border:1px solid #cfd3d9;color:var(--s-text)}
.s-light .input::placeholder{color:#8a9099}
.s-light .label{color:var(--s-soft)}
.s-light .btn-ghost{background:#fff;border:1px solid #cfd3d9;color:var(--s-text)}
.s-light .btn-ghost:hover{background:var(--s-bg2)}
.s-light dialog{color:var(--s-text)}
.s-light dialog .rounded-xl.border-yellow\/30{color:var(--s-text)}
.s-light .text-rose-200{color:#b4233c}.s-light .text-emerald-300{color:#0b7a4b}.s-light .text-rose-300{color:#b4233c}
.s-light a:not(.btn-primary):not(.btn-ghost):hover{color:var(--s-text)}

.s-head{position:sticky;top:0;z-index:30;background:rgb(255 255 255/.92);border-bottom:1px solid var(--s-line);backdrop-filter:blur(12px)}
.s-headrow{display:flex;height:68px;align-items:center;justify-content:space-between;gap:1rem}
.s-logo{font-weight:800;font-size:1.3rem;letter-spacing:-.03em;color:var(--s-text)}
.s-nav{display:none;align-items:center;gap:1.6rem;font-size:.92rem;font-weight:500;color:#3b4047}
@media(min-width:900px){.s-nav{display:flex}}
.s-actions{display:flex;align-items:center;gap:.6rem}
.s-menu{position:relative}
.s-menu summary,.s-burger summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.25rem}
.s-menu summary::-webkit-details-marker,.s-burger summary::-webkit-details-marker{display:none}
.s-drop{position:absolute;top:calc(100% + 16px);left:-1rem;width:320px;padding:.5rem;background:#fff;border:1px solid var(--s-line);border-radius:16px;box-shadow:0 20px 50px rgb(20 22 26/.14)}
.s-drop a{display:block;padding:.6rem .75rem;border-radius:10px}
.s-drop a:hover{background:var(--s-bg2)}
.s-drop b{display:block;font-size:.9rem;color:var(--s-text)}
.s-drop span{font-size:.8rem;color:var(--s-soft)}
.s-burger summary{width:42px;height:42px;justify-content:center;border:1px solid var(--s-line);border-radius:12px}
@media(min-width:900px){.s-burger{display:none}}
.s-mobile{position:absolute;top:100%;left:0;right:0;height:calc(100dvh - 69px);overflow:auto;background:#fff;padding:.5rem 1.25rem 6rem;display:flex;flex-direction:column}
.s-mobile p{margin-top:1.1rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s-soft)}
.s-mobile a{padding:.65rem 0;border-bottom:1px solid var(--s-line);font-weight:600}

.s-hero{background:linear-gradient(180deg,rgb(var(--nb-yellow)/.13),#fff 75%);overflow:hidden}
.s-heroin{display:grid;gap:3rem;align-items:center;padding-block:clamp(3rem,6vw,5.5rem)}
@media(min-width:1040px){.s-heroin{grid-template-columns:.9fr 1.1fr}}
.s-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--s-line);font-size:.8rem;font-weight:600}
.s-title{font-weight:800;line-height:1.06;font-size:clamp(2.5rem,5.4vw,4.2rem)}
.s-h2{font-weight:800;line-height:1.1;font-size:clamp(1.9rem,3.6vw,2.9rem)}
.s-h3{font-size:1.3rem;font-weight:700;margin-top:.2rem}
.s-mark{background:linear-gradient(transparent 62%,rgb(var(--nb-yellow)/.75) 0);padding-inline:.1em;color:inherit}
.s-lead{font-size:1.125rem;line-height:1.65;color:var(--s-soft);max-width:38rem}
.s-checks{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;font-size:.9rem;font-weight:500}
.s-checks li,.s-list li{display:flex;gap:.5rem;align-items:flex-start}
.s-checks svg,.s-list svg{flex:none;margin-top:.2em;color:var(--s-accent)}
.s-list{display:grid;gap:.55rem}
.s-herostage{position:relative;padding-right:9%;padding-bottom:7%}
.s-herostage .s-mobile-shot{position:absolute;right:0;bottom:0;width:27%;min-width:112px}

.s-mobile-shot{margin:0 auto;width:min(290px,76vw);padding:8px;background:#17181c;border-radius:38px;box-shadow:0 26px 60px rgb(20 22 26/.28)}
.s-mobile-shot img{display:block;width:100%;height:auto;border-radius:30px}
.s-desk{margin:0;overflow:hidden;border:1px solid #d7dade;border-radius:14px;background:#fff;box-shadow:0 22px 55px rgb(20 22 26/.16)}
.s-desk img{display:block;width:100%;height:auto}
.s-desk-bar{display:flex;gap:6px;padding:9px 12px;background:#eceef1}
.s-desk-bar i{width:10px;height:10px;border-radius:50%;background:#c6cad0}

.s-sec{padding:clamp(3.5rem,7vw,6rem) 0;scroll-margin-top:70px}
.s-alt{background:var(--s-bg2);border-block:1px solid var(--s-line)}
.s-explain{padding:clamp(3.5rem,7vw,5.5rem) 0}
.s-box{background:#fff;border:1px solid var(--s-line);border-radius:18px;padding:1.5rem}
.s-box h3{margin-top:.9rem;font-size:1.15rem;font-weight:700}
.s-box p{margin-top:.45rem;color:var(--s-soft);font-size:.95rem;line-height:1.6}
.s-num,.s-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgb(var(--nb-yellow)/.25);color:var(--s-text);font-weight:800}
.s-limit{margin:1.5rem auto 0;max-width:46rem;text-align:center;font-size:.92rem;color:var(--s-soft)}
.s-limit b{color:var(--s-text)}
.s-note{margin-top:.8rem;font-size:.8rem;color:var(--s-soft)}
.s-tag{font-size:.8rem;font-weight:700;color:var(--s-accent)}
.s-feature{display:grid;gap:2.5rem;align-items:center;padding-block:clamp(2.5rem,5vw,4rem);scroll-margin-top:70px}
.s-feature h2,.s-feature h3{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;line-height:1.14;margin-top:.35rem}
@media(min-width:900px){.s-feature{grid-template-columns:1fr 1fr}.s-feature:nth-of-type(even)>figure{order:-1}.s-feature-wide{grid-template-columns:.8fr 1.2fr}}
.s-pair{position:relative;padding-bottom:2rem;padding-right:10%}
.s-pair .s-mobile-shot{position:absolute;right:0;bottom:0;width:26%;min-width:96px;padding:5px;border-radius:22px}
.s-pair .s-mobile-shot img{border-radius:17px}
.s-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;border-bottom:2px solid rgb(var(--nb-yellow))}
.s-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.s-tab{padding:.6rem 1rem;border-radius:999px;border:1px solid #cfd3d9;background:#fff;font-size:.875rem;font-weight:600;cursor:pointer}
.s-tab[aria-selected=true]{background:var(--s-text);border-color:var(--s-text);color:#fff}
.s-paneltext{max-width:44rem;margin:1.5rem auto 0;text-align:center;min-height:6rem}
.s-paneltext h3{font-size:1.35rem;font-weight:700}
.s-paneltext p{margin-top:.35rem;color:var(--s-soft)}
#panel .s-desk{max-width:1020px;margin-inline:auto}

/* simulador de marca: maqueta oscura del móvil */
.s-two{display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(min-width:960px){.s-two{grid-template-columns:1.05fr .95fr}}
.s-phone{--c:var(--nb-yellow);position:relative;width:min(290px,76vw);aspect-ratio:9/18.5;margin-inline:auto;border-radius:44px;padding:9px;background:#17181c;box-shadow:0 26px 60px rgb(20 22 26/.28)}
.s-screen{position:relative;height:100%;overflow:hidden;border-radius:34px;background:#0b0b0d;color:#f3f2ec;font:13px/1.4 Inter,system-ui,sans-serif;display:flex;flex-direction:column}
.s-screen header{display:flex;justify-content:space-between;align-items:center;padding:30px 16px 10px;font-weight:700}
.s-brandname{font-weight:800;font-size:17px;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgb(var(--c))}
.s-pane{display:none;flex:1;flex-direction:column;gap:9px;padding:6px 14px 14px;overflow:hidden}
.s-pane.on{display:flex}
.s-b{border-radius:15px;padding:9px 11px;max-width:88%}
.s-b.u{align-self:flex-end;background:rgb(var(--c));color:#0b0b0d;font-weight:600}
.s-b.a{background:rgb(255 255 255/.08)}
.s-swatch{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cfd3d9;cursor:pointer;padding:0}
.s-swatch[aria-pressed=true]{outline:2px solid var(--s-text);outline-offset:2px}

.s-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.92rem;background:#fff}
.s-table th,.s-table td{padding:.85rem .8rem;border-bottom:1px solid var(--s-line);text-align:left;vertical-align:top}
.s-table thead th{font-size:.75rem;font-weight:700;color:var(--s-soft)}
.s-table .s-us{background:rgb(var(--nb-yellow)/.16);color:var(--s-text)}
.s-big{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1;color:var(--s-text)}
.s-step{position:relative;padding-left:3.4rem}
.s-step>span{position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:50%;background:rgb(var(--nb-yellow));color:#0b0b0d;font-weight:800}
.s-cta{border-radius:24px;padding:clamp(2.5rem,6vw,4.5rem);text-align:center;background:#14161a;color:#fff}
.s-cta h2{color:#fff}
.s-cta a{background:rgb(var(--nb-yellow));color:#0b0b0d;display:inline-block;padding:.95rem 1.7rem;border-radius:999px;font-weight:700;margin-top:1.4rem}
.s-light .s-cta a:hover{color:#0b0b0d}
.s-sticky{position:fixed;inset:auto 0 0;z-index:25;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgb(255 255 255/.96);border-top:1px solid var(--s-line);display:none}
@media(max-width:767px){.s-sticky{display:block}.s-light{padding-bottom:70px}}
.s-pagehead{padding-block:clamp(3rem,6vw,4.5rem);background:linear-gradient(180deg,rgb(var(--nb-yellow)/.13),#fff)}
.s-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.s-reveal.in{opacity:1;transform:none}
.s-prose h2{font-size:1.7rem;font-weight:800;margin-top:2.4rem}
.s-prose p,.s-prose li{color:var(--s-soft);line-height:1.75;margin-top:.9rem}
.s-prose ul{list-style:disc;padding-left:1.2rem}
@media(prefers-reduced-motion:reduce){.s-reveal{opacity:1;transform:none;transition:none}}