.boto-comprar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  background-color: #7AA945;
  color: white;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 6px;
  padding: 0 12px;
  gap: 6px;
  transition: background-color 0.3s;
  cursor: pointer;
}

.boto-comprar:hover {
  background-color: #567a31;
}

.boto-comprar,
.boto-comprar:visited,
.boto-comprar:hover,
.boto-comprar:active {
  color: white;
  text-decoration: none;
}

.espai-blanc {
  height: 20px;
}

/* boto telefon */
/* ✅ Centrar correctament el botó amb icona pròpia */
.boto-enviar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #d60000;
  color: #fff;
  padding: 16px 36px;
  border-radius: 6px;
  font-size: 18px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.5px; /* ✅ millora la llegibilitat */
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); /* ✅ ombra més lleugera */
  box-sizing: border-box;
  max-width: 360px;
  width: auto;
  margin: 0 auto;
  cursor: pointer;
  border: none; /* ❌ elimina filet fosc */
}

.boto-enviar:hover {
  background-color: #c9302c;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* ✅ ombra suau al passar-hi */
  color: #fff;
}

.boto-enviar .phone-icon {
  margin-right: 10px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .boto-enviar {
    font-size: 16px;
    width: 90%;
    padding: 12px 20px;
  }

/* ✅ NOMÉS mostrar en mòbil 
.only-mobile {
  display: none;
}*/

  .only-mobile {
    display: inline-flex;
  }
}



/* boto telefon */

