/**
 * FVL Virtual Site Tour - Estilos Institucionales
 * Basado en los colores oficiales de valledellili.org
 */

:root {
    --fvl-blue: #3c9756;
    --fvl-green: #95D31D;
    --fvl-dark-teal: #023739;
    --fvl-text: #333333;
}

/* Contenedor del mensaje flotante */
.driver-popover {
    font-family: inherit;
    border-radius: 16px;
    padding: 24px;
    border: none;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

/* Título con el azul institucional */
.driver-popover-title {
    font-weight: 700;
    color: var(--fvl-blue);
    font-size: 1.3rem;
    margin-bottom: 8px;
}

/* Descripción */
.driver-popover-description {
    color: var(--fvl-text);
    line-height: 1.6;
    font-size: 1rem;
}

/* Botón Siguiente (Verde institucional para destacar acción) */
.driver-popover-next-btn {
    background-color: var(--fvl-green) !important;
    color: var(--fvl-dark-teal) !important;
    /* Texto oscuro para contraste sobre verde */
    text-shadow: none !important;
    border: none !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}

.driver-popover-next-btn:hover {
    background-color: #82b919 !important;
    /* Verde un poco más oscuro */
}

/* Botón Anterior y Cerrar (Azul institucional) */
.driver-popover-prev-btn,
.driver-popover-close-btn {
    background-color: #f0f0f0 !important;
    color: var(--fvl-dark-teal) !important;
    text-shadow: none !important;
    border: none !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

.driver-popover-prev-btn:hover {
    background-color: #e0e0e0 !important;
}

/* Flecha del popover */
.driver-popover-arrow {
    border-color: transparent !important;
}

/* Barra de progreso */
.driver-popover-progress-text {
    color: #888 !important;
    font-size: 0.85rem !important;
}