/* Serena 2026 — adaptación del footer maestro para la página pública de Especialistas. */
.serena-footer-newsletter {
  background: #edf3f0;
  color: #243f48;
}

.serena-footer-newsletter h2 {
  color: #243f48;
  font: 400 32px/1.3 Georgia, 'Times New Roman', serif;
}

.serena-footer-newsletter p {
  color: #243f48;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

.serena-footer-mail {
  color: #2f5c55;
}

.serena-newsletter-form input {
  min-height: 48px;
  border-color: rgba(36, 63, 72, .14);
  background: #fff;
  color: #243f48;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  box-shadow: none;
}

.serena-newsletter-form button {
  min-height: 48px;
  border: 2px solid #2f5c55;
  border-radius: 999px;
  background: #2f5c55;
  color: #f7f4ee;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 650;
  box-shadow: none;
}

.serena-site-footer {
  background: #243f48;
  color: #e0e4e8;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

.serena-site-footer h3 {
  color: #f7f4ee;
  font: 600 28px/1.15 Georgia, 'Times New Roman', serif;
}

.serena-footer-brand p,
.serena-footer-list a,
.serena-footer-contact p {
  color: #e0e4e8;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

.serena-footer-list a::before {
  color: #e4b18d;
}

.serena-contact-form input,
.serena-contact-form textarea {
  border-color: rgba(36, 63, 72, .12);
  background: #fff;
  color: #243f48;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  box-shadow: none;
}

.serena-contact-form button {
  width: 100%;
  min-height: 48px;
  border: 2px solid #e4b18d;
  border-radius: 999px;
  background: #e4b18d;
  color: #fff;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 650;
  box-shadow: none;
}

.serena-footer-bottom {
  border-color: rgba(247, 244, 238, .12);
}

.serena-footer-bottom__inner,
.serena-footer-bottom a {
  color: rgba(247, 244, 238, .72);
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

@media (max-width: 767px) {
  .serena-footer-newsletter h2 {
    font-size: 32px;
    line-height: 1.2;
  }

  .serena-newsletter-form input,
  .serena-newsletter-form button,
  .serena-contact-form input,
  .serena-contact-form textarea,
  .serena-contact-form button {
    width: 100%;
    max-width: 100%;
  }

  .serena-site-footer h3 {
    font-size: 24px;
  }
}