/* V353 - banner realmente centralizado, saudação no topo e seletor de cidade funcional */
@media (min-width:901px){
  .top-strip .container.top-strip-inner-v353{
    width:min(1180px,calc(100% - 32px))!important;
    max-width:1180px!important;
    min-height:34px!important;
    padding:5px 0!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
  }
  .top-greeting-v353{
    min-width:0!important;
    color:inherit!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:600!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .top-greeting-v353 strong{font-weight:800!important;}
  .top-greeting-v353 i{font-style:normal!important;opacity:.55!important;margin:0 5px!important;}
  .top-strip .desktop-contact{margin-left:auto!important;flex:0 0 auto!important;}

  /* Cabeçalho em três áreas reais: logo / banner / ações. Nada sobrepõe o banner. */
  .site-header:not(.is-stuck) .casttur-head{
    width:min(1180px,calc(100% - 32px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:12px 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,728px) minmax(0,1fr)!important;
    grid-template-areas:"logo banner actions" "menu menu menu"!important;
    align-items:center!important;
    column-gap:16px!important;
    row-gap:10px!important;
    min-height:122px!important;
    overflow:visible!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .logo{
    grid-area:logo!important;
    justify-self:start!important;
    width:210px!important;
    min-width:0!important;
    max-width:210px!important;
    margin:0!important;
    position:relative!important;
    z-index:2!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .logo .logo-img-wrap{
    width:210px!important;
    max-width:210px!important;
    height:104px!important;
    max-height:104px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .logo img,
  .site-header:not(.is-stuck) .casttur-head > .logo .logo-img{
    width:auto!important;
    max-width:210px!important;
    height:auto!important;
    max-height:100px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area{
    grid-area:banner!important;
    justify-self:center!important;
    align-self:center!important;
    width:100%!important;
    max-width:728px!important;
    min-width:0!important;
    height:90px!important;
    margin:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:1!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area .top-banner-slot,
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area [data-banner-rotator],
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area .banner-rotator{
    width:100%!important;
    max-width:728px!important;
    height:90px!important;
    margin:0 auto!important;
    position:relative!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area img{
    width:100%!important;
    height:90px!important;
    max-width:728px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .header-actions{
    grid-area:actions!important;
    justify-self:end!important;
    align-self:center!important;
    min-width:0!important;
    position:relative!important;
    z-index:2!important;
  }
  .site-header:not(.is-stuck) .casttur-head > nav.nav{
    grid-area:menu!important;
  }

  /* O seletor é um botão real. Mantém o visual plano e recebe clique normalmente. */
  button.menu-city-picker-v352{
    appearance:none!important;
    -webkit-appearance:none!important;
    font:inherit!important;
    text-align:left!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    position:relative!important;
    z-index:3!important;
  }
  button.menu-city-picker-v352:hover,
  button.menu-city-picker-v352:active,
  button.menu-city-picker-v352:focus{
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .site-header:not(.is-stuck) .casttur-head{
    width:calc(100% - 24px)!important;
    grid-template-columns:210px minmax(0,1fr) 124px!important;
    column-gap:12px!important;
  }
  .site-header:not(.is-stuck) .casttur-head > .logo,
  .site-header:not(.is-stuck) .casttur-head > .logo .logo-img-wrap{width:210px!important;max-width:210px!important;}
  .site-header:not(.is-stuck) .casttur-head > .logo img,
  .site-header:not(.is-stuck) .casttur-head > .logo .logo-img{max-width:205px!important;}
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area{width:100%!important;max-width:728px!important;height:auto!important;aspect-ratio:728/90!important;}
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area .top-banner-slot,
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area [data-banner-rotator],
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area .banner-rotator,
  .site-header:not(.is-stuck) .casttur-head > .top-banner-area img{height:100%!important;}
}

@media (max-width:900px){
  .top-strip .container.top-strip-inner-v353{
    width:calc(100% - 20px)!important;
    margin:0 auto!important;
    min-height:30px!important;
    padding:4px 0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .top-greeting-v353{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .top-strip .desktop-contact{display:none!important;}
}