/* ADAPTABILIDAD ///////////////////////////////////////////////// */
/* antes de 990px */
@media only screen and (max-width: 990px) {
  
}
/* ADAPTABILIDAD ///////////////////////////////////////////////// */
/*  CAMBIOS PREDETERMINADOS /////////////////////////////////////////////////*/

body{
  background-color: #F3F4F6 !important;
}

/* VARIABLES DE MARCA (CSS Custom Properties) */
:root{
  /* Brand principales */
  --azul-logo-claro: #2563eb;
  --azul-logo-fondo: #111828;
  --azul-muy-oscuro: #071526;
  --azul-medio: #0B1F3B;
  --naranja-cta: #FF7A3C;
  --rosa-acento: #FF3E7D;

  /* Neutros */
  --blanco: #FFFFFF;
  --fondo-claro: #F5F7FA;
  --texto-gris-oscuro: #6B7280;
  --bordes-lineas: #E5E7EB;

  /* Colores ya usados en la UI (para no cambiar el look actual) */
  --azul-ui: #3B82F6;
  --gris-900: #111827;
  --rojo-error: #dc3545;
}

/* PALETA EDUARDO ARIAS

// Brand principales
AZUL DEL LOGO PRINCIPAL CLARO:  #2563eb
AZUL FONTO DEL LOGO: #111828
Azul muy oscuro (brand / headings): #071526
Azul medio (links / btn secondary / header): #0B1F3B
Naranja CTA (btn primary, acentos): #FF7A3C
Rosa acento (degradados / detalles): #FF3E7D

// Neutros
Blanco: #FFFFFF
Fondo claro sitio: #F5F7FA
Texto cuerpo (gris oscuro): #6B7280
Bordes / líneas: #E5E7EB */



h1, h2, h3, h4, h5, h6, div, button, ul, li{ font-family: "Rubik", sans-serif; }
p, a, ul, li, span{ font-family: "Rubik", sans-serif; }

h1{ font-size: 60px; font-weight: 800 !important;}
h2{ font-size: 45px; font-weight: 800 !important;}
h3{ font-size: 35px; font-weight: bold !important;}
h4{ font-size: 25px; font-weight: bold !important;}
h5{ font-size: 21px; font-weight: bold !important;}
h6{ font-size: 19px; font-weight: bold !important;}

p, a, i, ul, li, span { font-size: 16px; font-weight: 500;}

/* Texto regular (sin negrita), manteniendo tipografía Rubik */
.texto-regular {
  font-family: "Rubik", sans-serif !important;
  font-weight: 400 !important;
}

.texto-regular p,
.texto-regular a,
.texto-regular i,
.texto-regular ul,
.texto-regular li,
.texto-regular span {
  font-family: "Rubik", sans-serif !important;
  font-weight: 400 !important;
}
 
.btn-primary{
  background-color: var(--azul-ui) !important;
  border-color: var(--azul-ui) !important;
  color: var(--blanco) !important;
}

.btn-primary:hover{
  background-color: var(--gris-900) !important;
  border-color: var(--gris-900) !important;
  color: var(--blanco) !important;
}

.btn-primary-w{
  background-color: var(--blanco) !important;
  border-color: var(--blanco) !important;
  color: rgb(0, 0, 0) !important;
}

.btn-secondary{
  background-color: var(--azul-logo-fondo) !important;
  border-color: var(--azul-logo-fondo) !important;
  color: var(--blanco) !important;
}

.btn-secondary:hover{
  background-color: var(--azul-ui) !important;
  border-color: var(--azul-ui) !important;
  color: var(--blanco) !important;
}
  
  
.btn-outline-primary{
  border-color: var(--azul-ui)!important;
  color: var(--azul-ui) !important;
}

.btn-outline-primary:hover{
  background-color: var(--azul-ui)  !important;
  border-color: var(--blanco) !important;
  color: var(--blanco) !important;
}

.btn-outline-secondary{
  border-color: var(--azul-ui)!important;
  color: var(--azul-ui) !important;
}

.btn-outline-secondary:hover{
  background-color: var(--azul-muy-oscuro) !important;
  border-color: var(--azul-muy-oscuro) !important;
  color: var(--blanco) !important;
}

.btn-outline-w{
  border-color: var(--blanco) !important;
  color: var(--blanco) !important;
}
.btn-outline-w:hover{
  background-color: var(--blanco) !important;
  color: var(--azul-ui) !important;
}
.border-custom {
  border: 2px solid var(--azul-ui);
}

/*  CAMBIOS PREDETERMINADOS /////////////////////////////////////////////////*/


/* Colores en alerta sweetalert2 */
.mi-modal {
  background-color: var(--gris-900);
  color: #f0f0f0;
  border-radius: 20px;
}

.mi-boton-confirmar {
  background-color: var(--azul-ui) !important;
  color: var(--blanco) !important;
}

.mi-boton-cancelar {
  background-color: var(--rojo-error) !important;
  color: var(--blanco) !important;
}

.overlayCargando {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(191, 219, 254, 0.8); /* #BFDBFE con transparencia */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}