/* style.css */

/* Estilos Base y generales */
body {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 100vh; 
}

/* Estilos para el contenedor principal de tres columnas */
.main-content-container {
    max-width: 1400px; 
}

/* Estilos para el área de AdSense dentro del modal (Modal 1) */
.adsense-modal-area {
    min-height: 150px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Estilos para la barra de progreso */
.progress {
    height: 30px;
    margin-top: 20px;
    font-weight: bold;
}

.progress-bar {
    transition: width 1s ease-in-out; 
}

/* Estilo para que el iframe (Chat Kiwi) ocupe una buena parte de la pantalla */
.chat-iframe {
    width: 100%;
    height: 70vh; /* 70% de la altura de la ventana */
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Estilos para los contenedores de anuncios laterales */
.sidebar-ad-left, .sidebar-ad-right {
    padding-top: 10px;
    /* SOLUCIÓN PARA EVITAR SUPERPOSICIÓN CON EL NAVBAR */
    position: -webkit-sticky; 
    position: sticky;
    top: 75px; 
}

.ad-box {
    min-height: 250px; /* Espacio mínimo para anuncios verticales */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* style.css (Asegúrate de que esta clase esté bien definida) */

/* Clase para replicar el estilo de fondo azul del logo en el texto */
.logo-bg-primary {
    background-color: var(--bs-primary); /* Esto asegura el color azul de fondo */
    padding: 2px 5px; /* Pequeño ajuste en el padding */
    border-radius: 4px;
    line-height: 1.5; 
    display: inline-block; /* NECESARIO para que el padding y el fondo funcionen */
}

/* Clase para corregir el scroll del iframe en móviles */
.iframe-scroll-wrapper {
    /* CAMBIO CLAVE: Usamos 90vh (90% de la altura visible de la ventana) */
    height: 90vh; 
    
    /* El resto de estilos permanece igual */
    overflow-y: scroll; 
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
}