/* ── LND-DISENO-CSS-01: utility classes extracted from diseno.html ── */
.design-system-version { font-size: 0.75rem; color: var(--accent-light); font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; }
.ws-note-text { font-size:0.875rem;color:var(--text-tertiary);line-height:1.75;margin-bottom: 1.25rem; }
.ws-bar-label { font-size:0.6875rem;color:var(--text-tertiary);margin-left: .625rem; }
.journey-wrap { background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding: 100px 5vw; }
.sec-lead-spaced { margin-bottom: 2.5rem; }
.badges-grid { margin-top: 2.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap: 1.25rem; }
.badge-demo-card { background:var(--bg-surface);border:1px solid var(--border);border-radius:.875rem;padding: 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap: 1.25rem;box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.badge-demo-code { display:flex;flex-direction:column;gap: 0.4rem;font-size:0.75rem;font-family:monospace;color:var(--text-tertiary);background:rgba(0,0,0,0.2);padding: 0.75rem;border-radius:0.5rem;width:100%;border:1px solid rgba(255,255,255,0.03); }
.badge-demo-prop { color:var(--text-secondary); }
.badge-demo-success-bg { color:var(--success-subtle); }
.badge-demo-success-color { color:var(--success); }
.badge-demo-warning-bg { color:var(--warning-subtle); }
.badge-demo-warning-color { color:var(--warning); }
.badge-demo-danger-bg { color:var(--danger-subtle); }
.badge-demo-danger-color { color:var(--danger); }
.badge-demo-info-bg { color:var(--info-subtle); }
.badge-demo-info-color { color:var(--info); }
.badge-demo-clinical-bg { color:var(--clinical-subtle); }
.badge-demo-clinical-color { color:var(--clinical-light); }
.badge-demo-neutral-bg { color:var(--bg-hover); }
.badge-demo-neutral-color { color:var(--text-secondary); }
.foot-links-row { display:flex;gap: 1.5rem; }
.foot-link { color:inherit;text-decoration:none; }
.margin-top-3 { margin-top: 3rem; }
.ws-note-title { font-size:1rem;font-weight:700;margin-bottom: .4rem;letter-spacing:-.02em; }
.nav-cta-wrap { padding: 1rem 1.75rem 1.75rem;display:flex;justify-content:flex-end; }
.nav-cta-btn { padding: 10px 20px;font-size: 0.875rem; }
.footer-logo-text { font-weight:800;letter-spacing:-.04em;font-size:1.25rem; }
.badge-demo-key { color:rgba(255,255,255,0.7); }
.sec-badge-ico { vertical-align:-2px;margin-right:5px; }
.landing-hero-title { font-weight: 800; font-size: clamp(2.2rem, 4.8vw, 4.2rem); letter-spacing: -0.02em; }
.landing-hero-tour-link { font-size: var(--text-sm); display: inline-flex; align-items: center; gap: var(--space-1); margin-left: auto; margin-right: auto; }
.landing-hero-tour-icon { width: 1rem; height: 1rem; }
.landing-trust-dot { opacity: 0.3; margin: 0 var(--space-3); }
.landing-section-heading-narrow { max-width: 35rem; margin: 0 auto var(--space-4); }
.landing-feature-proof-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--space-4); max-width: 53.75rem; margin: 0 auto; }
.landing-footer-fineprint { margin-top: var(--space-6); font-size: var(--text-sm); opacity: 0.6; }
.landing-whatsapp-label { font-size: var(--text-sm); font-weight: 600; }