/* Estilo propuesto (Santiago) aplicado a la landing: misma tipografía, superficies y botones que la app. */
@font-face {font-family:"Open Sans";src:url("/_static/90909c931186826584812d3de71df4541f8e694509d7ef8c25299f5272f74618/public/assets/fonts/OpenSans-latin.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face {font-family:"Poppins";src:url("/_static/90909c931186826584812d3de71df4541f8e694509d7ef8c25299f5272f74618/public/assets/fonts/Poppins-600-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face {font-family:"Poppins";src:url("/_static/90909c931186826584812d3de71df4541f8e694509d7ef8c25299f5272f74618/public/assets/fonts/Poppins-700-latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root {--lx-shadow:0 1px 2px #0b1f3a0f,0 8px 24px #0b1f3a12;--lx-radius:20px}
body,.site-scroll,button,input,textarea,select {font-family:"Open Sans",ui-sans-serif,system-ui,sans-serif}
:is(h1,h2,h3,.eyebrow,.step-no,.card-label,.login-button,.button,.floating-demo,.outline-button) {font-family:Poppins,"Open Sans",sans-serif}
h1 {letter-spacing:-.025em;font-weight:700;line-height:1.05}
h2 {letter-spacing:-.02em;font-weight:700}
h3 {letter-spacing:-.01em;font-weight:600}
.eyebrow {letter-spacing:.02em;font-weight:600}
.hero-lead {line-height:1.6}
/* Flat backgrounds: gradients made the page look washed out. */
.hero,.showcase,.footer {background:var(--ui-background)}
.section+.section {border-top:1px solid var(--ui-line)}
/* Cards: white surface, soft depth, one radius. */
.steps li,.role-card,.example-slide,.sample-screen,.registration-choice,.carousel.is-carousel .steps li {background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--lx-radius);box-shadow:var(--lx-shadow)}
.step-no {color:var(--ui-primary)}
/* Buttons: same shape as in the app. */
.login-button,.button,.floating-demo,.outline-button {border-radius:14px;font-weight:600;letter-spacing:0}
.floating-demo {box-shadow:0 8px 24px #0078bd40}
.web-dialog {border-radius:24px;box-shadow:0 24px 64px #0b1f3a33}
#access-form :is(input,textarea) {border-radius:12px;min-height:48px}
.steps li {padding:24px}
:is(.hero,.section) :is(h1,h2) {letter-spacing:-.02em}
.topbar {background:var(--ui-surface);border-bottom:1px solid var(--ui-line)}
/* Header actions: one clear primary, a soft secondary and an icon-only palette. */
.web-access-actions{display:flex;align-items:center;gap:10px}
.web-access-actions .inline-button{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-ink);font:600 .9rem Poppins,"Open Sans",sans-serif;text-decoration:none}
.web-access-actions .inline-button:hover{border-color:var(--ui-primary);color:var(--ui-primary)}
.web-access-actions .login-button{min-height:44px;padding:0 18px;border-radius:12px;font-size:.9rem}
.theme-trigger{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-ink);cursor:pointer}
.theme-trigger:hover{border-color:var(--ui-primary);color:var(--ui-primary)}
.theme-icon{width:21px;height:21px}
@media(max-width:760px){.web-access-actions .inline-button{min-height:40px;padding:0 10px;font-size:.8rem;white-space:nowrap}.web-access-actions .login-button{min-height:40px;padding:0 12px;font-size:.8rem}.theme-trigger{min-width:40px;min-height:40px}}

/* Celular angosto: el encabezado entra completo (logo, dos botones y paleta) sin cortarse. */
@media (max-width:440px){
  .topbar .navrow{gap:8px}
  .topbar .brand img{width:76px;height:auto}
  .web-access-actions{gap:6px;min-width:0}
  .web-access-actions .inline-button,.web-access-actions .login-button{min-height:40px;padding:0 10px;font-size:.78rem;white-space:nowrap}
  .web-access-actions [data-landing-theme] button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0}
}