/* EASY REPLAY V4.5.1.20 - Patrocinadores em duas colunas */
.sponsor-grid-two{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}
.sponsor-grid-two .sponsor-logo-card,
.sponsor-grid-two .sponsor-feature-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:132px !important;
  margin:0 !important;
  padding:10px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.sponsor-grid-two .sponsor-logo-card img,
.sponsor-grid-two .sponsor-feature-card img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:108px !important;
  max-height:108px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
}
.sponsor-clickable{cursor:pointer;text-decoration:none !important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.sponsor-clickable:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22) !important}

/* Login administrativo VPS */
.login-side .admin-sponsor-grid{max-width:620px !important;margin-top:12px !important}
.login-side .admin-sponsor-grid .admin-sponsor-card{
  min-height:126px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px;
  background:#0e223d;
  border:1px solid #294565;
  border-radius:14px;
  overflow:hidden;
}
.login-side .admin-sponsor-grid .admin-sponsor-card img{
  width:100% !important;
  max-width:100% !important;
  height:106px !important;
  max-height:106px !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:4px !important;
  margin:0 !important;
  background:#fff !important;
  border:0 !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
.sponsor-admin-link{text-decoration:none;color:#57a4ff;font-weight:700;white-space:nowrap}
.sponsor-admin-link:hover{text-decoration:underline}

@media(max-width:620px){
  .sponsor-grid-two{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
  .sponsor-grid-two .sponsor-logo-card,.sponsor-grid-two .sponsor-feature-card{min-height:112px !important;padding:7px !important}
  .sponsor-grid-two .sponsor-logo-card img,.sponsor-grid-two .sponsor-feature-card img{height:94px !important;max-height:94px !important}
  .login-side .admin-sponsor-grid .admin-sponsor-card{min-height:108px}
  .login-side .admin-sponsor-grid .admin-sponsor-card img{height:92px !important;max-height:92px !important}
}
@media(max-width:330px){.sponsor-grid-two{grid-template-columns:1fr !important}}


/* =========================================================
   EASY REPLAY V4.5.1.21
   Correção de especificidade: 2 colunas no Portal do Cliente
   ========================================================= */

/* O style.css legado possui uma regra mobile mais específica que forçava
   sponsor-mobile-grid para 1 coluna. Esta regra vence explicitamente
   sem alterar o restante do layout. */
.portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin:0 !important;
}

.portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
.sponsor-logo-card,
.portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
.sponsor-feature-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:122px !important;
  margin:0 !important;
  padding:8px !important;
}

.portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
.sponsor-logo-card img,
.portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
.sponsor-feature-card img{
  width:100% !important;
  max-width:100% !important;
  height:104px !important;
  max-height:104px !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media(max-width:620px){
  .portal-v432 .sponsor-showcase{
    width:calc(100% - 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  .portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
  .sponsor-logo-card,
  .portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
  .sponsor-feature-card{
    min-height:112px !important;
    padding:6px !important;
    border-radius:14px !important;
  }

  .portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
  .sponsor-logo-card img,
  .portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two
  .sponsor-feature-card img{
    height:96px !important;
    max-height:96px !important;
  }
}

@media(max-width:330px){
  .portal-v432 .sponsor-showcase .sponsor-row.sponsor-mobile-grid.sponsor-grid-two{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   EASY REPLAY V4.5.1.22
   Login do Cliente VPS - patrocinadores
   ========================================================= */

.auth-body .auth-sponsor-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  width:min(620px,100%) !important;
  margin-top:12px !important;
}

.auth-body .auth-sponsor-grid .sponsor-logo-card,
.auth-body .auth-sponsor-grid .sponsor-feature-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:126px !important;
  padding:8px !important;
  margin:0 !important;
  background:#fff !important;
  border-radius:14px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.auth-body .auth-sponsor-grid .sponsor-logo-card img,
.auth-body .auth-sponsor-grid .sponsor-feature-card img{
  width:100% !important;
  max-width:100% !important;
  height:108px !important;
  max-height:108px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  margin:0 !important;
  padding:0 !important;
}

.auth-body .auth-sponsor-grid .sponsor-logo-card span,
.auth-body .auth-sponsor-grid .sponsor-feature-card span{
  display:none !important;
}

@media(max-width:620px){
  .auth-body .auth-sponsor-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    width:100% !important;
  }

  .auth-body .auth-sponsor-grid .sponsor-logo-card,
  .auth-body .auth-sponsor-grid .sponsor-feature-card{
    min-height:108px !important;
    padding:6px !important;
  }

  .auth-body .auth-sponsor-grid .sponsor-logo-card img,
  .auth-body .auth-sponsor-grid .sponsor-feature-card img{
    height:92px !important;
    max-height:92px !important;
  }
}

@media(max-width:330px){
  .auth-body .auth-sponsor-grid{
    grid-template-columns:1fr !important;
  }
}