/* =====================================================================
   Pie corto (5 nov 2026)
   ---------------------------------------------------------------------
   Sustituye al pie de cinco columnas (29 enlaces). Ahora: marca, tres
   grupos de cuatro enlaces, dos acciones y una línea legal.
   Se carga desde vistas/parciales/pie.php y pisa lo de mr.css y
   rediseno.css solo dentro de .pie-corto.
   ===================================================================== */

.pie.pie-corto { padding-block: 0 1.5rem; }
.pie-corto .pie-reporte { margin-bottom: 0; }
.pie-corto .pie-reporte .contenedor { padding-block: .8rem; }
.pie-corto .pie-reporte-texto { font-size: .9rem; }
.pie-corto .pie-reporte-icono { width: 2.1rem; height: 2.1rem; font-size: .85rem; }

/* Cuerpo: marca | enlaces | acciones */
.pie-corto .pie-cuerpo {
  display: grid; gap: 2rem;
  padding-top: 2.75rem;
}
@media (min-width: 1200px) {
  .pie-corto .pie-cuerpo { grid-template-columns: minmax(19rem, 1.35fr) 2.3fr auto; gap: 2.5rem; align-items: start; }
}
.pie-corto:not(:has(.pie-reporte)) .pie-cuerpo { padding-top: 3rem; }

/* Marca */
.pie-corto .pie-marca { display: flex; gap: 1.1rem; align-items: flex-start; }
.pie-corto .pie-marca-logo { flex: none; display: block; text-decoration: none !important; }
.pie-corto .pie-marca-logo img { display: block; width: 84px; height: auto; }
.pie-corto .pie-marca-texto { min-width: 0; }
.pie-corto .pie-marca-texto p { margin: 0 0 .6rem; font-size: .9rem; line-height: 1.5; }
.pie-corto .pie-memoria { font-size: .95rem; }
.pie-corto .pie-redes { display: flex; flex-wrap: wrap; gap: .1rem; list-style: none; padding: 0; margin: .15rem 0 0 -.65rem; }
.pie-corto .pie-redes a { width: 2.5rem; height: 2.5rem; font-size: 1.05rem; color: #e9e3f2; }
.pie-corto .pie-redes a:hover, .pie-corto .pie-redes a:focus-visible { color: #ffd59a; text-decoration: none; }

/* Enlaces: tres grupos */
.pie-corto .pie-enlaces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.pie-corto .pie-grupo h2 {
  font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: #f6c27a; margin-bottom: .75rem;
}
.pie-corto .pie-grupo ul { gap: .5rem; }
.pie-corto .pie-grupo a { font-size: .93rem; }

/* Acciones */
.pie-corto .pie-acciones { display: flex; flex-direction: column; gap: .6rem; align-items: stretch; min-width: 13.5rem; }
.pie-corto .pie-acciones .btn { justify-content: center; display: inline-flex; align-items: center; gap: .5rem; }
.pie-corto .pie-nodo { margin: .4rem 0 0; justify-content: center; padding: .45rem .7rem; }
.pie-corto .pie-nodo span { font-size: .68rem; }
.pie-corto .pie-nodo img { width: 96px; }

/* Línea legal */
.pie-corto .pie-legal {
  margin-top: 2.25rem; padding-top: 1.1rem; font-size: .82rem; gap: .5rem 1.5rem; align-items: center;
}
.pie-corto .pie-visitas { flex-basis: auto; order: 0; color: inherit; white-space: nowrap; }
.pie-corto .pie-legal a { color: #e4ddef; }

@media (min-width: 1200px) {
  .pie-corto .pie-enlaces { grid-template-columns: repeat(3, max-content); justify-content: space-evenly; }
}

/* Tableta */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .pie-corto .pie-cuerpo { grid-template-columns: 1fr 1fr; }
  .pie-corto .pie-enlaces { grid-column: 1 / -1; grid-row: 2; }
  .pie-corto .pie-acciones { grid-column: 2; grid-row: 1; }
}

/* Celular: todo en una columna y los enlaces de cada grupo en renglón */
@media (max-width: 767.98px) {
  .pie-corto .pie-cuerpo { gap: 1.5rem; padding-top: 2rem; }
  .pie-corto .pie-marca-logo img { width: 64px; }
  .pie-corto .pie-enlaces { grid-template-columns: 1fr; gap: 0; border-top: 1px solid rgba(255, 255, 255, .1); }
  .pie-corto .pie-grupo { padding: .85rem 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .pie-corto .pie-grupo h2 { margin-bottom: .45rem; }
  .pie-corto .pie-grupo ul { display: flex; flex-wrap: wrap; gap: .15rem 1.1rem; }
  .pie-corto .pie-grupo a { display: inline-block; padding-block: .3rem; }
  .pie-corto .pie-acciones { display: grid; grid-template-columns: 1fr 1fr; min-width: 0; }
  .pie-corto .pie-acciones .btn { padding-inline: .6rem; font-size: .92rem; }
  .pie-corto .pie-nodo { grid-column: 1 / -1; justify-self: start; margin-top: .25rem; }
  .pie-corto .pie-legal { margin-top: 1.5rem; flex-direction: column; align-items: flex-start; gap: .4rem; }
  .pie-corto .pie-reporte-texto span { display: none; }
}
@media (max-width: 380px) {
  .pie-corto .pie-acciones { grid-template-columns: 1fr; }
}