/* Cabecera y footer claros v15.8 */
.topbar {
  color: #4a454c;
  background: #fff;
  border-bottom: 1px solid #ece7eb;
}

.topbar i {
  color: var(--pink);
}

.header {
  border-bottom-color: #ece7eb;
  box-shadow: 0 7px 24px rgba(48, 35, 45, .06);
}

footer {
  color: #5e5960;
  background: #f1eff1;
  border-top: 1px solid #e2dde1;
}

footer .brand strong,
footer .footer-grid b {
  color: #282329;
}

footer .footer-logo-white {
  filter: none;
}

footer .footer-grid p,
footer .footer-grid span,
footer .footer-contact-link {
  color: #5e5960;
}

footer .footer-platform > a {
  color: #332e34;
}

footer .footer-platform > a:hover,
footer .footer-platform .footer-platform-login,
footer .footer-bottom a {
  color: var(--pink);
}

footer .footer-contact-link i,
footer .footer-inline-icon {
  color: var(--pink);
}

footer .footer-social a {
  color: #fff;
  background: var(--pink);
  box-shadow: 0 8px 20px rgba(186, 28, 121, .16);
}

footer .footer-social a:hover {
  color: #fff;
  background: var(--teal);
}

footer .footer-bottom {
  color: #6f6970;
  border-top-color: #d9d3d8;
}

@media (max-width: 760px) {
  .topbar {
    background: #fff;
  }
}