/* Additional content uses the existing NotasZapZap tokens and components. */
html { scroll-padding-top: 80px; }
.seo-page .hero { padding: 55px 0 45px; }
.seo-page h1 { font-size: 2.5rem; line-height: 1.2; font-weight: 800; margin: 1rem 0; max-width: 900px; }
.seo-intro { max-width: 850px; font-size: 1.25rem; color: var(--text-secondary); }
.seo-breadcrumb { color: var(--text-secondary); font-size: .95rem; }
.seo-page a:not(.cta-button) { color: var(--dark-green); text-underline-offset: .2em; }
.seo-content { padding-top: 2rem; padding-bottom: 5rem; }
.seo-block { margin: 2rem 0; }
.seo-block h2 { font-size: 1.5rem; margin-bottom: 1rem; }
.seo-block h3 { font-size: 1.25rem; margin-bottom: .75rem; }
.seo-block p { margin: .75rem 0; max-width: 900px; }
.seo-block ul, .seo-block ol { padding-left: 1.5rem; max-width: 900px; }
.seo-block li { margin-bottom: .6rem; }
.seo-breadcrumb, .seo-content { overflow-wrap: anywhere; }
.seo-cities { columns: 3 220px; }
.seo-cities li { break-inside: avoid; }
.seo-content .modal-search-input { max-width: 700px; display: block; margin-top: .5rem; }
.seo-content .step { background: var(--light-gray); }
.seo-content [hidden] { display: none !important; }
@media (max-width: 768px) {
  .seo-page h1 { font-size: 2rem; }
  .seo-page .hero { padding: 35px 0; }
  .seo-content .hero-buttons { align-items: flex-start; flex-direction: column; }
  .seo-cities { columns: 1; }
}
@media print {
  .seo-page .hero { margin: 0; padding: 0; }
  .header, .footer, .whatsapp-fixed, .hero-buttons, #coverage-search, label[for="coverage-search"] { display: none; }
  .seo-content { padding-bottom: 0; }
}