:root{
  --nav-footer-texto: #E6E6E6;
  --nav-footer-texto-hover: #c4c4c4;
  --nav-footer: #333333;
  --cuerpo: #efefef;
  --rojo: #FF0000;
}

.rojito{
  background-color: var(--rojo);
}

.cuerpo{
  background-color: var(--cuerpo);
}

.division_primaria {
  padding-top: 5%;
  padding-left: 48px;
  padding-right: 48px;
  text-align: center;
  display: block;
}

.logo_navbar{
  width: 10%;
}

.division_secundaria {
  padding-left: 2vw;
  padding-right: 2vw;
  display: inline-block;
  max-width: 20vw;
  min-width: 20vw;
}

.division_elementos {
  padding-top: 5%;
  display:flex;
  justify-content:center;
}

.imagen_primaria {
  width: 25vw;
  max-width: 450px;
  height: auto;
}

.verticales {
  width: 10.64vw;
  height: auto;
}

.form_primario {
  width: 10.64vw;
}

.division_secundaria2 {
  padding-left: 2.5vw;
  display: inline-block;
  max-width: 15.95vw;
  min-width: 15.95vw;
}

.division_secundaria3 {
  padding-right: 5vw;
  display: inline-block;
  max-width: 15.95vw;
  min-width: 15.95vw;
}

.form_primario2 {
  width: 15vw;
}

.verticales {
  width: 10.64vw;
  height: auto;
}

/* Gestion */

.ausilio{
  height: 70.3vh;
}

.grid-gestion{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  height: 100%;
}

.bloque-gestion{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.bloque-gestion:hover{
  transition: opacity 0.3s;
 opacity: 0.7;
}

a{
  text-decoration: none;
}

.nav-texto{
  color:var(--nav-footer-texto);
}

.nav-texto:hover{
  color: var(--nav-footer-texto-hover);
  transition: color 0.5s;
}

.gestion-icono{
  color: var(--nav-footer)
}

footer a, footer, nav div{
  color: var(--nav-footer-texto);
}

footer a:hover{
  color: var(--nav-footer-texto-hover);
  transition: color 0.5s;
}

footer div, nav{
  background-color: var(--nav-footer);
}