/* Estils per a aq-widget-new - versió compacta i flotant */
.aq-widget-new {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: 520px;
  max-width: calc(100% - 48px);
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(250,250,250,0.95));
  border: 3px solid #000;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  padding: 18px 22px 20px 22px;
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
  z-index: 30;
}

.aq-widget-new__header{display:flex;align-items:center;gap:12px}
.aq-widget-new__recommendations-toggle{
  background:#00ff44; /* verd intens com a la imatge */
  color:#000;
  border:2px solid #000;
  border-radius:14px 14px 0 14px;
  padding:6px 12px;
  font-weight:700;
  cursor:pointer;
}

.aq-widget-new__title{
  font-size:48px;
  line-height:0.95;
  font-weight:800;
  margin:6px 0 12px 0;
  color:#00ff44; /* verd per defecte baixa */
}
.aq-widget-new__title--medium{color:#ffb400}
.aq-widget-new__title--high{color:#ff0044}

.aq-widget-new__body{display:block}
.aq-widget-new__columns{display:flex;gap:24px;border-top:0;padding-top:6px}
.aq-widget-new__col{flex:1}
.aq-widget-new__col--right{padding-right:12px}
.aq-widget-new__col--left{padding-left:12px;border-left:1px solid rgba(0,0,0,0.12)}

.aq-widget-new__list{list-style:none;margin:14px 0;padding:0}
.aq-widget-new__item{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:18px}
.aq-widget-new__label{font-weight:800}
.aq-widget-new__value{font-weight:600;margin-left:auto}

.aq-widget-new__item--optional{opacity:0.6}

/* Estat per a items opcionals sense valor: es mostren però atenuats */
.aq-widget-new__item--optional.aq-widget-new__empty{opacity:0.55;color:#666}
.aq-widget-new__item--optional.aq-widget-new__empty .aq-widget-new__value{color:#666}

/* Cercle indicador davant l'etiqueta */
.aq-widget-new__label{position:relative;padding-left:6px}
.aq-widget-new__label::before{
  content:"";
  display:inline-block;
  width:18px;height:18px;border-radius:50%;
  margin-right:10px;vertical-align:middle;
  border:3px solid #000;background:transparent;box-sizing:content-box;
}
/* Si hi ha valor (no marcat com a empty) pintar cercle verd */
.aq-widget-new__item:not(.aq-widget-new__empty) .aq-widget-new__label::before{
  background:#00ff44;
}
/* Si està buit, deixar cercle només com a contorn blanc/transparent */
.aq-widget-new__item.aq-widget-new__empty .aq-widget-new__label::before{background:transparent;border-color:#000;opacity:0.9}

.aq-widget-new__footer{margin-top:10px;font-size:18px;color:#111}

.aq-widget-new__recommendations-panel{position:relative;margin-top:10px;padding:10px;border-top:1px dashed rgba(0,0,0,0.06)}

/* Responsive: fer més petit en pantalles estretes */
@media (max-width:600px){
  .aq-widget-new{left:12px;bottom:12px;width:92%;padding:14px}
  .aq-widget-new__title{font-size:36px}
  .aq-widget-new__columns{flex-direction:column}
  .aq-widget-new__col--left{border-left:none;padding-left:0}
}