/* ==========================================================================
   Estilos base compartidos de la tienda (Lozano Magin)
   Centraliza variables de marca, tipografía y los overrides corporativos
   que antes se repetían en cada vista.
   ========================================================================== */

:root {
    --primary-dark: #0f172a;
    --primary-navy: #1e293b;
    --accent-cyan: #14b8a6;
    --accent-cyan-dark: #0d9488;
    --text-slate: #334155;
    --text-muted: #64748b;
    --bg-light: #f8fafc;
    --border-soft: #e2e8f0;
}

html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-light);
    color: var(--text-slate);
    overflow-x: hidden;
}

/* Marca corporativa: turquesa sobre las clases "info" de Bootstrap */
.text-info { color: #14b8a6 !important; }
.badge-info { background-color: #14b8a6; }
.btn-info { background-color: #14b8a6; border-color: #14b8a6; color: #fff; }
.btn-info:hover, .btn-info:focus { background-color: #0d9488; border-color: #0d9488; color: #fff; }
.btn-outline-info { color: #0d9488; border-color: #14b8a6; }
.btn-outline-info:hover { background-color: #14b8a6; border-color: #14b8a6; color: #fff; }
.border-info { border-color: #14b8a6 !important; }

/* Páginas de confianza (Términos, Privacidad, Nosotros, FAQ) */
.pagina-legal { max-width: 820px; }
.pagina-legal h1 { font-weight: 800; color: var(--primary-dark); letter-spacing: -.5px; }
.pagina-legal h2 { font-weight: 700; color: var(--primary-dark); font-size: 1.15rem; margin-top: 2.2rem; margin-bottom: .75rem; }
.pagina-legal p, .pagina-legal li { color: var(--text-slate); line-height: 1.75; }
.pagina-legal .updated { color: var(--text-muted); font-size: .85rem; }
.pagina-legal .lead-legal { color: var(--text-muted); font-size: 1.05rem; }