/* =============================== BOTONS LLOGUER =============================== */
.boton33{display:inline-flex;align-items:center;justify-content:center;width:60%;margin:7px;padding:8px 12px;font-family:var(--font-a, Arial, Helvetica, sans-serif);font-weight:700;font-size:13px;letter-spacing:.2px;color:var(--gris, #333);background:#fff;border:1px solid rgba(0,0,0,.18);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;}
.boton33:hover{background:var(--vermell, #d60000);border-color:var(--vermell, #d60000);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.12);}
.boton33:active{transform:translateY(1px);box-shadow:none;}
@media (max-width:480px){.boton33{width:80%;}}

/* ========================================================== COMPRAR / SOL·LICITAR (recuperar estil verd i gran) ========================================================== */
.boto-comprar{background:#7AA945;color:#fff;width:100%;max-width:100%;box-sizing:border-box;padding:16px 12px;min-height:96px;text-align:center;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;}
.boto-comprar-carro{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:180px;max-width:180px;min-height:78px;padding:14px 10px;gap:4px;background:#8faa4d;color:#fff;border-radius:6px;box-shadow:none;text-align:center;margin:0 auto;}
.boto-comprar-carro:hover{background:#78933f;color:#fff;box-shadow:none;}
.boto-comprar-carro .linia1{font-size:23px;line-height:.95;font-weight:800;letter-spacing:0;}
.boto-comprar-carro .linia2{font-size:13px;line-height:1;font-style:italic;color:#f2f2f2;}

/* ========================================================== BOTONS – BASE COMUNA (sense canviar classes) ========================================================== */
.boto-cotitzacio,.boto-carro,.boto-comprar,.boto-telefon,.boton-consulta.compacte{text-decoration:none;cursor:pointer;box-sizing:border-box;border:0;border-radius:8px;font-family:var(--font-a, Arial, sans-serif);-webkit-tap-highlight-color:transparent;transition:background .25s,transform .15s,box-shadow .2s,filter .2s;}
.boto-cotitzacio:hover,.boto-carro:hover,.boto-comprar:hover,.boto-telefon:hover,.boton-consulta.compacte:hover{text-decoration:none;}
.boto-cotitzacio:focus-visible,.boto-carro:focus-visible,.boto-comprar:focus-visible,.boto-telefon:focus-visible,.boton-consulta.compacte:focus-visible{outline:2px solid rgba(0,0,0,.35);outline-offset:2px;}
.boto-carro,.boto-comprar,.boto-telefon,.boton-consulta.compacte{display:inline-flex;align-items:center;justify-content:center;}

/* ========================================================== COTITZACIÓ (text en columnes) ========================================================== */
.boto-cotitzacio{display:inline-block;background:var(--vermell);text-align:center;padding:10px 20px;line-height:1.2;}
.boto-cotitzacio:hover{background:var(--vermell-hover);}
.boto-cotitzacio .titol,.boto-cotitzacio .subtitol{color:#fff;display:block;font-weight:700;}
.boto-cotitzacio .titol{font-size:28px;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;}
.boto-cotitzacio .subtitol{font-size:18px;margin:0 0 4px;}
.boto-cotitzacio .traduccio{color:#ccc;display:block;font-size:16px;font-style:italic;margin-top:2px;}
.boto-cotitzacio .titol,.boto-cotitzacio .subtitol,.boto-cotitzacio .traduccio{background:transparent !important;padding:0;}

/* ========================================================== CARRO ========================================================== */
.boto-carro{height:38px;padding:0 20px;gap:6px;background:#7AA945;color:#fff;font:700 14px/38px var(--font-a, Arial, sans-serif);}
.boto-carro:hover{background:#567a31;}
.boto-carro,.boto-carro:visited,.boto-carro:active{color:#fff;}

/* ========================================================== TELÈFON ========================================================== */
.boto-telefon{max-width:300px;min-width:200px;margin:20px auto;padding:14px 22px;background:var(--vermell);color:#fff;font:700 17px/1.3 var(--font-a, Arial, sans-serif);letter-spacing:.4px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.15);overflow:hidden;}
.boto-telefon:hover{background:#c9302c;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;}
.boto-telefon .phone-icon{margin-right:8px;vertical-align:middle;}
@media (max-width:768px){.boto-telefon{font-size:16px;width:90%;padding:12px 20px;}}

/* ========================================================== CONSULTA COMPACTE ========================================================== */
.boton-consulta.compacte{background:#E60000;color:#fff;padding:6px 12px;width:fit-content;line-height:1.1;}
.boton-consulta.compacte .principal{font-size:28px;font-weight:700;text-transform:uppercase;}

/* ========================================================== CARRO – MODE ICONA AMB SVG CORPORATIU ========================================================== */
.boto-carro-ico{padding:0;width:34px;height:30px;min-height:34px;border-radius:6px;justify-content:center;}
.boto-carro-ico .carro-ico{width:28px;height:28px;display:block;background:url("/ic/carro.svg") no-repeat center center;background-size:contain;filter:brightness(0) invert(1);}
.boto-carro-ico .carro-ico::before{left:1px;}
.boto-carro-ico .carro-ico::after{right:1px;}

.boto-comprar-carro{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:150px;max-width:150px;min-height:58px;padding:10px 8px;gap:2px;background:#8faa4d;color:#fff;border-radius:6px;box-shadow:none;text-align:center;margin:0 auto;}
.boto-comprar-carro:hover{background:#78933f;color:#fff;box-shadow:none;}
.boto-comprar-carro .linia1{font-size:19px;line-height:.95;font-weight:800;letter-spacing:0;}
.boto-comprar-carro .linia2{font-size:11px;line-height:1;font-style:italic;color:#f2f2f2;}

.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;}

.minicarrovermell{display:inline-block;width:56px;height:31px;background:#d60000;border-radius:2px;position:relative;text-decoration:none}
.minicarrovermell::before{content:"";position:absolute;left:6px;top:4px;width:32px;height:22px;background:url("/ic/carro.svg") no-repeat center center;background-size:contain;filter:brightness(0) invert(1)}
.minicarrovermell::after{content:"+";position:absolute;right:6px;top:1px;color:#fff;font-size:23px;font-weight:700;line-height:1}