/* Tipografía y colores base — Manual de Marca ICETEX */
body {
  font-family: 'Nunito Sans', Verdana, sans-serif;
  color: #555;
}

a {
  color: #003F81;
  text-decoration: none;
}

/* No se fija color en hover — Tailwind gestiona todos los colores de texto */
a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-primary {
  font-family: 'Nunito Sans', sans-serif;
  /* color: no se fija aquí — cada componente declara su propio color
     con clases de Tailwind para no interferir con texto blanco
     en secciones de fondo azul ICETEX */
}

/*--------------------------------------------------------------
# Botones — Manual de Marca ICETEX
# Estas reglas anulan conflictos con el build de Tailwind.
# Aplicar clase "btn-icetex-outline" a botones transparentes/blancos
# que deben volverse azul sólido al hover.
# Aplicar clase "btn-icetex-solid" a botones azules sólidos
# que deben mantener texto blanco al hover.
--------------------------------------------------------------*/
.btn-icetex-outline:hover,
.btn-icetex-outline:focus {
  background-color: #003F81 !important;
  border-color: #003F81 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.btn-icetex-solid:hover,
.btn-icetex-solid:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #68A4C4;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #85b6cf;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}