/* ===========================================================
   CIERRE — servicios + pie
   Banda gris oscuro que remata la página. Sin imagen de fondo:
   solo el color y el listado de lo que hace la agencia.
   =========================================================== */
.cierre{
  position:relative; z-index:2;
  margin-top:clamp(40px,7vh,90px);
  background:var(--cierre-fondo);
  border-top:1px solid var(--cierre-linea);
  /* El asistente flota fijo en la esquina inferior derecha. Se le
     reserva su altura aquí para que nunca se ponga encima del aviso
     de derechos cuando se llega al final de la página. */
  padding:clamp(46px,8vh,96px) var(--lado)
          calc(clamp(26px,4vh,40px) + clamp(76px,8vw,98px) + env(safe-area-inset-bottom));
}
.cierre > *{ width:100%; max-width:var(--ancho); margin-inline:auto }

.cierre__rotulo{
  font-family:var(--nav); font-weight:500;
  font-size:clamp(10px,1.05vw,13px);
  letter-spacing:.20em; text-transform:uppercase;
  color:var(--texto-3);
  margin-bottom:clamp(22px,3.4vh,40px);
}

.cierre__lista{
  display:grid; gap:0;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--cierre-linea);
}
@media (min-width:700px){ .cierre__lista{ grid-template-columns:repeat(4,1fr) } }

.cierre__lista li{
  font-family:var(--display); font-weight:200;
  font-size:clamp(16px,2.2vw,28px);
  letter-spacing:-.02em; color:var(--texto);
  padding:clamp(14px,2vw,26px) clamp(4px,1.2vw,20px);
  border-bottom:1px solid var(--cierre-linea);
  border-right:1px solid var(--cierre-linea);
  transition:color .4s var(--suave), background .4s var(--suave), padding-left .45s var(--suave);
  cursor:default;
}
.cierre__lista li:nth-child(2n){ border-right:0 }
@media (min-width:700px){
  .cierre__lista li:nth-child(2n){ border-right:1px solid var(--cierre-linea) }
  .cierre__lista li:nth-child(4n){ border-right:0 }
}
.cierre__lista li:hover{
  color:var(--cian);
  background:var(--cierre-hover);
  padding-left:clamp(12px,2vw,32px);
}

/* ---------- pie ---------- */
.pie{
  margin-top:clamp(26px,4vh,48px);
  text-align:center;
}
.pie p{
  font-size:clamp(8.5px,.92vw,11.5px);
  letter-spacing:.06em; color:var(--texto-3);
  text-transform:uppercase;
}

@media (prefers-reduced-motion:reduce){
  .cierre__lista li{ transition:none }
}