/* FINAL DESKTOP OVERRIDES — cache-busted build */
@media (min-width:1024px){
  /* 1. Hero: never show an empty blue panel while the first image is available */
  .home-page .hero-media{
    background-color:#08366a!important;
    background-image:var(--hero-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  .home-page .hero-slide{z-index:1!important;opacity:0!important;visibility:hidden!important;transition:opacity .9s cubic-bezier(.22,.61,.36,1),visibility .9s ease!important}
  .home-page .hero-slide:first-child{opacity:1!important;visibility:visible!important}
  .home-page .hero-slide.active{z-index:2!important;opacity:1!important;visibility:visible!important}
  .home-page .hero-slide img{transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important}

  .page-hero.with-image .page-hero-bg{
    background-color:#08366a!important;
    background-image:var(--hero-bg)!important;
    background-size:cover!important;
    background-position:var(--hero-pos,center center)!important;
    background-repeat:no-repeat!important;
  }
  .page-hero.with-image .page-hero-bg picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .page-hero.with-image .page-hero-bg img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--hero-pos,center center)!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}

  /* Explicit framing for service pages where the vehicle was being cut */
  .page-hidrojateamento .page-hero.with-image{min-height:500px!important}
  .page-hidrojateamento .page-hero-bg,.page-hidrojateamento .page-hero-bg img{--hero-pos:center 54%}
  .page-transporte .page-hero.with-image{min-height:500px!important}
  .page-transporte .page-hero-bg,.page-transporte .page-hero-bg img{--hero-pos:center 54%}

  /* 2. Service cards: hover must never modify photo quality */
  .service-card .service-image img,
  .servicos-page .service-hub-card .service-image img{
    transform:none!important;filter:none!important;scale:1!important;will-change:auto!important;image-rendering:auto!important;
  }
  .service-card:hover .service-image img,
  .servicos-page .service-hub-card:hover .service-image img{
    transform:none!important;filter:none!important;scale:1!important;
  }

  /* 3. Area de atendimento: clean editorial block + full fleet photo */
  .area-page .area-desktop-intro{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;
    min-height:0!important;max-height:none!important;padding:0!important;
    overflow:hidden!important;border-radius:24px!important;
    background:linear-gradient(135deg,#f8fcff,#eef7fc)!important;
  }
  .area-page .area-desktop-copy{padding:34px 38px 32px!important;display:block!important}
  .area-page .area-desktop-copy p{max-width:1050px!important}
  .area-page .area-desktop-copy .btn-row{margin-top:26px!important;max-width:760px!important}
  .area-page .area-desktop-photo{
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:8/3!important;border-radius:0!important;padding:0!important;overflow:hidden!important;background:#eaf3f8!important;
  }
  .area-page .area-desktop-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important}
  .area-page .area-photo-label{bottom:16px!important;left:16px!important}
  .area-page .desktop-area-copy{padding:32px!important}
  .area-page .desktop-area-copy .btn-row{margin-top:28px!important}
  .area-page .desktop-area-copy .btn-row .btn{flex:0 0 auto!important;min-width:190px!important}

  /* 4. Home institutional block: both trucks complete + aligned equal CTAs */
  .home-page .about-panel{grid-template-columns:52% 48%!important;align-items:stretch!important;max-width:1160px!important}
  .home-page .about-photo{position:relative!important;min-height:520px!important;padding:0!important;overflow:hidden!important;background:#dce9f2!important}
  .home-page .about-photo::before{content:""!important;display:block!important;position:absolute!important;inset:-24px!important;background-image:var(--about-bg)!important;background-size:cover!important;background-position:center!important;filter:blur(22px) brightness(.9)!important;opacity:.32!important;transform:scale(1.06)!important;z-index:0!important}
  .home-page .about-photo picture{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .home-page .about-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;transform:none!important;filter:none!important;background:transparent!important}
  .home-page .about-copy{min-height:520px!important;height:auto!important;padding:38px 38px 34px!important;display:flex!important;flex-direction:column!important}
  .home-page .about-mini-grid{margin-top:17px!important}
  .home-page .home-segment-detail{display:flex!important;flex-direction:column!important;min-height:0!important;margin-top:15px!important;padding-top:14px!important}
  .home-page .home-segment-detail p{min-height:0!important;margin-top:5px!important}
  .home-page .home-about-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important;padding-top:0!important;width:100%!important}
  .home-page .home-about-actions .btn{width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 12px!important;justify-content:center!important}

  /* 5. Google CTA: clearly light-blue, not same blue as Google G */
  .btn-google-soft{background:linear-gradient(180deg,#e7f5ff 0%,#cfe9ff 100%)!important;border:1px solid #9ecdf0!important;color:#07548f!important;box-shadow:0 10px 24px rgba(8,117,216,.11)!important}
  .btn-google-soft:hover{background:linear-gradient(180deg,#eef9ff 0%,#d9efff 100%)!important;border-color:#87c2ed!important}

  /* 6. Crossfade on segment image carousel, never abrupt */
  .servicos-page .segment-track{position:relative!important;transform:none!important}
  .servicos-page .segment-slide{position:absolute!important;inset:0!important;opacity:0!important;visibility:hidden!important;transform:none!important;transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),visibility 1.15s ease!important}
  .servicos-page .segment-slide.active{opacity:1!important;visibility:visible!important}
  .servicos-page .segment-carousel::after{display:none!important}

  /* Consistent spacing, no accidental overflow */
  html,body{overflow-x:hidden!important;max-width:100%!important}
}
