/* Politica de privacidad. Documento legal: se lee, no se recorre.
   Ancho de lectura acotado, jerarquia clara y tabla que no se desborda en
   telefono, que es donde la va a abrir la mayoria (el enlace viaja por
   WhatsApp). Usa la paleta y las tipografias de variables.css, sin colores
   propios. */

.privacidad-page {
    padding-top: var(--page-header-offset);
    background: var(--white);
}

.privacidad-container {
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 20px 80px;
    font-family: var(--font-sans);
    color: var(--gray-800);
    line-height: 1.7;
}

.privacidad-titulo {
    font-family: var(--font-display);
    color: var(--primary);
    font-size: clamp(1.9rem, 5vw, 2.6rem);
    line-height: 1.2;
    margin: 0 0 8px;
}

.privacidad-fecha {
    color: var(--gray-500);
    font-size: 0.95rem;
    margin: 0 0 32px;
}

.privacidad-intro {
    font-size: 1.08rem;
    border-left: 4px solid var(--secondary);
    padding-left: 18px;
    margin-bottom: 40px;
}

.privacidad-container h2 {
    font-family: var(--font-sans);
    font-weight: 700;
    color: var(--gray-900);
    font-size: 1.3rem;
    margin: 40px 0 12px;
    padding-top: 24px;
    border-top: 1px solid var(--gray-200);
}

.privacidad-container h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--gray-800);
    margin: 24px 0 8px;
}

.privacidad-container p { margin: 0 0 14px; }
.privacidad-container ul { margin: 0 0 16px; padding-left: 22px; }
.privacidad-container li { margin-bottom: 8px; }

.privacidad-container a {
    color: var(--primary);
    text-decoration: underline;
}

.privacidad-destacado {
    background: var(--gray-50);
    border-radius: var(--radius-md);
    padding: 16px 18px;
    margin: 0 0 16px;
}

/* La tabla de plazos es el dato que mas se consulta. En telefono se desplaza
   sola dentro de su caja en vez de ensanchar la pagina entera. */
.privacidad-tabla-caja { overflow-x: auto; margin: 0 0 20px; }

.privacidad-tabla {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    min-width: 460px;
}

.privacidad-tabla th,
.privacidad-tabla td {
    text-align: left;
    padding: 12px 14px;
    border-bottom: 1px solid var(--gray-200);
    vertical-align: top;
}

.privacidad-tabla th {
    background: var(--gray-50);
    font-weight: 700;
    color: var(--gray-900);
}

.privacidad-contacto {
    background: var(--gray-50);
    border-radius: var(--radius-md);
    padding: 20px 22px;
    margin-top: 40px;
}

.privacidad-contacto p:last-child { margin-bottom: 0; }