/* =====================================================================
   3. SEÇÕES
   ===================================================================== */
.secao{ padding: var(--secao) 0; border-top: 1px solid var(--ink); }
.cab-secao{ display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px 16px; align-items: end; margin-bottom: 20px; }
.cab-secao h2{ font-weight: 900; text-transform: uppercase; font-size: clamp(1.9rem, 6.6vw, 3.6rem); line-height: .95; letter-spacing: -.01em; margin-top: 4px; }
@media (min-width: 768px){ .cab-secao{ grid-template-columns: auto minmax(0,1fr) auto; gap: 14px 20px; margin-bottom: 32px; } }
.intro{ max-width: 60ch; font-size: 1.06rem; }
@media (min-width: 1024px){ .intro{ font-size: 1.14rem; } }
.nota{ font-family: var(--f-mono); font-size: .72rem; letter-spacing: .05em; color: var(--ink-2); border-left: 3px solid var(--wine); padding: 3px 0 3px 12px; max-width: 64ch; }
.regra{ padding: 16px 18px; margin: 18px 0 22px; max-width: 760px; }
.regra p{ margin: 0; font-family: var(--f-display); font-size: clamp(1.02rem, 2vw, 1.3rem); line-height: 1.35; }
.regra strong{ font-family: var(--f-mono); font-size: .78em; letter-spacing: .1em; }

.cab-secao .tag{ justify-self: start; }