.whatsapp-float {
  position: fixed;
  bottom: 70px;
  right: 10px; /* separació per percentatge */
  z-index: 1000;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.whatsapp-float img {
  width: 60px;
  height: 60px;
  border-radius: 50%; /* encara rodó */
  box-shadow: none;   /* eliminem ombra */
  background: none;   /* eliminem fons blanc si el tenia */
}

.whatsapp-float:hover {
  transform: scale(1.1);
}



img{border:0px;}
.detall{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;word-spacing: normal;line-height: 120%;font-weight: normal;font-variant: normal;color: #333333;text-decoration: none;list-style-position: inside;text-align: left;}
.normal_instop_factura{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:left;color:#000000;}

.normal_instop {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /* Tipografia fluida: escala entre 12px i 14px segons l’amplada de la pantalla */
  font-size: clamp(0.75rem, 1.5vw, 0.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: normal;
  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 {
  @extend .normal_instop; /* només si uses SCSS/SASS — ignora si no ho fas */
  text-align: right;
}

.normal_instop_NEGRE {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  line-height: 1.8;
  padding: 4px 6px;
  border-radius: 4px;
  text-align: left;
  word-spacing: normal;
  color: #222;
  font-weight: bold;  /* 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: bold;
  font-size: 1.1em;
  min-width: 19px;
  min-height: 19px;
  margin-right: 6px;
  vertical-align: top;
}


.normal{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;text-align: left;word-spacing: normal;color: #333333;line-height: 20px;font-weight: normal;}
.normal-REF{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:center;vertical-align:top;word-spacing:normal;color:#333333;line-height:18px;font-weight:bold;text-decoration:none;}
.normal_11_formulari{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;text-align: left;vertical-align: top;word-spacing: normal;color: #333333;
line-height: 19px;font-weight: normal;text-decoration: none;font-variant: normal;letter-spacing: normal;cursor: hand;margin: 1px;border: 1px solid #CCCCCC;}
.normal_10_formulari{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;line-height:15px;font-weight:normal;text-decoration:none;font-variant:normal;letter-spacing:normal;cursor:hand;margin:0px;border:1px solid #CCCCCC;}


.titol_1{font-family: Arial, Helvetica, sans-serif;font-size: 14px;CURSOR: pointer;font-style: normal;text-align: left;vertical-align: top;word-spacing: normal;color: #333333;font-weight: bold;line-height: 24px;text-decoration: none;}

.titol_Producte20 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  color: #666666;
  text-align: left;
  word-spacing: normal;
  text-decoration: none;
  line-height: 25px;
}

a .titol_Producte20 {
  text-decoration: none;
}


.titol_Producte_28_ROIG{font-family: Arial, Helvetica, sans-serif;font-size: 28px;font-style: normal;vertical-align: top;word-spacing: normal;color: #d60000;font-weight: bold;text-decoration: none;line-height: 38px;text-align: left;}
.titol_1-Negatiu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	color: #FFFFFF;
	font-weight: bold
}

.titol-25-Negatiu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	color: #FFFFFF;
	font-weight: bold
}

.titol-14-Negatiu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 24px;
}


/* ——— Imatges adaptatives globals ——— */
img {
    max-width: 100%;   /* l’amplada mai no supera la del contenidor */
    height: auto;      /* conserva la proporció original */
    display: block;    /* elimina l’espai buit de línia (opcional) */
}


.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

.titol_Producte{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 21px;font-style: normal;text-align: left;vertical-align: top;word-spacing: normal;color: #d60000;font-weight: bold;line-height: 25px;}
.detall-centre{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;text-align:center;vertical-align:middle;word-spacing:normal;line-height:12px;font-weight:normal;font-variant:normal;color:#333333;text-decoration:none;}
.titol_Producte_MIG{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;text-align:center;vertical-align:top;word-spacing:normal;color:#d60000;font-weight:bold}
.text3{FONT-WEIGHT:bold;FONT-SIZE:8pt;COLOR:#626262;FONT-FAMILY:Verdana}
.normal-precios{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:right;vertical-align:center;word-spacing:normal;color:#333333;line-height:21px;font-weight:bold;text-decoration:none;}
.normal-precios_vermell{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-style:normal;text-align:right;vertical-align:top;word-spacing:normal;color:#ff0000;line-height:21px;font-weight:bold;text-decoration:none;}
.normal-centre{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:center;vertical-align:middle;word-spacing:normal;color:#333333;line-height:21px;font-weight:normal; text-decoration:none;}
.h1{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	word-spacing: normal;
	color: #d60000;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
	line-height: 44px;
}
.h1_centrat{font-family: Arial, Helvetica, sans-serif;font-style: normal;text-align: center;word-spacing: normal;color: #ff0000;font-weight: bold;text-decoration: none;font-variant: normal;line-height: 44px;}
.titol-Porducte10{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	color: #666666;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
}
.titol-Porducte10-centrat{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 15px;font-style: normal;text-align: center;vertical-align: top;word-spacing: normal;color: #666666;font-weight: bold;line-height: 22px;text-decoration: none;}
.normal_instop_vermell{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;text-align:left;word-spacing:normal;color:#d60000;line-height:17px;font-weight:normal;text-decoration:none;font-variant:normal;letter-spacing:normal;cursor:hand;}
.detall-vermell{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;line-height:15px;font-weight:normal;font-variant:normal;color:#d60000;text-decoration:none;}
.detall_10_NEGATIU{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;text-align:center;vertical-align:middle;word-spacing:normal;line-height:15px;font-weight:bold;font-variant:normal;color:#FFFFFF;text-decoration:none;}
.detall_dreta{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;text-align:right;vertical-align:top;word-spacing:normal;line-height:15px;font-weight:normal;font-variant:normal;color:#000000;text-decoration:none;}
.caixa{FONT-WEIGHT:normal;FONT-SIZE:7pt;CURSOR:default;COLOR:#e6e6e6;FONT-FAMILY:Verdana;text-transform:uppercase;}
.normal-REF_lloguer{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:center;vertical-align:top;word-spacing:normal;color:#F00;line-height:18px;font-weight:normal;text-decoration:none;}
.quadre{width:190px;background:url(img/vertical_190x5.gif) repeat-y;}
.canto-dalt{background:url(img/titular.gif) no-repeat;width:190px;height:25px;}
#text_titol{font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:12px;font-weight:bold;padding-top:6px;cursor:pointer;}
#text_news{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;line-height:15px;font-weight:normal;font-variant:normal;color:#000000;text-decoration:none;padding-left:5px;padding-top:3px;}
.normal_cuadres{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;text-align:left;vertical-align:top;word-spacing:normal;color:#333333;line-height:19px;font-weight:normal;text-decoration:none;background-color:#FFF;margin:1px;border:1px solid #E6E6E6;width:157px;}
.canto-sota{background:url(img/inferior_190.gif) no-repeat;width:190px;height:10px;}
.transparencia{opacity:0.5;filter:alpha(opacity=50);}
.aa_fitxa152{width:152px;text-align:center;background-color:#FFFFFF;border:1px solid #F2F2F2;margin:1px;float:left;}
@charset "utf-8";
.rbroundbox{background:url(img/nt.gif) repeat;}
.rbtop div{background:url(img/tl.gif) no-repeat top left;}
.rbtop{background:url(img/tr.gif) no-repeat top right;}
.rbbot div{background:url(img/bl.gif) no-repeat bottom left;}
.rbbot{background:url(img/br.gif) no-repeat bottom right;}
.rbtop div, .rbtop, .rbbot div, .rbbot{width:100%;height:7px;font-size:1px;}
.rbcontent{margin:0 7px;}
.rbroundbox{margin:1em auto;}
.rbroundbox2{background:url(img/nt2.gif) repeat;}
.rbtop2 div{background:url(img/tl2.gif) no-repeat top left;}
.rbtop2{background:url(img/tr2.gif) no-repeat top right;}
.rbbot2 div{background:url(img/bl2.gif) no-repeat bottom left;}
.rbbot2{background:url(img/br2.gif) no-repeat bottom right;}
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2{width:100%;height:7px;font-size:1px;}
.rbcontent2{margin:0 7px;}
.rbroundbox2{margin:1em auto;}
#divCarroPetit{min-height: 50px; position:fixed; top:180px;; right:20px;}
#cart{float:left;width:192px;margin-left:2px;margin-bottom:10px;border:#CCCCCC solid;border-width: 1px 1px 1px 1px;background-color:#E6E6E6;border-radius:10px;-webkit-border-radius:10px;}
.scrollup{width:40px;height:40px;opacity:0.3;position:fixed;bottom:300px;right:150px;display:none;text-indent:-9999px;background: url('https://www.instop.es/ic/icon_top.png') no-repeat;}
.scrollup:focus{outline:none;}


.nom_fitxa152{height:34px;}
.centrat {font-weight: normal;text-align: center;}

.no-deco {text-decoration: none;}
h2 {margin-bottom: 10px;text-decoration: none;}
.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-top: 0;margin-right: 0px;margin-bottom: 0;margin-left: 30px;padding-top: 11px;padding-right: 11px;padding-bottom: 11px;padding-left: 11px;background-color: #d60000;color: #FFF;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;float: left;bottom: 0px;top: 0px;border-radius: 5px;-webkit-border-radius:5px;}
button .interes {width: 100px;text-align: left;margin-top: 16px;margin-right: 28px;margin-bottom: 16px;margin-left: 25px;font-weight: normal;font-size: medium;}
.interes a {color: #FFFFFF;text-decoration:none;}
.clear-blanc {clear: both;}
.pdf {margin-right: 20px;margin-top: 8px;margin-bottom: 25px;}
.video-petit {margin-top: 6px;	margin-right: 6px;	margin-bottom: 6px;	margin-left: 6px;}
A{COLOR:#333333;TEXT-DECORATION:none}
A:hover{COLOR:#d60000;text-decoration:none;}
#text-cb::before {content: "◄ ";}
#text-cb {width: 80%;padding-top: 5px;}


.dos-columnes-text {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}

.dos-columnes-text .columna {
  flex: 1 1 45%;
}

.tres-columnes-text {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.tres-columnes-text .columna {
  flex: 1 1 30%;
  min-width: 280px;
}

/* Aquesta regla ha d’estar fora del @media */
.nomostrar-en-mobil {
  display: block; /* o inline-block o el que necessitis */
}


.cinc-columnes-text {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1400px; /* una mica més ample perquè càpiguen bé */
  margin: 0 auto;
}

.cinc-columnes-text .columna {
  flex: 1 1 18%; /* Aproximadament 5 columnes (100% / 5 = 20% menys una mica de gap) */
  min-width: 220px; /* Per evitar que es trenqui en pantalles una mica més petites */
}

@media (max-width: 768px) {
  #contingut {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .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: 0.8125rem;
    line-height: 1.5;
	padding: 4px 0 !important; /* Elimina padding lateral només en mòbils */
    box-sizing: border-box;    /* Assegura que el padding no augmenti l'amplada */
    word-break: break-word;    /* Evita desbordaments per paraules llargues */
	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: 0.75rem;
    line-height: 1.4;
  }
}


/* I una mica més petita en mòbil petit */
@media (max-width: 480px) {
  .normal_instop {
    font-size: 0.75rem;         /* ≈12px */
    line-height: 1.4;           /* ≈17px */
  }
}