/* Specific footer reinforcement and small utilities */
.footer-contact a { color: var(--sun); }
.footer-contact a:hover { color: #fff; text-decoration: underline; }

.lang-note { font-size: 13px; color: rgba(255,255,255,0.45); margin-top: 8px; }

/* Inline alert (for tarifas notice) */
.notice {
  background: rgba(51, 102, 153, 0.06); border-left: 3px solid var(--ocean);
  padding: 16px 20px; border-radius: 0 var(--r-md) var(--r-md) 0;
  color: var(--ink-soft); font-size: 0.97rem;
}
.notice strong { color: var(--ink); }

/* Inline anchors list (tarifas index) */
.anchor-list {
  display: flex; flex-wrap: wrap; gap: 10px;
}
.anchor-list a {
  padding: 8px 14px; border-radius: 999px; background: var(--paper-2);
  text-decoration: none; color: var(--ink); font-size: 14px; border: 1px solid var(--line);
  transition: border-color 180ms var(--ease), background 180ms var(--ease);
}
.anchor-list a:hover { border-color: var(--ocean); background: rgba(51,102,153,0.08); color: var(--ocean); }

/* Inline list with checks */
.checks { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
@media (min-width: 640px) { .checks { grid-template-columns: 1fr 1fr; gap: 14px 28px; } }
.checks li {
  position: relative; padding-left: 28px; color: var(--ink-soft); font-size: 0.98rem;
}
.checks li::before {
  content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 9px;
  border-left: 2px solid var(--ocean); border-bottom: 2px solid var(--ocean);
  transform: rotate(-45deg);
}

/* Map placeholder block */
.map-embed {
  border-radius: var(--r-md); overflow: hidden; aspect-ratio: 16 / 10;
  background: linear-gradient(160deg, var(--paper-2) 0%, #DCE6F1 50%, var(--paper-2) 100%);
  border: 1px solid var(--line); position: relative;
}
.map-embed::after {
  content: ""; position: absolute; inset: 30% 35%;
  background: var(--coral); width: 18px; height: 18px; border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(233, 75, 53, 0.15);
  left: 50%; top: 48%; transform: translate(-50%, -50%);
}
.map-embed::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px;
  background: rgba(15, 37, 64, 0.08); transform: rotate(-12deg);
}
