/* --- PRIVACY POLICY STYLING --- */

.nav-links {
    display: flex;
    gap: 40px;
    
    /* Lógica para centrar elemento absoluto */
    position: absolute;       /* Lo sacamos del flujo normal */
    left: 50%;                /* Lo movemos al 50% de la pantalla */
    transform: translateX(-50%); /* Lo corregimos para que el centro sea su propio eje */
}

/* Ajustes del contenedor principal */
.privacy-container {
    padding-top: 140px; /* Espacio para el header fijo */
    padding-bottom: 100px;
    max-width: 900px; /* Ancho de lectura óptimo */
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* HEADER DEL DOCUMENTO */
.doc-header {
    margin-bottom: 60px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 40px;
}

.doc-header h1 {
    font-size: 4rem; /* Título grande estilo Landing */
    line-height: 1;
    margin-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
}

.meta-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.status-dot {
    width: 8px;
    height: 8px;
    background-color: #b6bac5; /* Color secundario */
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(182, 186, 197, 0.5);
}

.last-updated {
    font-family: monospace;
    color: var(--text-muted);
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* CUERPO DEL DOCUMENTO */
.privacy-section {
    margin-bottom: 60px;
}

.privacy-section h2 {
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Decoración pequeña antes de cada H2 */
.privacy-section h2::before {
    content: '//';
    color: var(--accent); /* #383e4e */
    font-size: 1.2rem;
}

.privacy-section p {
    color: #a0a0a0;
    line-height: 1.7;
    margin-bottom: 15px;
    font-size: 1.05rem;
}

.intro-text p {
    font-size: 1.2rem; /* Texto introductorio un poco más grande */
    color: #ccc;
}

/* GRID DE DATOS (TARJETAS) */
.data-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.data-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(182, 186, 197, 0.15);
    padding: 25px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.data-card:hover {
    border-color: #b6bac5;
    background: rgba(255, 255, 255, 0.04);
    transform: translateY(-2px);
}

.data-card.full-width {
    grid-column: span 2;
}

.data-card h3 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500;
}

.data-desc {
    font-size: 0.95rem;
    margin-bottom: 15px;
    color: #a0a0a0;
}

.data-purpose {
    font-size: 0.85rem;
    color: #b6bac5;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* LISTAS TÉCNICAS */
.tech-list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.tech-list li {
    padding: 15px 20px;
    background: rgba(56, 62, 78, 0.1); /* Fondo muy sutil con color corporativo */
    border-left: 2px solid var(--accent);
    color: #ccc;
}

/* TAGS (DERECHOS) */
.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}

.tag {
    background: transparent;
    border: 1px solid var(--accent);
    color: #b6bac5;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    transition: 0.3s;
}

.tag:hover {
    background: var(--accent);
    color: #fff;
}

/* LINKS */
.highlight-link {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: var(--accent);
    text-underline-offset: 4px;
    transition: color 0.3s;
}

.highlight-link:hover {
    color: #b6bac5;
}

/* CAJA DE CONTACTO */
.contact-box {
    border: 1px solid var(--border-color);
    padding: 30px;
    background: linear-gradient(145deg, rgba(56, 62, 78, 0.1), transparent);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .doc-header h1 {
        font-size: 2.5rem;
    }
    
    .data-grid {
        grid-template-columns: 1fr;
    }
    
    .data-card.full-width {
        grid-column: span 1;
    }
    
    .privacy-container {
        padding-top: 100px;
    }
}

/* --- OVERRIDES PARA LIGHT MODE (PRIVACY PAGE) --- */

/* 1. Textos Principales (Títulos) */
[data-theme="light"] .doc-header h1,
[data-theme="light"] .privacy-section h2,
[data-theme="light"] .data-card h3 {
    color: #111827; /* Negro casi puro */
}

/* 2. Textos de Párrafos y Descripciones */
[data-theme="light"] .privacy-section p,
[data-theme="light"] .intro-text p,
[data-theme="light"] .data-desc,
[data-theme="light"] .last-updated {
    color: #4B5563; /* Gris oscuro legible */
}

/* 3. Tarjetas de Datos (Data Cards) */
[data-theme="light"] .data-card {
    background: #ffffff; /* Fondo blanco */
    border-color: rgba(0, 0, 0, 0.1); /* Borde gris suave */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); /* Sombra sutil */
}

[data-theme="light"] .data-card:hover {
    border-color: var(--accent); /* Usa el color de acento al hover */
    background: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* 4. Propósito (Línea inferior de la tarjeta) */
[data-theme="light"] .data-purpose {
    color: #6B7280;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* 5. Listas Técnicas (Tech List) */
[data-theme="light"] .tech-list li {
    background: #F3F4F6; /* Gris muy claro de fondo */
    color: #1f2937; /* Texto oscuro */
    border-left-color: var(--accent); /* Mantiene el acento */
}

/* 6. Tags */
[data-theme="light"] .tag {
    color: #4B5563;
    border-color: rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .tag:hover {
    background: var(--accent);
    color: #fff;
    border-color: var(--accent);
}

/* 7. Caja de Contacto */
[data-theme="light"] .contact-box {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* 8. Links destacados */
[data-theme="light"] .highlight-link {
    color: #111827;
    text-decoration-color: var(--accent);
}
[data-theme="light"] .highlight-link:hover {
    color: #4B5563;
}