/* Paleta de colores - Burbujas */
:root {
    /* Colores principales - Tema burbujas celestes mejorado */
    --color-primario: #5DADE2;           /* Azul burbuja principal */
    --color-secundario: #85C1E9;        /* Azul burbuja claro */
    --color-terciario: #3498DB;         /* Azul burbuja intenso */
    --color-acento: #F8FBFF;            /* Fondo azul muy suave */
    --color-texto: #1B4F72;             /* Azul oscuro para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 93, 173, 226;
    --color-secundario-rgb: 133, 193, 233;
    
    /* Variables adicionales para el refactor - Tema burbujas mejorado */
    --color-fondo-principal: #F9FCFE;   /* Fondo celeste muy claro */
    --color-sombra-principal: rgba(93, 173, 226, 0.10);      /* Sombra azul burbuja suave */
    --color-sombra-secundaria: rgba(93, 173, 226, 0.07);     /* Sombra azul burbuja ligera */
    --color-hover-boton: #2E86C1;       /* Azul burbuja oscuro para hover */
    --color-boton-transparente: rgba(93, 173, 226, 0.13);    /* Fondo transparente azul burbuja */
    --color-sombra-media: rgba(93, 173, 226, 0.15);          /* Sombra azul burbuja media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #F8FBFF 0%, #F9FCFE 100%);  /* Gradiente celeste muy suave */
    --color-borde-bancario: #D6EAF8;    /* Azul burbuja muy claro para datos bancarios */
    --color-cuenta-sombra: rgba(93, 173, 226, 0.2);
    
    /* Variables para formularios profesionales - Tema burbujas mejorado */
    --color-borde-formulario: #AED6F1;  /* Azul burbuja claro para formularios */
    --color-texto-formulario: #1B4F72;  /* Azul oscuro para texto de formularios */
    --color-hover-formulario: #F8FBFF;  /* Azul muy suave para hover */
    --color-flecha-select: #2E86C1;     /* Azul burbuja oscuro para flechas */
    --color-radio-si: #10b981;          /* Verde para "Sí" */
    --color-radio-no: #ef4444;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema burbujas mejorado */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #5DADE2;
    

    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #F8FBFF 0%, #AED6F1 100%);
    --color-fondo-timeline: #F9FCFE;
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}