/* Colores específicos para plantilla Bajo el Mar - Temática Oceánica */
:root {
    --color-primario: #0077be;
    --color-secundario: #00a8e8;
    --color-terciario: #005f8a;
    --color-acento: #7dd3c0;
    --color-texto: #2c3e50;
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 0, 119, 190;
    --color-secundario-rgb: 0, 168, 232;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #e6f7ff;
    --color-sombra-principal: rgba(0, 119, 190, 0.15);
    --color-sombra-secundaria: rgba(0, 119, 190, 0.10);
    --color-hover-boton: #005f8a;
    --color-boton-transparente: rgba(0, 119, 190, 0.15);
    --color-sombra-media: rgba(0, 119, 190, 0.20);
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #d4f1f4 0%, #b3e5fc 100%);
    --color-borde-bancario: #81d4fa;
    --color-cuenta-sombra: rgba(0, 119, 190, 0.25);
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #81d4fa;
    --color-texto-formulario: #2c3e50;
    --color-hover-formulario: #e1f5fe;
    --color-flecha-select: #0277bd;
    --color-radio-si: #00a8e8;
    --color-radio-no: #4fc3f7;
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #4dd0e1;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #b3e5fc 0%, #81d4fa 100%);
    --color-fondo-timeline: #f0f9ff;
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}