/* ============================================================
   SEF v1.0.3 — internal page top spacing normalization
   Standardizes the visual breathing room between the fixed header
   and the first breadcrumb/content block on Sobre, Unidades and
   individual Unidade pages.
============================================================ */
:root {
  --sef-desktop-header-height: 72px;
  --sef-internal-page-top-gap: 52px;
  --sef-internal-page-bottom-space: 76px;
  --sef-mobile-header-height: 64px;
  --sef-internal-mobile-top-gap: 32px;
  --sef-internal-mobile-bottom-space: 56px;
}

@media (min-width: 901px) {
  #main-content > .sobre-hero:first-child,
  #main-content > .page-hero:first-child,
  #main-content > .unit-single-hero:first-child {
    align-items: flex-start !important;
    padding-top: calc(var(--sef-desktop-header-height) + var(--sef-internal-page-top-gap)) !important;
  }

  #main-content > .sobre-hero:first-child .sobre-hero-content,
  #main-content > .page-hero:first-child .page-hero-content,
  #main-content > .unit-single-hero:first-child .page-hero-content {
    padding-bottom: var(--sef-internal-page-bottom-space) !important;
  }

  #main-content > .sobre-hero:first-child .breadcrumb,
  #main-content > .page-hero:first-child .breadcrumb,
  #main-content > .unit-single-hero:first-child .breadcrumb {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 900px) {
  #main-content > .sobre-hero:first-child,
  #main-content > .page-hero:first-child,
  #main-content > .unit-single-hero:first-child {
    align-items: flex-start !important;
    padding-top: var(--sef-internal-mobile-top-gap) !important;
  }

  #main-content > .sobre-hero:first-child .sobre-hero-content,
  #main-content > .page-hero:first-child .page-hero-content,
  #main-content > .unit-single-hero:first-child .page-hero-content {
    padding-bottom: var(--sef-internal-mobile-bottom-space) !important;
  }

  #main-content > .sobre-hero:first-child .breadcrumb,
  #main-content > .page-hero:first-child .breadcrumb,
  #main-content > .unit-single-hero:first-child .breadcrumb {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    flex-wrap: wrap;
  }
}