/* ============================================================================
 * PIE 2026 — toda la web                                           RUFI 19/10/26
 * ----------------------------------------------------------------------------
 * Pie de la propuesta del cliente (fondo blanco, línea fina, columna de marca + tres
 * columnas) con todos los enlaces del pie anterior. HTML en includes/footer.php.
 * Todo cuelga de <footer class="pie-2026">: no depende de las clases del tema.
 * Lo carga includes/head.php y, a mano, idi.php (tiene <head> propio).
 * ========================================================================== */
.pie-2026 {
  padding: 80px 0 34px;
  border-top: 1px solid #ececec;
  background: #fff;
  color: #6e6e6e;
  font-family: Poppins, system-ui, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.65;
}
.pie-2026 a { color: #6e6e6e; text-decoration: none; transition: color .2s; }
.pie-2026 a:hover,
.pie-2026 a:focus { color: #0f0f0f; text-decoration: none; }
.pie-2026 a:focus-visible { outline: 2px solid #0f0f0f; outline-offset: 3px; }
.pie-2026 ul { list-style: none; margin: 0; padding: 0; }

.pie-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }

/* columna de marca */
.pie-logo { display: block; width: auto; height: 26px; }
.pie-lema { max-width: 340px; margin: 16px 0; }
.pie-nap li { line-height: 1.7; }
.pie-marcas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.pie-2026 .pie-marcas a {
  padding: 8px 16px;
  border: 1px solid #ececec;
  border-radius: 999px;
  color: #0f0f0f;
  font-size: .8rem;
  font-weight: 400;
}
.pie-2026 .pie-marcas a:hover { border-color: #0f0f0f; }
.pie-redes { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 22px !important; font-size: .85rem; }

/* columnas de enlaces */
.pie-2026 .pie-col h3 {
  margin: 0 0 16px;
  color: #0f0f0f;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
}
.pie-2026 .pie-col h3 a { color: inherit; }
.pie-col ul { display: grid; gap: 10px; }

/* ayudas y subvenciones: obligatorias, textos íntegros; aquí solo la presentación */
.pie-ayudas { margin-top: 60px; padding-top: 32px; border-top: 1px solid #ececec; }
.pie-ayudas-logos { display: block; max-width: 100%; height: auto; margin-bottom: 20px; }
.pie-ayudas-textos { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.pie-ayuda {
  padding: 14px 0;
  border-top: 1px solid #f1f1f1;
  color: #767676;              /* #9a9a9a daba 2,8:1 de contraste; #767676 = 4,5:1 (WCAG AA) */
  font-size: .7rem;
  line-height: 1.6;
}
.pie-ayuda strong { display: block; margin-bottom: 2px; color: #4a4a4a; font-weight: 600; }

/* fila final */
.pie-bot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 20px;
  margin-top: 40px;
  padding-top: 24px;
  /* padding-right: a la derecha, al final de la página, quedan el botón "volver arriba"
     del tema (52 px a 30 px del borde) y los flotantes en móvil; tapaban "Política de
     calidad" y se llevaban su clic (medido 19/10/26). */
  padding-right: 72px;
  border-top: 1px solid #ececec;
  color: #767676;
  font-size: .8rem;
}
.pie-legal { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.pie-2026 .pie-legal a { color: #767676; }
.pie-2026 .pie-legal a:hover { color: #0f0f0f; }

@media (max-width: 991.98px) {
  .pie-grid { grid-template-columns: repeat(3, 1fr); }
  .pie-marca { grid-column: 1 / -1; }
  .pie-ayudas-textos { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  .pie-2026 { padding-top: 56px; }
  .pie-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .pie-2026 a { transition: none; }
}