/* =====================================================================
   p-consulta.css · consulta-inicial.html · prefix .p-cons-
   Booking card, form, rows and chips come from a.css (same markup as the home).
   ===================================================================== */
.p-cons-info{padding-block:var(--sec)}  /* the standard section rhythm (112 / 72 on phones), like every other page */
.p-cons-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s12);align-items:start}
.p-cons-col{min-width:0}
.p-cons-col .head{margin-bottom:var(--s5)}
@media (max-width:900px){
  .p-cons-grid{grid-template-columns:minmax(0,1fr);gap:var(--s8)}
  .p-cons-col .head{margin-bottom:var(--s4)}
}

/* the glance card is a compact 2 x 2 grid at every width, so the booking card (the point of this page) starts near the top of the screen */
.p-cons-glance{padding:var(--s4)}
.p-cons-glance dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s3)}
.p-cons-glance dl>div,.p-cons-glance dl>div:first-child{padding:12px 0;border-top:1px solid var(--line)}
.p-cons-glance dl>div:nth-child(-n+2){border-top:0;padding-top:4px}
@media (max-width:720px){.p-cons-glance{padding:var(--s3)}}

/* booking band: closer to the hero, heading on one line when there is room */
.close.p-cons-book{padding-top:var(--s8)}
.p-cons-book .head{max-width:none}
@media (max-width:720px){.close.p-cons-book{padding-top:var(--s6)}}

/* "What you get" and "How it works" start their content on the same line, whatever the heading height */
@media (min-width:901px){
  @supports (grid-template-rows:subgrid){
    .p-cons-grid{grid-template-rows:auto 1fr}
    .p-cons-col{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
    .p-cons-col .head{align-self:start}  /* the bronze rule hugs its own heading, not the taller one next to it */
  }
}