/* Guides and institutional pages (P19–P22, P24, P25). Owner: B12.
   Reuses site.css tokens; breakpoints ≤560 · 561–1024 · ≥1025. */

/* Guides hub */
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.guide-card { border-top: 4px solid var(--blue-brand); }
.guide-kicker { font-family: var(--font-head); text-transform: uppercase; letter-spacing: .12em; font-size: .8125rem; font-weight: 700; color: var(--muted-light); }

/* Epoxy vs polyaspartic: criteria */
.criteria { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); }
.criterion { background: var(--white); border: 1px solid var(--line-light); border-left: 5px solid var(--blue-brand); border-radius: var(--radius); padding: var(--s3); min-width: 0; }
.criterion h3 { margin-bottom: var(--s1); }
.criterion p { color: var(--muted-light); }
.criterion .criterion-how { color: var(--ink-dark); margin-bottom: 0; }

/* Care guide */
.care-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: var(--s6); align-items: start; }
.care-grid > * { min-width: 0; }
.avoid-list { list-style: none; padding: 0; margin: var(--s3) 0 0; display: grid; gap: var(--s1); }
.avoid-list li { position: relative; padding: 12px 16px 12px 48px; background: var(--surface-light); border-radius: var(--radius); }
.avoid-list li::before { content: ""; position: absolute; left: 16px; top: 50%; width: 18px; height: 3px; background: var(--red-600); transform: translateY(-50%); }
.note-light { margin: 0; padding: var(--s2) var(--s3); background: var(--white); border: 1px solid var(--line-light); border-left: 5px solid var(--blue-brand); border-radius: var(--radius); }
.side-note { padding: var(--s4); background: var(--white); border: 1px solid var(--line-light); border-radius: var(--radius); }
.side-note h2 { font-size: clamp(1.35rem, 2.4vw, 1.8rem); }

/* About */
.proof-caption-light { font-size: .95rem; color: var(--muted-light); border-left: 3px solid var(--line-light); padding-left: var(--s2); }

/* Contact */
.contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); }
.contact-box { background: var(--white); border: 1px solid var(--line-light); border-radius: var(--radius); padding: var(--s3); min-width: 0; }
.contact-box h3 { font-size: .9rem; text-transform: uppercase; letter-spacing: .12em; color: var(--muted-light); }
.contact-big { font-family: var(--font-head); font-weight: 800; font-size: 1.5rem; }
.contact-big a { display: inline-flex; min-height: 44px; align-items: center; }
.no-form-note { margin: var(--s4) 0 0; color: var(--muted-light); }

/* [PENDENTE] markers (local/staging only; production refuses them) */
mark.pending { background: #FFF1B8; color: var(--ink-dark); padding: 0 4px; border-radius: 3px; outline: 1px dashed #B58900; }

@media (max-width: 1024px) {
  .criteria, .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .care-grid { grid-template-columns: 1fr; gap: var(--s4); }
}
@media (max-width: 560px) {
  .guide-grid, .criteria, .contact-grid { grid-template-columns: 1fr; }
  .side-note { padding: var(--s3); }
}