/* SPJ v3.296 — padrão global mobile das páginas públicas internas.
   1) banner principal 1170x250 desktop => 1170x500 no mobile;
   2) breadcrumb/caminho fica oculto somente no mobile;
   3) títulos de listagens/módulos usam a mesma escala no mobile.
*/

@media (max-width: 760px) {
  /* BANNER PRINCIPAL: força a proporção 1170x500 por altura calculada.
     Não depende de aspect-ratio nem da altura intrínseca do criativo. */
  html body.pc .adbox.ad-1170x250 {
    box-sizing: border-box !important;
    width: calc(100vw - 30px) !important;
    max-width: calc(100vw - 30px) !important;
    height: calc((100vw - 30px) * 500 / 1170) !important;
    min-height: calc((100vw - 30px) * 500 / 1170) !important;
    max-height: calc((100vw - 30px) * 500 / 1170) !important;
    aspect-ratio: auto !important;
    margin: 14px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  html body.pc .adbox.ad-1170x250 > .ad-rotator-slide,
  html body.pc .adbox.ad-1170x250 > .ad-rotator-slide.active,
  html body.pc .adbox.ad-1170x250 > a.ad-rotator-slide,
  html body.pc .adbox.ad-1170x250 > div.ad-rotator-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.pc .adbox.ad-1170x250 > .ad-rotator-slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.pc .adbox.ad-1170x250 picture,
  html body.pc .adbox.ad-1170x250 picture img,
  html body.pc .adbox.ad-1170x250 > img,
  html body.pc .adbox.ad-1170x250 .ad-rotator-slide img,
  html body.pc .adbox.ad-1170x250 .spb-ad-no-link,
  html body.pc .adbox.ad-1170x250 iframe,
  html body.pc .adbox.ad-1170x250 embed,
  html body.pc .adbox.ad-1170x250 object {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html body.pc .adbox.ad-1170x250 picture img,
  html body.pc .adbox.ad-1170x250 > img,
  html body.pc .adbox.ad-1170x250 .ad-rotator-slide img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  /* Wrappers usados nas páginas internas. Não alteram a proporção,
     apenas impedem uma regra do módulo de achatar o banner. */
  html body.pc .spb-directory-top-ad,
  html body.pc .spb-jobs-top-ad,
  html body.pc .spb-blog-top-ad {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* CAMINHO / BREADCRUMB: oculto SOMENTE no mobile em todas as páginas públicas.
     O HTML permanece intacto e volta a aparecer normalmente no desktop. */
  html body.pc .breadcrumb,
  html body.pc .breadcrumbs,
  html body.pc .breadcrumb-wrap,
  html body.pc .breadcrumb-wrapper,
  html body.pc .breadcrumb-container,
  html body.pc .page-breadcrumb,
  html body.pc .spb-breadcrumb,
  html body.pc .spb-breadcrumbs,
  html body.pc .spb-properties-breadcrumb,
  html body.pc .spb-list-breadcrumb,
  html body.pc .pc-list-head .breadcrumb,
  html body.pc .spb-category-list-head .breadcrumb,
  html body.pc nav[aria-label="breadcrumb"],
  html body.pc nav[aria-label="Breadcrumb"],
  html body.pc [data-breadcrumb] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  /* TÍTULO GLOBAL DE PÁGINAS INTERNAS: Agenda, Veículos, Imóveis,
     Empregos, Jornal Digital e listagens de Notícias no mesmo padrão. */
  html body.pc .spb-properties-head h1,
  html body.pc .spb-category-list-head h1,
  html body.pc .spb-agenda-list-head h1,
  html body.pc .spb-jobs-list-head h1,
  html body.pc .pc-list-head h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  html body.pc .spb-properties-head h1 {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
  }
}