/* Pie que se monta sobre la última sección al hacer scroll (todas las páginas).
   main no genera caja para que la última sección pueda quedarse pegada mientras sube el pie;
   pie.js calcula hasta dónde se pega según su alto. */
main { display: contents; }
.pie-pegado { position: sticky; top: var(--pegado-top, 0px); z-index: 0; }
.pie {
  position: relative; z-index: 1;
  margin-top: -28px; border-radius: 28px 28px 0 0;
  box-shadow: 0 -28px 56px -18px rgb(30 29 33 / .45);
}
.pie__credito a { color: inherit; text-decoration: underline; text-decoration-color: var(--dahlia, #E1B2CA); text-underline-offset: 4px; }
.pie__credito a:hover { color: #fff; }
@media (prefers-reduced-motion: reduce) {
  .pie-pegado { position: static; }
  .pie { margin-top: 0; }
}
/* Enlaces legales en la base del pie (todas las páginas) */
.pie__legal { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: .25rem 1.25rem; }
.pie__base .pie__legal a { color: inherit; text-decoration: none; }
.pie__base .pie__legal a:hover, .pie__base .pie__legal a:focus-visible { color: #fff; text-decoration: underline; text-decoration-color: var(--dahlia, #E1B2CA); text-underline-offset: 4px; }
.pie__cookies { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.pie__cookies:hover, .pie__cookies:focus-visible { color: #fff; text-decoration: underline; text-decoration-color: var(--dahlia, #E1B2CA); text-underline-offset: 4px; }