/* =========================
   FOOTER (Amazon-like)
   ========================= */
.az-footer{
  background:#232f3e;
  color:#d5d9d9;
  font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;
}

/* --- Top of page (desktop) --- */
.az-ft-topbar{
  display:block;
  width:100%;
  background:#314256;
  color:#d5d9d9;
  border:0;
  padding:12px 0;
  font-size:12px;
  letter-spacing:.06em;
  cursor:pointer;
  position:relative;
  z-index:2;
  appearance:none;
}
.az-ft-topbar:hover{ background:#3a4e66; }
.az-ft-topbar .az-ft-caret{ margin-right:8px; }
.az-ft-topbar:focus-visible{
  outline:2px solid #fff;
  outline-offset:-2px;
}

/* --- Links (si usas columnas simples) --- */
.az-ft-links{
  max-width:1200px;
  margin:0 auto;
  padding:28px 24px;
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:28px 48px;
}
.az-ft-col a{
  display:block;
  color:#d5d9d9;
  text-decoration:none;
  font-size:15px;
  padding:10px 0;
}
.az-ft-col a:hover{ color:#fff; text-decoration:underline; }

/* --- Rejilla de marcas/servicios (desktop) --- */
.az-ft-brands{
  background:#2c3642;
  color:#d5d9d9;
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:28px 36px;
  padding:28px 24px;
}
.az-ft-brands .brand{
  text-decoration:none;
  color:#d5d9d9;
}
.az-ft-brands .brand .t{
  font-weight:700;
  color:#fff;
  margin-bottom:6px;
}
.az-ft-brands .brand .s{
  font-size:13px;
  line-height:1.2;
  opacity:.9;
}
.az-ft-brands .brand:hover .t,
.az-ft-brands .brand:hover .s{
  color:#fff; text-decoration:underline;
}

/* --- Locale (desktop) --- */
.az-ft-locale{
  border-top:1px solid #3a4553;
  padding:16px 24px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  justify-content:center;
  max-width:1200px;
  margin:0 auto;
}
.az-ft-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#d5d9d9;
  border:1px solid #445364;
  border-radius:4px;
  font-size:13px;
  padding:6px 10px;
  text-decoration:none;
}
.az-ft-pill:hover{ border-color:#fff; color:#fff; }

/* --- Flyout de idioma del footer (aislado del header) --- */
.ft-lang{ position:relative; }
.ft-lang-btn{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid #8899aa; background:transparent; color:#d5d9d9;
  border-radius:4px; padding:6px 10px; cursor:pointer;
}
.ft-lang-btn:hover{ border-color:#fff; color:#fff; }

.ft-flyout{
  position:absolute; top:110%; left:0;
  min-width:220px; background:#fff; color:#111;
  border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.2);
  padding:10px; display:none; z-index:5;
}
.ft-flyout.show{ display:block; }
.ft-flyout .ft-fly-title{
  font-size:12px; color:#666; margin:4px 6px 8px;
}
.ft-flyout a{
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:6px; color:#111; text-decoration:none;
}
.ft-flyout a:hover{ background:#f3f3f3; }
.ft-flyout .bullet{ width:14px; text-align:center; display:inline-block; }

/* --- Franja legal (desktop) --- */
.az-ft-legal{
  background:#131a22;
  color:#b7c3cc;
  text-align:center;
  padding:18px 12px 28px;
  font-size:12px;
}
.az-ft-cta-login{ margin-bottom:10px; }
.az-ft-cta-login a{ color:#d5d9d9; text-decoration:none; }
.az-ft-cta-login a:hover{ color:#fff; text-decoration:underline; }

.az-ft-legal-links{ margin:10px 0 6px; }
.az-ft-legal-links a{
  color:#b7c3cc; text-decoration:none; margin:0 10px;
}
.az-ft-legal-links a:hover{ color:#fff; text-decoration:underline; }
.az-ft-copy{ opacity:.95; }

/* --- Visibilidad desktop/móvil --- */
.az-footer-desktop{ display:block; min-width:var(--az-fixed-width); }
.az-footer-mobile { display:none; }

/* =========================
   FOOTER MÓVIL (simple)
   ========================= */
.az-footer-mobile{
  background:#232f3e;
  color:#d5d9d9;
  border-top:1px solid #3a4553;
  font-size:14px;
}

/* Barra “Top of page” */
.ft-topbar{
  width:100%;
  background:#2f3b4a;
  color:#d5d9d9;
  border:0;
  padding:10px 14px;
  text-align:center;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
}

/* Links en 2 columnas (sin submenús) */
.ft-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 22px;
  padding:18px 18px 10px;
}
.ft-links a{
  display:block; color:#d5d9d9; text-decoration:none; line-height:1.2;
}
.ft-links a:hover{ color:#fff; text-decoration:underline; }

/* Idioma/país (móvil) */
.ft-locale{
  display:flex; gap:12px; align-items:center; justify-content:center;
  padding:16px 18px; border-top:1px solid #3a4553;
}
.ft-btn{
  display:inline-flex; align-items:center; gap:8px;
  color:#d5d9d9; border:1px solid #445364; border-radius:3px;
  padding:6px 10px; font-size:14px; cursor:pointer;
}

/* Legal (móvil) */
.ft-legal{
  padding:18px 18px 22px;
  color:#aab7b8;
  font-size:12px;
  text-align:center;
  border-top:1px solid #3a4553;
}
.ft-legal a{ color:#aab7b8; text-decoration:none; }
.ft-legal a:hover{ color:#fff; text-decoration:underline; }

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width:1024px){
  .az-ft-links{ grid-template-columns:1fr; gap:16px 0; padding:22px 16px; }
  .az-ft-brands{ grid-template-columns:repeat(2,minmax(200px,1fr)); }
}
@media (max-width:640px){
  .az-ft-brands{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  .az-footer-desktop{ display:none !important; min-width:auto !important; }
  .az-footer-mobile { display:block !important; width:100%; }
}