/* B24 home (owner 26/10, canvas «NIVRA · Sitio web»): more NIVRA colour — tinted surfaces, a dark bar with lime on each
   app screen, porcelain inside — a realistic plan in the demo, and the lime glow on hover, focus and touch. */
:root{--b-lime:#cfe95a;--b-ink:#16181b;--b-paper:#f2f3f0;--b-porcelain:#f7f7f4;--b-tint:#20281f;--b-tint-line:#3b4630;--b-red:#b3261e;--b-red-soft:#fbe4e1;--b-blue:#1f4f8f;--b-blue-soft:#e3ecf8;--b-green:#2f6b2f;--b-green-soft:#e2efdc;--b-muted:#c9cec4}
/* Hero (owner 01/11): the main button speaks at the size of «Ingresar». */
.fusion-hero .ws-button-primary,.rs-sec .rs-cta{font-size:15px}
@media (max-width:860px){.fusion-hero .ws-button-primary,.rs-sec .rs-cta{font-size:14px}}
/* Hero (owner 01/11): the five-line lead keeps clear of the film invitation. */
@media (min-width:681px){.fusion-hero .fusion-hero-copy{transform:translateY(-48%)}.fusion-hero .ws-lead{line-height:1.55}}
/* Hero (owner 01/11): where NIVRA is used and its networks, as symbols with a hint. The stores stay «próximamente»: no link until they exist. */
.fusion-hero .hero-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:71px}
.fusion-hero .hero-bottom :is(.nivra-platforms,.hero-socials){margin-top:6px}
@media (max-width:900px){.fusion-hero .hero-bottom{min-height:108px}.fusion-hero .hero-bottom :is(.nivra-platforms,.hero-socials){margin-top:0}}
/* The Estudio / Cliente switch of the journey. */
.b24-role-tabs{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--b-tint-line);border-radius:30px;background:var(--b-tint)}
.b24-role-tabs button{min-height:44px;min-width:88px;padding:0 20px;border:0;border-radius:24px;background:transparent;color:var(--b-paper);font:600 15px Geist,system-ui,sans-serif;cursor:pointer}
.b24-role-tabs button[aria-selected=true]{background:var(--b-lime);color:var(--b-ink)}
.b24-role-tabs button:focus-visible,.b24-demo :is(button,a,textarea,input,label):focus-visible{outline:2px solid var(--b-lime);outline-offset:3px}
.film-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid #2b3034}
.film-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--b-paper);cursor:pointer}
.film-controls button:hover{background:#262b2e}
.film-controls button:focus-visible{outline:2px solid var(--b-lime);outline-offset:2px}
.film-controls svg{width:20px;height:20px}
.film-progress{flex:1;min-width:60px;height:44px;margin:0;accent-color:var(--b-lime);background:transparent;cursor:pointer}
@media (prefers-reduced-motion:reduce){.e-context-platform{transition:none!important}}
.b24-rev-list{display:contents}
@media (min-width:1181px){.b24-doc-body{grid-template-columns:150px minmax(0,1fr) 250px}}
.b24-marks-actions .b24-btn{padding:0 14px}
.ws-guide-art-plan>span:not(.ws-guide-blueprint){width:58px!important;font-size:10px;white-space:nowrap}
/* Guides: «Así se ve en NIVRA» (owner 26/10). */
.b24-figure{margin:28px 0 32px;padding:20px;border:1px solid var(--b-tint-line);border-radius:22px;background:var(--b-tint)}
.b24-figure-title{margin:0 0 14px!important;font-size:12px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-lime)!important}
.b24-figure .b24-app{max-width:520px}
.b24-figure figcaption{margin-top:12px;font-size:13px;color:#b4bab1}
/* Touch targets ≥ 44 px (B24 review). */
.b24-reset{flex:0 0 44px}
.b24-tools button{min-height:44px}
.ws-faq-list summary{min-height:44px;display:flex;align-items:center;justify-content:space-between}
.e-context-access{min-height:44px}
.plan-dock-link{min-height:44px;display:inline-flex;align-items:center}
.b24-limit{flex-basis:100%;margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#3e4440}.b24-limit a{color:var(--b-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.b24-figure-img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 18px 50px #0000004d;background:#f2f3f0}