/* ILUMINE Mobile Layout Hotfix 4.8.0 */

/* ===== APOIADORES PERMANENTES ===== */
.ilumine-supporter-marquee{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
  cursor:grab!important;
  scrollbar-width:none!important;
  scroll-snap-type:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
}
.ilumine-supporter-marquee::-webkit-scrollbar{display:none!important}
.ilumine-supporter-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  gap:0!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  animation:none!important;
  will-change:transform!important;
}
.ilumine-supporter-set,
.ilumine-supporter-set[aria-hidden="true"]{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  gap:12px!important;
  padding:0 12px 0 0!important;
  margin:0!important;
}
.ilumine-partner--marquee{
  flex:0 0 190px!important;
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  margin:0!important;
}

/* ===== MOBILE ===== */
@media (max-width:640px){
  /* Apoiadores do evento: existe somente UMA faixa visível.
     A grade/lista antiga permanece no DOM para desktop, mas é escondida no mobile. */
  .event-supporters.ilumine-mobile-event-marquee-ready > .ilumine-partners--event,
  .ilumine-dynamic-event .event-supporters.ilumine-mobile-event-marquee-ready > .ilumine-partners--event{
    display:none!important;
  }

  .event-supporters .ilumine-event-supporter-marquee,
  .ilumine-dynamic-event .event-supporters .ilumine-event-supporter-marquee{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    margin:0!important;
    padding:0!important;
    touch-action:pan-y!important;
    cursor:grab!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    scrollbar-width:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
  }
  .event-supporters .ilumine-event-supporter-marquee::-webkit-scrollbar{display:none!important}

  .ilumine-event-supporter-marquee__label{
    display:block!important;
    margin:0 0 14px!important;
    color:#aa771c!important;
    font:600 10px/1.2 Montserrat,Inter,Arial,sans-serif!important;
    letter-spacing:2.2px!important;
    text-transform:uppercase!important;
  }

  .event-supporters .ilumine-event-supporter-track,
  .ilumine-dynamic-event .event-supporters .ilumine-event-supporter-track{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:0!important;
    width:max-content!important;
    max-width:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    animation:none!important;
    transform:translate3d(0,0,0);
    will-change:transform!important;
  }
  .event-supporters .ilumine-event-supporter-set,
  .event-supporters .ilumine-event-supporter-set[aria-hidden="true"]{
    display:flex!important;
    flex:0 0 auto!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:0 10px 0 0!important;
    margin:0!important;
  }
  .event-supporters .ilumine-partner-event-marquee,
  .event-supporters .ilumine-event-supporter-set > .ilumine-partner{
    display:grid!important;
    place-items:center!important;
    flex:0 0 150px!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    min-height:76px!important;
    margin:0!important;
    padding:8px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    scroll-snap-align:none!important;
  }
  .event-supporters .ilumine-logo-canvas{
    width:100%!important;
    height:58px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .event-supporters .ilumine-logo-canvas img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:90%!important;
    max-height:44px!important;
    object-fit:contain!important;
    filter:grayscale(1) brightness(.18) contrast(1.08)!important;
    opacity:.6!important;
    transition:filter .25s ease,opacity .25s ease,transform .25s ease!important;
  }
  .event-supporters .ilumine-partner.is-lit .ilumine-logo-canvas img,
  .event-supporters .ilumine-partner:focus .ilumine-logo-canvas img,
  .event-supporters .ilumine-partner:active .ilumine-logo-canvas img{
    filter:none!important;
    opacity:1!important;
    transform:scale(1.02)!important;
  }

  /* Palestrantes: uma única faixa automática; nada de grade fixa ou scroll manual paralelo. */
  #palestrantes .ilumine-speaker-marquee-mobile{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    cursor:grab!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)!important;
    mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)!important;
  }
  #palestrantes .ilumine-speaker-marquee-mobile > .ilumine-speaker-grid{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:0!important;
    width:max-content!important;
    max-width:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    scroll-snap-type:none!important;
    transform:translate3d(0,0,0);
    will-change:transform!important;
  }
  #palestrantes .ilumine-speaker-set{
    display:flex!important;
    flex:0 0 auto!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:12px!important;
    padding:0 12px 0 0!important;
    margin:0!important;
  }
  #palestrantes .ilumine-speaker-set .ilumine-speaker-card{
    flex:0 0 min(70vw,260px)!important;
    width:min(70vw,260px)!important;
    min-width:min(70vw,260px)!important;
    max-width:min(70vw,260px)!important;
    margin:0!important;
    scroll-snap-align:none!important;
  }
}

@media (min-width:641px){
  /* O marquee específico do evento é mobile-only. Desktop continua com o grid compacto do tema. */
  .ilumine-event-supporter-marquee[data-ilumine-hotfix-generated="1"]{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .ilumine-supporter-marquee,
  .ilumine-event-supporter-marquee,
  .ilumine-speaker-marquee-mobile{
    overflow-x:auto!important;
    touch-action:pan-x pan-y!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .ilumine-supporter-track,
  .ilumine-event-supporter-track,
  .ilumine-speaker-marquee-mobile > .ilumine-speaker-grid{
    transform:none!important;
  }
}


/* v4.8 — gesto manual sem desligar o autoplay */
@media (max-width:640px){
  .ilumine-event-supporter-marquee:active,
  #palestrantes .ilumine-speaker-marquee-mobile:active,
  .ilumine-supporter-marquee:active{cursor:grabbing!important}
  .ilumine-event-supporter-track,
  #palestrantes .ilumine-speaker-grid,
  .ilumine-supporter-track{-webkit-user-drag:none!important}
  #palestrantes .ilumine-speaker-card img,
  .event-supporters .ilumine-partner img{-webkit-user-drag:none!important;pointer-events:none!important}
}