/* ============================================================
   ALO YOGA — institucional.css (páginas /institucional/*)
   Reusa style.css (header/footer/overlays). Coluna de conteúdo centrada.
   ============================================================ */
.inst{max-width:820px;margin:0 auto;padding:48px var(--pad-lg) 72px}
.inst-title{font-size:30px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;line-height:1.15;margin-bottom:28px}
.inst-body{font-size:15px;line-height:1.7;color:var(--ink-soft)}
.inst-body h2{font-size:17px;font-weight:600;color:var(--ink);margin:30px 0 10px}
.inst-body p{margin-bottom:14px}
.inst-body ul{margin:0 0 14px 20px;list-style:disc}
.inst-body li{margin-bottom:8px}
.inst-body a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.inst-body strong{color:var(--ink)}

.inst-stores{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:10px}
.inst-store{background:var(--bg-soft);padding:22px}
.inst-store h3{font-size:15px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}
.inst-store p{margin-bottom:8px;font-size:14px}

@media (max-width:1024px){
  .inst{padding:32px var(--pad) 56px}
  .inst-title{font-size:24px}
}