/* global-wow.css - Versión Optimizada para Iframe y WordPress */

:root {
    --bg-deep-blue: radial-gradient(circle at center, #1a428a 0%, #061536 100%);
    --c-green: #85b21f;
}

/* * IMPORTANTE: Eliminamos justify-content: center 
 * para que el contenido siempre se ancle al inicio (top).
 */
body {
    font-family: 'Montserrat', sans-serif !important;
    background: var(--bg-deep-blue) !important;
    background-attachment: fixed !important;
    color: white;
    /* Usamos min-height: auto para que el script de altura no se confunda */
    min-height: auto; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Siempre al inicio */
    margin: 0;
    padding: 20px 10px; /* Un poco menos de padding lateral para ganar espacio */
    overflow-x: hidden;
    animation: fadeInPage 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes fadeInPage {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Contenedor responsivo: Quitamos márgenes forzados */
.container {
    max-width: 1100px !important;
    width: 100%;
    margin: 0 auto;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    body { 
        padding: 15px 5px; /* Maximizamos el espacio en móviles pequeños */
    }
}

/* Scrollbar Corporativa */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); }
::-webkit-scrollbar-thumb { 
    background: var(--c-green); 
    border-radius: 10px; 
}