:root {
  --azul: #173858;
  --blanco: #FFFFFF;
  --rojo: #C8302D;
}
 
.footer{
  background-color: var(--azul);
  color: #fff;
  padding: 45px;
  margin-top: 15px;
}

.titulo{
  color: var(--azul);
}

 ul {
    list-style: none;
    padding: 0;
  }

  li a {
    display: block;
    padding: 10px 16px;
    border-radius: 12px;
    background: white;
   color: var(--azul); 
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    margin-bottom: 4px;
  }

  li a:hover {
    background: #e0ecff;
    color: #0039A6;
  }