/* ============================================================
   legal.css — gears.com.mx
   Estilos de páginas legales (política de cookies). Adaptado de
   politica-cookies.html de cloudgears.com.mx: mismo contenido y
   estructura, paleta navy en vez de morada, y sin depender de
   variables (--bg-premium, --glass-*, --purple-light) que no
   existen en el style.css real de gears.com.mx.
   ============================================================ */

.legal-eyebrow {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--primary, #3E63DD);
}

.legal-hero {
    background: linear-gradient(135deg, #0B0F17 0%, #141B29 50%, #1B2436 100%);
    padding: 80px 0 60px;
}

.legal-body {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 48px;
    margin-bottom: 40px;
}
.legal-body h2 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 2rem 0 .75rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.05);
}
.legal-body h2:first-child { border-top: none; padding-top: 0; margin-top: 0; }
.legal-body h3 { color: #90A8F0; font-size: 1rem; font-weight: 700; margin: 1.25rem 0 .5rem; }
.legal-body p, .legal-body li { color: rgba(255,255,255,0.72); font-size: .95rem; line-height: 1.8; }
.legal-body ul { padding-left: 1.25rem; margin-bottom: 1rem; }
.legal-body li { margin-bottom: .4rem; }
.legal-body a { color: #90A8F0; }
.legal-body strong { color: #fff; }
.legal-body code { background: rgba(62,99,221,.15); padding: 2px 7px; border-radius: 4px; font-size: .88em; color: #A9C1F5; }

.cookie-table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .88rem; }
.cookie-table th { background: rgba(62,99,221,.15); color: #90A8F0; padding: 10px 14px; text-align: left; font-weight: 700; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.cookie-table td { padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.05); color: rgba(255,255,255,0.72); vertical-align: top; }
.cookie-table tr:last-child td { border-bottom: none; }

.badge-necesaria { background: rgba(22,163,74,.2); color: #86efac; padding: 2px 8px; border-radius: 4px; font-size: .75rem; font-weight: 700; }
.badge-tercero { background: rgba(251,191,36,.15); color: #fcd34d; padding: 2px 8px; border-radius: 4px; font-size: .75rem; font-weight: 700; }
.badge-sesion { background: rgba(62,99,221,.2); color: #A9C1F5; padding: 2px 8px; border-radius: 4px; font-size: .75rem; font-weight: 700; }

.update-badge {
    display: inline-block;
    background: rgba(62,99,221,.15);
    border: 1px solid rgba(62,99,221,.3);
    color: #90A8F0;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: 24px;
}