/* Hoja exclusiva de SOAT (soat.html). */

.hero--compact { padding-top: 1.5rem; }
@media (min-width: 960px) { .hero--compact { padding: 2rem 0 3.5rem; } }

.soat-grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 0.85rem;
}
@media (min-width: 640px) { .soat-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .soat-grid { grid-template-columns: repeat(3, 1fr); } }

.soat-tile {
  display: flex; align-items: center; min-height: 3.5rem; padding: 1rem 1.25rem;
  background: #fff; border: 1.5px solid var(--color-border); border-radius: var(--radius-card);
  color: var(--color-primary-dark); font-weight: 600; text-decoration: none;
  box-shadow: var(--shadow-card);
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}
.soat-tile::after { content: "→"; margin-left: auto; padding-left: 0.75rem; color: var(--color-action); font-weight: 700; }
.soat-tile:hover { border-color: var(--color-action); background: #eff6ff; transform: translateY(-2px); }

.section[id] { scroll-margin-top: 5rem; }