/*═══════════════════════════════════════════════════════════════
    Diseminado Comunicación - Dpto. Desarrollo Web
    https://dscomunicacion.es

    Copyright (c) 2026 David Carlos Soler Domínguez.

    dlys v6.0 by Estudio LTV
    ─────────────────────────────────────────────────────────────
    CSS - Mobile First páginas de información legal
    ../css/legal.css
═══════════════════════════════════════════════════════════════*/
.cuadricula-legal { margin-top: 40px; }

.cuadricula-legal h2 {
    display: block;
    text-align: center;
}

.cuadricula-legal p { 
    text-align: justify; 
    margin: var(--espacio-5) 0;
}

.cuadricula-legal ul li { 
    text-align: left; 
    font-size: var(--texto-md);
    margin: var(--espacio-1) 0;
    color: rgb(var(--color-oscuro));
    line-height: 1.65;
}

.cuadricula-legal, .empresa p { 
    text-align: center; 
    margin: var(--espacio-5) 0;
}

.empresa p a:hover { color: rgb(var(--color-primario)); }

.fondo-blanco, .fondo-blanco h2, .fondo-blanco p { 
    background-color: rgb(var(--color-blanco)) !important; 
    color: rgb(var(--color-oscuro)) !important; 
}

.legal-tabla {
    width: 100%;
    border-collapse: collapse;
}

.legal-tabla th, .legal-tabla td {
    padding: var(--espacio-4);
    text-align: left;
    border-bottom: 1px solid rgb(var(--color-borde));
}

@media (max-width: 768px) {
    .cuadricula-legal h2 { font-size: var(--texto-xl); }

    .legal-tabla thead { display: none; }

    .legal-tabla, .legal-tabla tbody, .legal-tabla tr, .legal-tabla td {
        display: block;
        width: 100%;
    }

    .legal-tabla tr {
        padding: var(--espacio-4);
        margin-bottom: var(--espacio-4);
        border: 1px solid rgb(var(--color-borde));
        border-radius: var(--radio-md);
    }

    .legal-tabla td {
        display: flex;
        gap: var(--espacio-2);
        padding: var(--espacio-2) 0;
        border: none;
    }

    .legal-tabla td::before {
        content: attr(data-label) ":";
        flex-shrink: 0;
        font-weight: 600;
    }
}