/* MASTER_HERO_1920_FIX */
/* Correção da página existente do Feirão */

@media (min-width:901px) {

  :root {
    --master-header:88px;
  }

  .header-inner {
    height:88px !important;
    min-height:88px !important;
  }

  .hero {
    position:relative !important;
    isolation:isolate;
    width:100% !important;
    height:calc(100svh - 88px) !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    background:#063967;
  }

  /* Fachada e veículos ocupam o fundo inteiro */

  .hero .photo {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    z-index:0 !important;
  }

  .hero .photo img {
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center 53% !important;
    transform:none !important;
  }

  /* Degradê azul sobre a fotografia */

  .hero .photo::after {
    content:"";
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none;
    background:linear-gradient(
      90deg,
      #063c70 0%,
      rgba(5,53,99,.98) 23%,
      rgba(5,45,85,.91) 37%,
      rgba(4,34,67,.57) 53%,
      rgba(4,28,54,.10) 79%,
      rgba(4,28,54,.12) 100%
    ) !important;
  }

  /* Conteúdo centralizado verticalmente */

  .hero .hero-inner {
    position:relative !important;
    z-index:4 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    width:100% !important;
    max-width:1840px !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:16px clamp(32px,4vw,84px) !important;
    gap:clamp(7px,1.1vh,14px) !important;
  }

  /* Arte principal maior */

  .hero .campaign-heading {
    flex:0 1 auto !important;
    width:min(49vw,880px) !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    line-height:0 !important;
  }

  .hero .campaign-heading img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:43svh !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  .hero .hero-copy {
    flex:0 0 auto !important;
    width:min(46vw,770px) !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:clamp(17px,1.2vw,23px) !important;
    line-height:1.3 !important;
  }

  .hero .vehicles {
    flex:0 0 auto !important;
    width:min(43vw,680px) !important;
    max-width:none !important;
    margin:0 !important;
    padding:8px 0 !important;
  }

  .hero .vehicles svg {
    width:55px !important;
    height:31px !important;
  }

  .hero .hero-button {
    flex:0 0 auto !important;
    width:min(49vw,790px) !important;
    max-width:none !important;
    min-height:68px !important;
    margin:0 !important;
    padding:12px 18px !important;
    font-size:clamp(17px,1.3vw,24px) !important;
  }

  .hero .hero-note {
    flex:0 0 auto !important;
    width:min(49vw,790px) !important;
    max-width:none !important;
    margin:0 !important;
    font-size:clamp(13px,.85vw,16px) !important;
    line-height:1.3 !important;
  }

  .hero .campaign-seal {
    display:block !important;
    position:absolute !important;
    z-index:5 !important;
    right:6% !important;
    bottom:85px !important;
    width:clamp(105px,8vw,150px) !important;
  }

  .hero .location {
    position:absolute !important;
    z-index:5 !important;
    right:4% !important;
    bottom:22px !important;
    max-width:390px !important;
    font-size:14px !important;
    padding:11px 15px !important;
  }
}

/* Notebook com altura menor */

@media (min-width:901px) and (max-height:790px) {

  .hero .campaign-heading img {
    max-height:35svh !important;
  }

  .hero .hero-copy {
    font-size:17px !important;
  }

  .hero .hero-button {
    min-height:56px !important;
  }

  .hero .vehicles {
    padding:4px 0 !important;
  }

  .hero .hero-note {
    font-size:13px !important;
  }
}

/* Mobile: manter a estrutura responsiva existente */

@media (max-width:900px) {
  .hero,
  .hero-inner {
    max-width:100%;
  }
}


/* BM_NOTEBOOK_START */

/*
 Ajuste exclusivo notebook 1366x768.
 O desktop 1920 e o mobile não são afetados.
*/

@media (min-width:1200px)
       and (max-width:1439px)
       and (max-height:820px) {

  /* Arte do Feirão: 70px à direita */
  .hero .campaign-heading {
    position:relative !important;
    left:70px !important;
  }

  /*
   Libera até +220px sobre o limite antigo.
   A altura disponível da janela é respeitada.
  */
  .hero .campaign-heading img {
    height:auto !important;
    max-height:min(
      calc(35svh + 220px),
      calc(100svh - 340px)
    ) !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  /* Selo: 21px à esquerda */
  .hero .campaign-seal {
    translate:-21px 0 !important;
  }
}

/* BM_NOTEBOOK_END */