/* --- ESTILOS PÁGINA TÉRMINOS Y CONDICIONES --- */

.terminos {
    background-color: #fff;
    color: #444;
    line-height: 1.8;
}

/* Hero Sección */
.terminos-hero {
    background: linear-gradient(rgba(0, 45, 75, 0.9), rgba(0, 45, 75, 0.9)), url('../image/hero-legal.jpg');
    background-size: cover;
    background-position: center;
    padding: 120px 0 80px;
    text-align: center;
    color: #fff;
}

.terminos-hero-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.terminos-hero h1 {
    font-size: 3rem;
    margin-bottom: 20px;
    font-weight: 700;
}

.terminos-hero p {
    font-size: 1.2rem;
    opacity: 0.9;
}

/* Cuerpo del Contenido */
.terminos-contenido {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 20px;
}

.terminos-contenido h2 {
    color: #002d4b;
    font-size: 1.8rem;
    margin: 40px 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e65c00; /* Detalle naranja Viva México */
    display: inline-block;
}

.terminos-contenido p {
    margin-bottom: 20px;
    text-align: justify;
}

.terminos-contenido ul {
    margin-bottom: 30px;
    padding-left: 20px;
}

.terminos-contenido li {
    margin-bottom: 10px;
    position: relative;
    list-style: none;
}

.terminos-contenido li::before {
    content: "\f058"; /* Check icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #e65c00;
    margin-right: 10px;
}

/* --- ESTADOS INICIALES PARA ANIMACIÓN --- */
.terminos-contenido h2, 
.terminos-contenido p, 
.terminos-contenido ul {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

/* Clase activa disparada por jQuery */
.terminos-contenido .is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 768px) {
    .terminos-hero h1 { font-size: 2.2rem; }
    .terminos-contenido h2 { font-size: 1.5rem; }
}