:root{--font-sans:Arial,sans-serif;--green:#7AA945;--green-hover:#567a31;--red:#c9302c;--red-hover:#a82624;--radius-btn:8px;--radius-cta:12px;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 6px 16px rgba(0,0,0,.2);--t:.3s ease;}

/* FILA PREU + BOTÓ */
.fila-preu-boto{display:flex;align-items:center;gap:12px;margin-top:10px;}

/* BOTÓ COMPRAR PETIT */
.boto-comprar{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 12px;gap:6px;background-color:var(--green);color:#fff;font:700 14px var(--font-sans);text-decoration:none;border-radius:var(--radius-btn);cursor:pointer;transition:background-color var(--t);}
.boto-comprar:hover{background-color:var(--green-hover);}
.boto-comprar:visited,.boto-comprar:active{color:#fff;}

/* BOTÓ TELÈFON */
.boto-telefon{display:inline-flex;align-items:center;justify-content:center;background-color:var(--red);color:#fff;padding:14px 30px;border-radius:var(--radius-btn);font:700 18px var(--font-sans);text-decoration:none;border:0;box-sizing:border-box;max-width:360px;margin:0 auto;transition:background-color var(--t);}
.boto-telefon:hover{background-color:var(--red-hover);}
.boto-telefon .phone-icon{margin-right:10px;}

/* BOTÓ GRAN COMPRA */
.boto-compra{text-align:center;margin-top:20px;}
.boto{border:0;color:#fff;cursor:pointer;display:inline-block;font-size:26px;font-weight:700;text-transform:uppercase;padding:16px 37px;border-radius:var(--radius-cta);background:linear-gradient(135deg,#6ab04c,#58a034);box-shadow:var(--shadow-md);transition:transform var(--t),box-shadow var(--t),background var(--t);}
.boto span{display:block;margin-top:5px;font-size:16px;font-weight:400;text-transform:none;}
.boto:hover{background:linear-gradient(135deg,#58a034,#4e9030);transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.boto:active{transform:translateY(0);box-shadow:0 3px 8px rgba(0,0,0,.2);}

/* BOTONS VERMELLS */
.boto-nav-red{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background-color:var(--red);color:#fff;font:700 14px var(--font-sans);text-decoration:none;border-radius:var(--radius-btn);border:0;cursor:pointer;transition:background-color var(--t),box-shadow var(--t);}
.boto-nav-red:hover{background-color:var(--red-hover);box-shadow:0 2px 6px rgba(0,0,0,.2);}
.boto-nav-red:visited,.boto-nav-red:active{color:#fff;}

/* BOTÓ CARRO */
.boto-carro-ico{width:34px;height:34px;padding:0;border-radius:var(--radius-btn);display:inline-flex;align-items:center;justify-content:center;background:var(--green);text-decoration:none;}
.boto-carro-ico .carro-ico{width:28px;height:28px;display:block;background:url("https://www.microgamma.com/ic/carro.svg") no-repeat center/contain;filter:brightness(0) invert(1);}

/* CARRETÓ FLOTANT */
.cart-toggle-icon{background-image:url('/ic/carro.svg');background-repeat:no-repeat;background-position:center;background-size:26px 26px;}

@media (min-width:769px){.cart-toggle-icon,.close-cart{display:none!important;}#cart-panel{position:static!important;transform:none!important;width:auto!important;height:auto!important;box-shadow:none!important;}}

@media (max-width:768px){
#cart-panel{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100%;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s;z-index:2000;}
#cart-panel:target{transform:translateX(0);}
.cart-toggle-icon{display:block!important;position:fixed;top:36px;right:11px;width:40px;height:40px;background-color:red!important;border-radius:50%;z-index:2100;box-shadow:0 6px 16px rgba(0,0,0,.18);}
.close-cart{display:block;position:absolute;top:10px;right:10px;font-size:1.5em;text-decoration:none;color:#333;z-index:2200;}
}

/* WHATSAPP */
.whatsapp-float{position:fixed;bottom:70px;right:10px;z-index:1000;cursor:pointer;transition:transform var(--t);}
.whatsapp-float img{width:60px;height:60px;border-radius:50%;box-shadow:none;background:none;}
.whatsapp-float:hover{transform:scale(1.1);}
.text-float{position:fixed;top:20px;left:20px;z-index:1000;background:#fff;padding:10px;box-shadow:var(--shadow-sm);}

/* EXTRA MÒBIL */
@media (max-width:480px){.boto-telefon{font-size:16px;width:90%;padding:12px 20px;}}


.boto-tramitar-carro{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:180px;
  min-height:86px;
  background:linear-gradient(180deg,#f39a52 0%, #e77f2f 100%);
  color:#fff !important;
  text-decoration:none !important;
  border-radius:6px;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  font-family:Arial, Helvetica, sans-serif;
  font-size:22px;
  line-height:0.95;
  text-align:center;
  padding:10px 12px;
  box-sizing:border-box;
  font-weight:normal;
}

.boto-tramitar-carro span{
  display:block;
  margin-top:10px;
  font-size:20px;
  font-style:italic;
  color:#f2f2f2;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

.boto-tramitar-carro:hover{
  background:linear-gradient(180deg,#f6a664 0%, #ea893d 100%);
}

@media (max-width:768px){

.boto-tramitar-carro{
  width:100%;
  min-height:44px;
  font-size:15px;
  padding:6px 8px;
}

.boto-tramitar-carro span{
  font-size:16px;
  margin-top:6px;
}

}

.boto-pressupost-carro{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:180px;
  min-height:86px;
  padding:10px 12px;
  box-sizing:border-box;
  border-radius:6px;
  background:linear-gradient(180deg,#ea4a2a 0%, #d83a1c 100%);
  color:#fff !important;
  text-decoration:none !important;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:19px;
  line-height:1.02;
  font-weight:700;
  text-transform:uppercase;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
}

.boto-pressupost-carro span{
  display:block;
  margin-top:8px;
  font-size:16px;
  line-height:1.1;
  font-weight:400;
  text-transform:none;
  color:#ececec;
}

.boto-pressupost-carro:hover{
  background:linear-gradient(180deg,#ef5a3c 0%, #de4325 100%);
}

@media (max-width:768px){
  .boto-pressupost-carro{
    width:100%;
    min-height:70px;
    font-size:16px;
    padding:10px;
  }

  .boto-pressupost-carro span{
    font-size:14px;
    margin-top:6px;
  }
}

.icona-treure-carro{
  display:inline-block;
  width:20px;
  height:20px;
  position:relative;
  cursor:pointer;
  vertical-align:top;
  background:#f3f3f3;
  border:1px solid #d8d8d8;
  border-radius:2px;
}

.icona-treure-carro::before,
.icona-treure-carro::after{
  content:"";
  position:absolute;
  left:8px;
  top:2px;
  width:3px;
  height:14px;
  background:#e84a2a;
  border-radius:2px;
}

.icona-treure-carro::before{
  transform:rotate(45deg);
}

.icona-treure-carro::after{
  transform:rotate(-45deg);
}

.icona-treure-carro:hover{
  background:#fff;
  border-color:#cfcfcf;
}

.icona-treure-carro:hover::before,
.icona-treure-carro:hover::after{
  background:#cc351c;
}

.img-mini-carro{
  width:28px;
  height:auto;
  max-height:30px;
  display:block;
}