/* GoJD — carrossel principal mobile baseado na referência visual enviada. */
@media (max-width:768px){
  body .home-page .hero-carousel-section .carousel-indicators .indicator.gojd-allu-hidden{display:none!important}

  body .home-page .hero-carousel-section{
    --gojd-mobile-hero-card-height:clamp(238px,64vw,285px);
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 10px 38px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    overflow:visible!important;
    position:relative!important;
  }
  body .home-page .hero-carousel-section .hero-carousel-container{
    width:100%!important;
    height:var(--gojd-mobile-hero-card-height)!important;
    min-height:var(--gojd-mobile-hero-card-height)!important;
    max-height:var(--gojd-mobile-hero-card-height)!important;
    position:relative!important;
    overflow:visible!important;
    border-radius:14px!important;
    background:#f4f4f5!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }
  body .home-page .hero-carousel-section .carousel-slide{
    width:100%!important;
    height:var(--gojd-mobile-hero-card-height)!important;
    min-height:var(--gojd-mobile-hero-card-height)!important;
    max-height:var(--gojd-mobile-hero-card-height)!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#f4f4f5!important;
  }
  body .home-page .hero-carousel-section .carousel-media{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:14px!important;
  }
  body .home-page .hero-carousel-section .carousel-control{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border:0!important;
    border-radius:50%!important;
    padding:0!important;
    background:rgba(255,255,255,.48)!important;
    color:#171717!important;
    box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    z-index:15!important;
  }
  body .home-page .hero-carousel-section .carousel-control.prev{left:10px!important}
  body .home-page .hero-carousel-section .carousel-control.next{right:10px!important}
  body .home-page .hero-carousel-section .carousel-control svg{width:20px!important;height:20px!important}
  body .home-page .hero-carousel-section .carousel-indicators{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:-29px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    height:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:20!important;
  }
  body .home-page .hero-carousel-section .carousel-indicators .indicator{
    position:relative!important;
    flex:0 0 8px!important;
    width:8px!important;
    height:8px!important;
    min-width:8px!important;
    min-height:8px!important;
    max-width:8px!important;
    max-height:8px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    overflow:hidden!important;
    background:#d1d5db!important;
    opacity:1!important;
    transform:none!important;
    box-shadow:none!important;
    transition:background .18s ease,transform .18s ease!important;
  }
  body .home-page .hero-carousel-section .carousel-indicators .indicator::before,
  body .home-page .hero-carousel-section .carousel-indicators .indicator::after{
    content:none!important;
    display:none!important;
    animation:none!important;
  }
  body .home-page .hero-carousel-section .carousel-indicators .indicator.active{
    width:10px!important;
    height:10px!important;
    min-width:10px!important;
    min-height:10px!important;
    max-width:10px!important;
    max-height:10px!important;
    flex-basis:10px!important;
    background:#172033!important;
    transform:none!important;
  }
}
@media (max-width:380px){
  body .home-page .hero-carousel-section{padding-left:8px!important;padding-right:8px!important}
  body .home-page .hero-carousel-section .hero-carousel-container,
  body .home-page .hero-carousel-section .carousel-slide,
  body .home-page .hero-carousel-section .carousel-media{border-radius:12px!important}
  body .home-page .hero-carousel-section .carousel-indicators{gap:9px!important}
}

/* GoJD — mobile hero: navegação somente por gesto horizontal. */
@media (max-width:768px){
  body .home-page .hero-carousel-section .carousel-control{
    display:none!important;
  }
  body .home-page .hero-carousel-section .hero-carousel-container{
    touch-action:pan-y pinch-zoom!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    cursor:grab;
  }
  body .home-page .hero-carousel-section .hero-carousel-container.gojd-swipe-active{
    cursor:grabbing;
  }
  body .home-page .hero-carousel-section .carousel-media{
    -webkit-user-drag:none;
    user-select:none;
  }
}

/* GoJD — mobile hero: respiro visual entre as mídias do carrossel. */
@media (max-width:768px){
  body .home-page .hero-carousel-section .carousel-slide{
    box-sizing:border-box!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}
@media (max-width:380px){
  body .home-page .hero-carousel-section .carousel-slide{
    padding-left:6px!important;
    padding-right:6px!important;
  }
}