.elementor-505 .elementor-element.elementor-element-e4d486c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-a778fd7 *//* === OVERRIDES COMPACT · LINT-CLEAN === */

/* Rueda un poco más pequeña */
#agl-widget .wheel-box{
  width:84vw;
  max-width:360px;
  min-width:260px;
}

/* Botón un poco más pequeño (sin warning: quitamos width fijo) */
#agl-widget #spinBtn{
  width:auto !important;     /* anula el width anterior y evita el warning */
  display:block;
  margin:12px auto 0;
  max-width:220px;
  min-width:180px;
  padding:9px 10px;
  font-size:14.5px;
}

/* Caja (card) más compacta */
#agl-widget .card{
  padding:12px;
  border-radius:16px;
}

/* En móviles, aún más compacto */
@media (max-width:480px){
  #agl-widget .wheel-box{
    width:82vw;
    max-width:260px;
    min-width:200px;
  }

  #agl-widget #spinBtn{
    width:auto !important;   /* mantiene el “no width” también en móvil */
    max-width:200px;
    min-width:170px;
    padding:8px 10px;
    font-size:14px;
  }

  #agl-widget .card{
    padding:10px;
  }
}/* End custom CSS */