/* === FOOTER (layout) === */
footer {
  background-color:#fff;
  box-shadow:0px 0px 25px rgba(189,189,189,.52);
  width:100%;
}
.main-footer{
  display:flex; flex-direction:row; justify-content:space-between; align-items:center;
}
.redes{ display:flex; flex-direction:column; align-items:center; }
.redes .logo{ display:flex; flex-direction:column; align-items:center; }
.redes h2{
  display:flex; flex-direction:column; text-align:center; margin-top:20px;
  font-size:1rem; font-weight:800; color:#000;
}
.redes .iconos-redes{ display:flex; justify-content:space-between; margin-top:20px; font-size:1.5rem; color:#1F487E; }
.iconos-redes i{ margin:0 20px; cursor:pointer; }
.iconos-redes i:hover{ color:#d90429; }

.footer-nav{
  margin-top:30px; display:flex; align-items:center; justify-content:center;
}
.footer-nav ul a{
  text-decoration:none; color:#000; font-size:1rem; font-weight:800; margin:5px; list-style-type:none;
}
.footer-nav ul a:hover{ color:#d90429; }

.suscripcion{ display:flex; flex-direction:column; align-items:center; margin-top:30px; }
.suscripcion label{ font-weight:600; font-size:1rem; }
.suscripcion input{ margin:20px; font-size:.8rem; border-radius:2px; }
.main-footer .suscripcion .btn{ background-color:#1F487E; color:#fff; font-size:14px; cursor:pointer; }
.main-footer .suscripcion .btn:hover{ background-color:#d90429; color:#fff; }

.autor h3{ text-align:center; margin:10px; font-size:.6rem; font-weight:600; }
.autor h3 a{ text-decoration:none; }


/* ------------------ RESPONSIVE FOOTER ------------------ */
@media screen and (max-width: 768px) {
  .main-footer {
    flex-direction: column;
    align-items: center;
  }
  .redes, .footer-nav {
    align-items: center;
    text-align: center;
  }
  .redes .iconos-redes {
    justify-content: center;
  }
  .footer-nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-nav ul a {
    margin: 10px 0;
  }
  .autor h3 {
    margin: 20px 10px;
  }
}