/* 09/08/2026 V5 - componente mobile "SITE MONITORADO" idêntico ao card da Home.
   Atua somente no quadro já existente das páginas internas. */
@media only screen and (max-width:767px){
  body.successu-mobile-v6-active .successu-left .successu-monitorado-live.smx-monitor-exact{
    position:relative!important;
    display:block!important;
    width:251px!important;
    max-width:251px!important;
    height:318px!important;
    min-height:318px!important;
    margin:12px auto!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-monitor-card{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:fill!important;
    pointer-events:none!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-counter-box,
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-clock-box{
    position:absolute!important;
    z-index:3!important;
    display:flex!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:3px solid #171717!important;
    background:linear-gradient(180deg,#222 0%,#040404 48%,#101010 100%)!important;
    box-shadow:inset 0 8px 12px rgba(255,255,255,.08),inset 0 -9px 14px rgba(0,0,0,.62),0 2px 3px rgba(0,0,0,.25)!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-counter-box{
    left:10.07%!important;
    top:36.46%!important;
    width:77.80%!important;
    height:20.79%!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:15%!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-clock-box{
    left:10.07%!important;
    top:72.55%!important;
    width:77.80%!important;
    height:14.22%!important;
    padding:2px 2.1%!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:1px!important;
    border-radius:18%!important;
    color:#f3f3f3!important;
    font-family:Consolas,"Lucida Console","Courier New",monospace!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:center!important;
    text-shadow:0 0 4px rgba(255,255,255,.35)!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-counter-box:before,
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-clock-box:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:4%!important;
    right:4%!important;
    top:4%!important;
    height:34%!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0))!important;
    pointer-events:none!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-number{
    position:absolute!important;
    z-index:5!important;
    left:8.4%!important;
    right:8.4%!important;
    top:24%!important;
    bottom:20%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:7.8%!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-group{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    height:100%!important;
    column-gap:6.6%!important;
    margin:0!important;
    padding:0!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-group-left{grid-column:1!important;}
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-group-right{grid-column:2!important;}
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-digit{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    grid-template-rows:repeat(7,1fr)!important;
    gap:5%!important;
    width:100%!important;
    max-height:100%!important;
    aspect-ratio:5/7!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-dot{
    display:block!important;
    width:100%!important;
    aspect-ratio:1!important;
    border-radius:50%!important;
    background:#280000!important;
    opacity:.25!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-dot.is-on{
    background:#ff3d35!important;
    opacity:1!important;
    box-shadow:0 0 2px #fff,0 0 4px #ff4b42,0 0 8px rgba(255,30,20,.96)!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-point{
    position:absolute!important;
    z-index:8!important;
    left:50%!important;
    bottom:12.6%!important;
    transform:translateX(-50%)!important;
    display:block!important;
    width:1.95%!important;
    height:auto!important;
    aspect-ratio:1!important;
    margin:0!important;
    padding:0!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-led-point .smx-led-dot{
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:1!important;
    border-radius:50%!important;
    background:#ff3d35!important;
    opacity:1!important;
    box-shadow:0 0 2px #fff,0 0 4px #ff4b42,0 0 8px rgba(255,30,20,.96)!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-clock-main{
    position:relative!important;
    z-index:4!important;
    display:block!important;
    width:100%!important;
    margin:1px 0 0!important;
    padding:0!important;
    color:#f3f3f3!important;
    font-family:Consolas,"Lucida Console","Courier New",monospace!important;
    font-size:9px!important;
    font-weight:500!important;
    letter-spacing:.02em!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-clock-ips{
    position:relative!important;
    z-index:4!important;
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    padding-top:1px!important;
    color:#ededed!important;
    font-family:Consolas,"Lucida Console","Courier New",monospace!important;
    font-size:4.2px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    line-height:1.02!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body.successu-mobile-v6-active .successu-left .smx-monitor-exact .smx-clock-ips span{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
}