:root {
  --main-font-size: 15px; /* Define una variable para el tamaño de fuente */
  --primary-color: rgb(25, 40, 101);  /* Define una variable para el color principal */
  --secondary-color: rgb(48, 185, 201); /* Define un color secundario */
  --font-color-claro: rgb(255, 255, 255); /* Define un color font claro */
  --font-color-oscuro: rgb(0, 0, 0); /* Define un color font oscuro */
}



/* css header */

/* Ajustar logo */
.custom-logo {
  margin-top: 1rem;
  width: 70px;
  height: auto;
  flex-shrink: 0;
}


.main-navigation {

   font-size: var(--main-font-size);
   border-top: 2px solid var(--secondary-color); /* Agrega un borde superior de 2px de color azul */
}



.footer-navigation ul li a {
  color: var(---primary-color);/* Color inicial del texto */
  display: block;
  text-decoration: none;

}



.footer-navigation ul li:hover a {
  color: var(--secondary-color); /* Cambia el color del texto */
  transform: scale(1.1); /* Aumenta el tamaño del enlace */
  transition: transform 0.3s ease, color 0.3s ease; /* Suaviza la transición */

}


.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}


.pie {
  margin-top: 10px;

  border-top: 2px solid var(--secondary-color);
  border-bottom: 3px solid var(--secondary-color);
}

footer{
  background-color: rgb(212, 238, 255);
}