@charset "utf-8";

:root{--vermell:#d60000;--vermell-hover:#cc0000;--gris:#333;--font-v:Verdana,Arial,Helvetica,sans-serif;--font-a:Arial,Helvetica,sans-serif;}

/* Espais / clears */
.espai-blanc{height:20px;clear:both;}
.clear-blanc{clear:both;}

/* ——— Imatges adaptatives globals ——— */
img{border:0;max-width:100%;height:auto;display:block;} /* l’amplada mai no supera la del contenidor */

/* Links globals */
A{color:var(--gris);text-decoration:none;}
A:hover{color:var(--vermell);text-decoration:none;}

/* Textos (base) */
.detall{font-family:var(--font-v);font-size:10px;line-height:120%;color:var(--gris);text-decoration:none;list-style-position:inside;text-align:left;}
.detall-centre{font:400 9px/12px var(--font-v);color:var(--gris);text-align:center;vertical-align:middle;text-decoration:none;}
.normal{font:400 12px/20px var(--font-a);color:var(--gris);text-align:left;}
.normal-centre{font:400 12px/21px var(--font-a);color:var(--gris);text-align:center;vertical-align:middle;text-decoration:none;}
.normal-REF{font:700 12px/18px var(--font-a);color:var(--gris);text-align:center;vertical-align:top;text-decoration:none;}
.normal-precios{font:700 12px/21px var(--font-a);color:var(--gris);text-align:right;vertical-align:middle;text-decoration:none;}
.normal-precios_vermell{font:700 13px/21px var(--font-a);color:#f00;text-align:right;vertical-align:top;text-decoration:none;}
.text3{font:700 8pt/normal var(--font-v);color:#626262;}
.centrat{font-weight:400;text-align:center;}
.no-deco{text-decoration:none;}
h2{margin-bottom:10px;text-decoration:none;}

/* Formularis */
.normal_11_formulari{font:400 12px/19px var(--font-v);color:var(--gris);text-align:left;vertical-align:top;text-decoration:none;cursor:pointer;margin:1px;border:1px solid #ccc;}
.normal_10_formulari{font:400 10px/15px var(--font-v);color:var(--gris);text-align:left;vertical-align:top;text-decoration:none;cursor:pointer;margin:0;border:1px solid #ccc;}

/* Titulars */
.titol_1{font:700 14px/24px var(--font-a);color:var(--gris);text-align:left;vertical-align:top;text-decoration:none;cursor:pointer;}
.titol_Producte{font:700 21px/25px var(--font-v);color:var(--vermell);text-align:left;vertical-align:top;}
.titol_Producte_MIG{font:700 14px/normal var(--font-v);color:var(--vermell);text-align:center;vertical-align:top;}
.titol_Producte20{font:700 20px/25px var(--font-v);color:#666;text-align:left;text-decoration:none;}
.titol_Producte28{font:700 28px/40px var(--font-v);color:#666;text-align:left;text-decoration:none;}
a .titol_Producte20{text-decoration:none;}
.titol_Producte_28_ROIG{font:700 28px/38px var(--font-a);color:var(--vermell);text-align:left;vertical-align:top;text-decoration:none;}
#titol-producte-34{font:700 34px/38px var(--font-a);color:var(--vermell);text-align:left;vertical-align:top;text-decoration:none;}
.titol-Porducte10{font:700 15px/25px var(--font-v);color:#666;text-align:left;vertical-align:top;text-decoration:none;}
.titol-Porducte10-centrat{font:700 15px/22px var(--font-v);color:#666;text-align:center;vertical-align:top;text-decoration:none;}
.h1{font-family:var(--font-a);font-weight:700;text-align:left;color:var(--vermell);text-decoration:none;font-variant:normal;line-height:44px;}
.h1_centrat{font-family:var(--font-a);font-weight:700;text-align:center;color:#f00;text-decoration:none;font-variant:normal;line-height:44px;}
h1{font-family:var(--font-a);color:var(--vermell);} /* la resta està comentat al teu codi */

/* Negatius */
.titol_1-Negatiu{font:700 12px/normal var(--font-v);color:#fff;text-align:center;vertical-align:middle;}
.titol-25-Negatiu{font:700 x-large/normal var(--font-v);color:#fff;text-align:center;vertical-align:middle;}
.titol-14-Negatiu{font:400 10px/24px var(--font-v);color:#fff;text-align:center;vertical-align:middle;}
.detall-vermell{font:400 9px/15px var(--font-v);color:var(--vermell);text-align:left;vertical-align:top;text-decoration:none;}
.detall_10_NEGATIU{font:700 10px/15px var(--font-v);color:#fff;text-align:center;vertical-align:middle;text-decoration:none;}
.detall_dreta{font:400 9px/15px var(--font-v);color:#000;text-align:right;vertical-align:top;text-decoration:none;}
.normal_instop_vermell{font:400 11px/17px var(--font-v);color:var(--vermell);text-align:left;text-decoration:none;cursor:pointer;}
.normal-REF_lloguer{font:400 12px/18px var(--font-a);color:#f00;text-align:center;vertical-align:top;text-decoration:none;}
.caixa{font:400 7pt/normal Verdana,Arial,sans-serif;color:#e6e6e6;text-transform:uppercase;cursor:default;}
.transparencia{opacity:.5;filter:alpha(opacity=50);} /* legacy IE */

/* Instop text (mantinc anotacions) */
.normal_instop_factura{font-family:var(--font-v);font-size:12px;text-align:left;color:#000;}
.normal_instop{font-family:var(--font-v);/* Tipografia fluida: escala entre 12px i 14px segons l’amplada de la pantalla */font-size:clamp(.75rem,1.5vw,.875rem);/* Una mica més d’espai en línia per llegibilitat i còmode edició */line-height:1.8;/* destacat suau perquè sà pigues quina zona estàs editant */padding:4px 6px;border-radius:4px;text-align:left;word-spacing:normal;color:#222;/* lleugerament més fosc per contrast */font-weight:400;text-decoration:none;font-variant:normal;letter-spacing:normal;/* quan et situïs dins (en Dreamweaver o editor), veure’s com a text editable */cursor:text;user-select:text;/* mostra el caret (cursor de text) en blau per visibilitat */caret-color:#007ACC;}
.normal_instop_dreta{font-family:var(--font-v);/* Tipografia fluida: escala entre 12px i 14px segons l’amplada de la pantalla */font-size:clamp(.75rem,1.5vw,.875rem);/* Una mica més d’espai en línia per llegibilitat i còmode edició */line-height:1.8;/* destacat suau perquè sà pigues quina zona estàs editant */padding:4px 6px;border-radius:4px;text-align:right;word-spacing:normal;color:#222;/* lleugerament més fosc per contrast */font-weight:400;text-decoration:none;font-variant:normal;letter-spacing:normal;/* quan et situïs dins (en Dreamweaver o editor), veure’s com a text editable */cursor:text;user-select:text;/* mostra el caret (cursor de text) en blau per visibilitat */caret-color:#007ACC;}
.normal_instop_NEGRE{font-family:var(--font-v);font-size:clamp(.75rem,1.5vw,.875rem);line-height:1.8;padding:4px 6px;border-radius:4px;text-align:left;word-spacing:normal;color:#222;font-weight:700;/* Aquí poses el pes en negreta */text-decoration:none;font-variant:normal;letter-spacing:normal;cursor:text;user-select:text;caret-color:#007ACC;}
.visto::before{content:"✔";color:red;/* Ara sí funciona */display:inline-block;font-weight:700;font-size:1.1em;min-width:19px;min-height:19px;margin-right:6px;vertical-align:top;}

/* Botons */
.boto-cotitzacio{display:inline-block;background:var(--vermell);text-align:center;text-decoration:none;padding:10px 20px;border-radius:4px;font-family:"Arial Narrow",Arial,sans-serif;line-height:1.2;transition:background .3s;}
.boto-cotitzacio:hover{background:var(--vermell-hover);}
.boto-cotitzacio .titol{color:#fff;background:transparent;display:block;font-size:28px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.boto-cotitzacio .subtitol{color:#fff;background:transparent;display:block;font-size:18px;font-weight:700;margin-bottom:4px;}
.boto-cotitzacio .traduccio{color:#ccc;background:transparent;display:block;font-size:16px;font-style:italic;font-weight:400;margin-top:2px;}

/* BOTO carro */
.boto-carro{display:inline-flex;align-items:center;justify-content:center;height:38px;line-height:38px;background:#7AA945;color:#fff;font:700 14px/38px var(--font-a);text-decoration:none;border-radius:6px;padding:0 20px;gap:6px;transition:background-color .3s;cursor:pointer;}
.boto-carro:hover{background:#567a31;}
.boto-carro,.boto-carro:visited,.boto-carro:hover,.boto-carro:active{color:#fff;text-decoration:none;}

/* comprar */
.boto-comprar{background:linear-gradient(to right,#4CAF50,#45a049);color:#fff;border:0;border-radius:12px;padding:20px 30px;font-family:var(--font-a);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(0,0,0,.2);transition:background-color .3s ease,transform .2s ease;text-align:center;min-height:90px;min-width:200px;line-height:1.3;box-sizing:border-box;overflow:hidden;}
.boto-comprar:hover{background:linear-gradient(to right,#43a047,#388e3c);transform:scale(1.03);}
.boto-comprar .linia1{font-size:22px;font-weight:700;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.4);}
.boto-comprar .linia2{font-size:16px;font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.3);}

/* boto telefon */
.boto-telefon{max-width:300px;display:inline-flex;align-items:center;justify-content:center;background:var(--vermell);color:#fff;padding:14px 22px;/* ?? augmentem alçada lleugerament */border-radius:10px;font:700 17px/1.3 var(--font-a);letter-spacing:.4px;text-decoration:none;text-align:center;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.15);box-sizing:border-box;min-width:200px;overflow:hidden;cursor:pointer;border:0;margin:20px auto;}
.boto-telefon:hover{background:#c9302c;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;}
/* ? Separació icona-text */
.boto-telefon .phone-icon{margin-right:8px;vertical-align:middle;}

@media (max-width:768px){
  .boto-telefon{font-size:16px;width:90%;padding:12px 20px;}
  /* ? NOMÉS mostrar en mòbil .only-mobile { display: none; } */
  .only-mobile{display:inline-flex;}
  #contingut,.contenidor-1050{width:100%!important;max-width:100%!important;padding:0 15px;box-sizing:border-box;}
  .intro17,.intro17 p,.normal_instop,.visto.normal_instop{max-width:100%!important;word-break:break-word;}
  .normal_instop{font-size:.8125rem;line-height:1.5;padding:4px 0!important;box-sizing:border-box;word-break:break-word;max-width:100%!important;}
  .dos-columnes-text .columna,.tres-columnes-text .columna,.cinc-columnes-text .columna{flex:1 1 100%;}
  .nomostrar-en-mobil{display:none!important;}
}

/* Per pantalles més petites encara */
@media (max-width:480px){
  .normal_instop{font-size:.75rem;line-height:1.4;}
}

/* WhatsApp */
.whatsapp-float{position:fixed;bottom:70px;right:10px;z-index:1000;cursor:pointer;transition:transform .3s ease;}
.whatsapp-float img{width:60px;height:60px;border-radius:50%;box-shadow:none;background:none;}
.whatsapp-float:hover{transform:scale(1.1);}

/* Scroll to top */
.scrollup{width:40px;height:40px;opacity:.3;position:fixed;bottom:40px;right:300px;display:none;text-indent:-9999px;background:url('https://www.instop.es/ic/icon_top.png') no-repeat center center;background-size:contain;cursor:pointer;z-index:9999;transition:opacity .3s ease;}
.scrollup:hover{opacity:1;}
.scrollup:focus{outline:none;}

/* Layouts columnes */
.dos-columnes-text,.tres-columnes-text,.cinc-columnes-text{display:flex;flex-wrap:wrap;gap:20px;max-width:1000px;margin:0 auto;}
.dos-columnes-text .columna{flex:1 1 calc(50% - 20px);min-width:300px;}
.tres-columnes-text .columna{flex:1 1 30%;min-width:280px;}
.cinc-columnes-text .columna{flex:1 1 18%;min-width:220px;} /* 5 columnes aprox */

/* Visibilitat */
.nomostrar-en-mobil{display:block;} /* Aquesta regla ha d’estar fora del @media */

/* Altres */
.nom_fitxa152{height:34px;}
.tipus{width:23%;float:left;clear:none;padding-right:4px;margin-right:9px;}
.titol-intro{font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;}
.interes{width:80%;margin:0 0 0 30px;padding:11px;background:var(--vermell);color:#fff;font-family:"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;float:left;bottom:0;top:0;border-radius:5px;-webkit-border-radius:5px;}
button .interes{width:100px;text-align:left;margin:16px 28px 16px 25px;font-weight:400;font-size:medium;}
.interes a{color:#fff;text-decoration:none;}
.pdf{margin-right:20px;margin-top:8px;margin-bottom:25px;}
.video-petit{margin:6px;}
#text-cb::before{content:"â—„ ";}
#text-cb{width:80%;padding-top:5px;}

/* Carretó */
#divCarroPetit{min-height:50px;position:fixed;top:180px;right:20px;}
#cart{float:left;width:192px;margin-left:2px;margin-bottom:10px;border:1px solid #ccc;background:#e6e6e6;border-radius:10px;-webkit-border-radius:10px;}