/*
  Rediseño visual "Avivamiento — Fuego y Gloria" aplicado al pie de página (footer_nw.php)
  Este archivo se incluye desde el propio footer_nw.php (no desde cada página) porque es un
  include compartido por todas las páginas del sitio: así el estilo queda consistente
  sin depender de que cada página lo enganche por separado.
  No modifica estructura HTML ni el JS de newsletter (assets_nw/js/newsletter.js).
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&family=Open+Sans:wght@400;600&display=swap');

:root {
  --av-fire-1: #ff6a3d;
  --av-fire-2: #ffb648;
  --av-royal-1: #3b1e6d;
  --av-royal-2: #6d3bb0;
  --av-glow: rgba(255, 140, 66, 0.45);
  --av-radius: 18px;
}

/* Tipografía general */
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer h2 {
  font-family: 'Poppins', 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
}

/* Íconos del bloque de contacto con degradado de marca en vez del naranja plano */
#footer .footerIcons {
  background: linear-gradient(135deg, var(--av-royal-2), var(--av-fire-1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Redes sociales: pastilla con glow de marca al pasar el mouse */
#footer .social-links a {
  border-radius: 50%;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

#footer .social-links a:hover {
  background: linear-gradient(135deg, var(--av-fire-1), var(--av-fire-2)) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 18px var(--av-glow);
}

/* Enlaces del menú inferior */
#footer .footer-links ul a:hover {
  color: var(--av-fire-2);
}

/* Newsletter: campo y botón con esquinas suaves y pastilla degradada */
#footer .footer-newsletter input[type='email'] {
  border-radius: var(--av-radius) 0 0 var(--av-radius);
}

#footer .footer-newsletter input[type='submit'] {
  background: linear-gradient(90deg, var(--av-fire-1), var(--av-fire-2)) !important;
  color: #1a1005 !important;
  font-weight: 600;
  border-radius: 0 var(--av-radius) var(--av-radius) 0 !important;
}

/* Mensajes de validación/envío del newsletter: los inyecta newsletter.js como <table> con estilo inline, solo se redondean las esquinas */
#footer .news-error-message table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--av-radius);
  overflow: hidden;
}

/* Botón "volver arriba" */
.back-to-top {
  background: linear-gradient(135deg, var(--av-royal-2), var(--av-fire-1)) !important;
}