/* =========================================
   ESTILOS PARA PÁGINA DE GRACIAS
   ========================================= */
.container { 
    max-width: 800px;
    margin: 0 auto;
    background: #ffffff;
    padding: 50px; 
    border-radius: 12px; 
    border: 1px solid #e1e8ed; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); 
}

.intro {
    font-size: 1.1em;
    color: #666;
    margin-bottom: 30px;
}

.legal-box {
    background: #fafbfc;
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #007bff;
}

.topic {
    display: block;
    font-weight: bold;
    color: #2c3e50;
    font-size: 1.1em;
    margin-bottom: 5px;
}

.btn-container { 
    text-align: center; 
    margin-top: 40px; 
}

.back-btn { 
    display: inline-block;
    color: #007bff;
    text-decoration: none; 
    font-weight: 600; 
    transition: all 0.3s ease; 
}

.back-btn:hover { 
    text-decoration: underline;
    transform: translateX(-5px); 
}

/* =========================================
   ESTILOS PARA PÁGINAS LEGALES (Términos, Privacidad, Cookies)
   ========================================= */

.logo-container-legal {
    text-align: center;
    margin-bottom: 20px;
}

/* Si necesitas forzar el logo aquí por encima del main.css */
.logo-container-legal img {
    width: 100%;
    height: auto;
    max-width: 744px; 
    display: inline-block;
    border: none;
}

/* Modificación exclusiva del h1 dentro del contenedor legal */
.box h1, .container h1 { 
    color: #2c3e50; 
    text-align: center; 
    font-size: 2em;
    border-bottom: 2px solid #f0f4f8; 
    padding-bottom: 20px; 
    margin-top: 0; 
}

.seccion-legal-contenido {
    padding: 0;
    margin-top: 0;
    text-align: left;
}

.intro-legal {
    overflow-wrap: anywhere;
    margin-bottom: 20px;
    text-align: left;
    color: #444;
}

/* --- CLASES NUEVAS PARA EVITAR ESTILOS EN LÍNEA --- */
.legal-divider-bottom {
    border-bottom: 1px solid #eee; 
    padding-bottom: 15px; 
    margin-bottom: 15px;
}

.legal-note-italic {
    margin-top: 25px; 
    color: #666; 
    font-style: italic; 
    border-top: 1px solid #eee; 
    padding-top: 15px;
}

.lista-legal {
    list-style: none;
    padding: 0;
}

.lista-legal li {
    overflow-wrap: anywhere;
    margin-bottom: 15px;
    color: #555;
    line-height: 1.5;
}

.punto-legal {
    color: #2c3e50;
    font-weight: bold;
}

.btn-container-legal {
    margin-top: 40px;
    text-align: center;
}

.no-decoration {
    text-decoration: none;
}

/* Ajuste para móvil */
@media (max-width: 600px) {
    .box h1, .container h1 {
        font-size: 1.5rem;
    }
}