/* ==========================================================================
   DISEÑO INTEGRAL: PÁGINA DE TÉRMINOS Y CONDICIONES (HACIA ADELANTE)
   ========================================================================== */
.contenedor-politicas-terms {
    max-width: 900px;
    margin: 60px auto;
    padding: 0 25px;
    font-family: 'Montserrat', sans-serif;
    color: #111111; /* Negro premium idéntico al resto de tu marca */
    line-height: 1.8;
}

/* Encabezado */
.terms-header-seccion {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 40px;
    text-align: center;
}

.contenedor-politicas-terms h1 {
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    color: #111111;
}

.terms-subtitulo-fecha {
    font-size: 13px;
    color: #767676;
    font-style: italic;
}

/* Introducción destacada */
.terms-introduccion p {
    font-size: 16px;
    font-weight: 500;
    color: #444444;
    margin-bottom: 35px;
    text-align: justify;
    border-left: 3px solid #111111;
    padding-left: 15px;
}

/* Bloques de Cláusulas Legales */
.terms-bloque-legal {
    margin-bottom: 40px;
}

.contenedor-politicas-terms h2 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    color: #111111;
}

.contenedor-politicas-terms p {
    font-size: 14.5px;
    color: #333333;
    margin-bottom: 15px;
    text-align: justify;
}

/* Resaltado para elementos clave dentro del texto */
.terms-bloque-legal strong {
    color: #111111;
}

/* ==========================================================================
   RESPONSIVIDAD EXCLUSIVA TÉRMINOS
   ========================================================================== */
@media (max-width: 768px) {
    .contenedor-politicas-terms {
        margin: 40px auto;
        padding: 0 15px;
    }
    .contenedor-politicas-terms h1 {
        font-size: 26px;
    }
    .terms-introduccion p {
        font-size: 14.5px;
    }
    .contenedor-politicas-terms p {
        font-size: 13.5px;
    }
}