/* =====================================================================
   p-inst.css · obrigado.php, area-reservada.php, 404.php (kit only, no mockup) · prefix .p-inst-
   Loaded after a.css, motion.css and inner.css. Reuses .ph-solo, .booking, .rows, .rcards, .ix-card, .callout, .link-arrow.
   ===================================================================== */
.p-inst{padding:0 0 var(--s12)}
.p-inst-card{max-width:44rem;color:var(--soft)}
.p-inst-card .ico{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--s2);border-radius:50%;background:var(--b50);color:var(--bronze-t)}
.p-inst-card .ico .i{width:28px;height:28px}
.p-inst-card h2{font-size:clamp(1.5rem, 1.2rem + 1vw, 2rem);line-height:1.2;color:var(--navy)}
.p-inst-card>p{margin-top:var(--s1);font-size:1.0625rem;line-height:1.6}
.p-inst-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.p-inst-card .btn{width:auto}
.p-inst-card .rows{margin-top:var(--s4)}
.p-inst-portals .rcard .btn{margin-top:var(--s3)}
.p-inst-help{margin-top:var(--s5);font-size:1.0625rem;color:var(--soft)}
.p-inst-help .link-arrow{margin-left:8px}
.p-inst .callout{margin-top:var(--s5);max-width:44rem}
.p-inst-next .head{margin-bottom:var(--s5)}
@media (max-width:720px){
  .p-inst{padding-bottom:var(--s8)}
  .p-inst-actions{flex-direction:column}
  .p-inst-card .btn{width:100%}
  .p-inst-help .link-arrow{margin-left:0}
}