/* ============================================================
   EDUKA · pie
   Cinta gigante con el nombre, cuatro columnas con el mapa y
   la línea legal. El keyframe `slide` vive en base.css.
   ============================================================ */

.foot{background:var(--verde-hondo);color:var(--crema);padding:clamp(56px,8vw,90px) 0 30px;overflow:hidden}

.foot-display{overflow:hidden;margin-bottom:clamp(46px,7vw,90px)}
.foot-display-track{display:flex;width:max-content;animation:slide 60s linear infinite}
.foot-display-track span{
  font-family:var(--serif);font-size:clamp(64px,13vw,190px);line-height:.9;white-space:nowrap;
  color:var(--linea-clara);padding-right:.2em;
}

.foot-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:clamp(24px,3vw,48px);padding:0 var(--pad)}
.foot-txt{font-size:15px;line-height:1.75;color:rgba(237,227,210,.8)}
.foot-txt a{color:rgba(237,227,210,.9)}
.foot-txt a:hover{color:var(--fuego)}

.foot-map{min-height:200px;display:flex;flex-direction:column;gap:10px}
.foot-map iframe{width:100%;height:100%;min-height:200px;border:0;filter:grayscale(.5) sepia(.2) contrast(.95);opacity:.85}
.foot-maplink{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--crema-tenue)}
.foot-maplink:hover{color:var(--fuego)}

.foot-legal{
  display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center;
  margin-top:clamp(40px,6vw,72px);padding:22px var(--pad) 0;border-top:1px solid var(--linea-clara);
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(237,227,210,.55);
}
.foot-legal a{color:var(--crema-tenue)}
.foot-legal a:hover{color:var(--fuego)}

@media (max-width:1080px){
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-map{grid-column:1/-1;min-height:220px}
}

@media (max-width:600px){
  .foot-grid{grid-template-columns:1fr}
  .foot-legal{justify-content:flex-start}
}