*:not(.popup-DIY)::-webkit-scrollbar {
  width: 2px;
    height:0px;
    padding-left:5px;
}

/* Track */
*:not(.popup-DIY)::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
*:not(.popup-DIY)::-webkit-scrollbar-thumb {
  background: transparent;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4b6b5c;
}

@font-face {
  font-family: 'EightiesComeback';
  src: url('../fonts/EightiesComeback-LightCond.woff2') format('woff2'),
    url('../fonts/EightiesComeback-LightCond.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'EightiesComeback';
  src: url('../fonts/EightiesComeback-SemBdCond.woff2') format('woff2'),
    url('../fonts/EightiesComeback-SemBdCond.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'EightiesComeback';
  src: url('../fonts/EightiesComeback-BoldCond.woff2') format('woff2'),
    url('../fonts/EightiesComeback-BoldCond.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Avenir';
  src: url('../fonts/AvenirNextLTPro.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/AvenirNextLTPro-Italic.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* --- Noves tipos restyling --- */
@font-face {
  font-family: 'Youth';
  src: url('../fonts/Youth-Black.eot');
  src: url('../fonts/Youth-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Youth-Black.woff2') format('woff2'),
      url('../fonts/Youth-Black.woff') format('woff'),
      url('../fonts/Youth-Black.ttf') format('truetype'),
      url('../fonts/Youth-Black.svg#../fonts/Youth-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Youth';
  src: url('../fonts/Youth-Bold.eot');
  src: url('../fonts/Youth-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Youth-Bold.woff2') format('woff2'),
      url('../fonts/Youth-Bold.woff') format('woff'),
      url('../fonts/Youth-Bold.ttf') format('truetype'),
      url('../fonts/Youth-Bold.svg#../fonts/Youth-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Youth';
  src: url('../fonts/Youth-Medium.eot');
  src: url('../fonts/Youth-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Youth-Medium.woff2') format('woff2'),
      url('../fonts/Youth-Medium.woff') format('woff'),
      url('../fonts/Youth-Medium.ttf') format('truetype'),
      url('../fonts/Youth-Medium.svg#../fonts/Youth-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Youth';
  src: url('../fonts/Youth-Regular.eot');
  src: url('../fonts/Youth-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Youth-Regular.woff2') format('woff2'),
      url('../fonts/Youth-Regular.woff') format('woff'),
      url('../fonts/Youth-Regular.ttf') format('truetype'),
      url('../fonts/Youth-Regular.svg#../fonts/Youth-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* --- Fi noves tipos restyling --- */


/* DEFINIM COLORS WEB */

:root {
  --color-principal: #00aa76;
  /* podem definir el color de un SVG mitjancant filtres. Convertidor: https://isotropic.co/hex-color-to-css-filter/ */
  --filter-color-principal:
    invert(33%) sepia(88%) saturate(781%) hue-rotate(168deg) brightness(93%) contrast(97%);
  --color-hover: #505050;
  --filter-color-hover:
    invert(29%) sepia(1%) saturate(821%) hue-rotate(61deg) brightness(102%) contrast(89%);

  --color-secundari: #ffff5c;
  --color-gris-clar: #e8e9e9;
  --color-gris-fosc: #38362d;

  /* Color botons */
  --color-buton-generic: #86C067;
  --color-buton-generic-hover:
    rgba(175, 101, 36, 0.6);

  /* Color bottom footer copyright */
  --color-footer-copyright: white;
  --color-font-footer-copyright: #808080;

  --color-tres: #E8F4F6;
  --color-crema: #F4F3F4;
  --color-background-principal: #F4F4F4;
  --min-height-blocs: 600px;
}



* {
  box-sizing: border-box;
  outline: 0;
}

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;

}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: 'Youth';
}

body {
  line-height: 1.50;
  font-family: 'Avenir' !important;
  font-size: 16px;
  color: #262626;
  font-weight: 300;
}

textarea, input {
  font-family: 'Avenir' !important;
}

#head_search {
  display: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

nav ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  outline: 0;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input,
select {
  vertical-align: middle;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

a {
  color: var(--color-principal);
  text-decoration: none;
  cursor: pointer;
}

.error {
  background-color: pink;
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 15px;
  color: #F00;
}

input.bad_validator {

  box-shadow: 0 0 0 3px red;

}

.bad_validator input[type="text"], .bad_validator input[type="email"], .bad_validator textarea, .bad_validator select {
  border: 1px dotted red;
}

.alert_validator {
  color: red;
  font-weight: bold;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

h1 {

  font-weight: normal;
  font-size: 36px;
  margin-bottom: 25px;
}

@media all and (max-width: 768px) {
  h1 {
    margin-bottom: 15px;
  }

  .grecaptcha-badge {
    display: none !important;
  }
}

h2 {

  font-weight: normal;
  font-size: 26px;
}

h1, h2, h3, h4 {
  font-family: 'Youth';
  font-weight: bold;
}

/*.white-popup table tr:nth-child(even) td*/

#content_generic table tr:nth-child(even) td,
.seccio_fitxa .descripcio table tr:nth-child(even) td {
  background: #f5f5f5;
}

#displayedError {
  padding: 36px;
  text-align: center;
  display: none; 
  z-index: 9000 !important;
  margin-bottom: 0 !important;
}

#displayedError.neutre {
  color: #0072FF;
  background-color: #A6DBFF;
  border: 2px solid #0072FF;
}

#displayedError.positiu {
  background-color: #61A60E;
  color: #fff;
}

#displayedError.error {
  background-color: #FFC4C4;
  color: #cc0000;
  border: 2px solid #cc0000;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loader {
  margin: 60px auto;
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid rgba(0, 0, 0, 0.9);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*input[type=text], textarea,select {
	width: 100%;
	border: 1px solid #9e9e9e;
	color: #9e9e9e;
	height: 40px;
	font-size: 15px;
	text-align: left;
	letter-spacing: 0px;
	margin-top: 0;
	margin-bottom: 12px;
	padding: 10px 15px;
  }*/
#scroll_top {
  position: fixed;
  right: 25px;
  margin-left: -25px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  color: #fff;
  background: #3c3c3b;
  cursor: pointer;
  font-size: 25px;
  text-align: center;
  display: none;
  z-index: 1000;
}

#scroll_top .fa {
  line-height: 50px;
}

#menu {
  padding-left: 0;
  margin: 0;
}

.contenidor_centrat,
.legal_conten {
  width: 100%;
  margin: auto;
  max-width: 95%;
}

main {
  min-height: calc(100% - 670px);
  overflow-x: clip;
}

.main,
.legal_conten {
  padding: 70px 0px;
}
.legal_prin {
  padding-top: 5%;
  padding-left: 3%;
  padding-right: 3%; 
}

header {
  /* border-bottom: 1px solid #bbbbbb; */
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1010;
  background: #fff;
  background-color: var(--color-principal);
}

.ghost_header {
  height: 50px;
  display: block;
}

#top_bar {
  background: var(--color-secundari);
  color: #fff;
  border-bottom: 1px solid #bbbbbb;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  min-height: 40px;
  display: none;
}

#top_bar_left a {
  color: #fff;
}

#top_bar>div {
  display: flex;
  height: 40px;
  align-items: center;
}

#top_bar_left {
  flex: 1;
  text-align: center;
}

#top_bar_left i {
  margin-right: 7px;
  font-size: 14px;
}

#top_bar_left>span {
  margin-right: 33px;
}

#top_bar_right {
  display: none;
}

#top_ajuda {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

#top_ajuda ul {
  position: absolute;
  right: 0;
  background-color: #f2f2f2;
  list-style: none;
  display: none;
  padding-left: 0;
  margin: 0;
  padding: 5px;
}

#top_ajuda>li>span {
  display: flex;
  height: 58px;
  align-items: center;
  justify-content: center;
  cursor: default;
}

#top_ajuda li:hover ul {
  display: block;
}

#top_ajuda ul li a {
  text-decoration: none;
  display: block;
  padding: 5px;
  white-space: nowrap;
}

#top_ajuda ul li a:hover {
  color: var(--color-secundari);
}

#head_tools {
  display: flex;
  margin-bottom: 43px;
  align-items: center;
}

#head_logo {
  flex: 1;
  text-align: center;
}

#logo {
  width: 250px;
  display: inline-block;
  display: flex;
}

#logo img {
  max-width: 80%;
  margin-top: 4px;
  scale: 1.2;
  margin-left: 15%;
}

#head_search,
#head_login {
  /* width: 30%; */
  display: flex;
  align-items: center;
  /*padding-bottom:10px;*/
  justify-self: flex-end;
}

#head_search {
  display: none;
}

.head {
  /* max-width: 1500px; */
  margin: 0px auto;
  display: flex;
  align-items: center;
  padding: 5px 30px;
  justify-content: space-between;
  background-color: var(--color-crema);
  box-shadow: 1px -3px 6px 6px #3333337F;
}

.head .two {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  /* padding: 20px; */
}

.head nav {
  max-width: 70%;
  padding: 0px 25px;
  /* align-self: flex-end; */
  justify-self: flex-end;
}

#head_login {
  justify-content: flex-end;
  margin-bottom: 20px;
}

#head_login a,
#head_login span {
  /*display: inline-block;*/
}

#head_login a label {
  cursor: pointer;
  white-space: nowrap;
}

#carro_petit a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: white;
}

#head_login {
  text-transform: uppercase;
  font-size: 12px;
  justify-content: flex-end;
  margin-bottom: 8px;
}

#head_login>* {
  padding-left: 14px;
  margin-right: 14px;
  /* border-left: 1px solid #f6f6f6; */
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

#head_login>*:first-child {
  border-left: none;
}

#head_login .camp-recerca {
  position: absolute;
  margin-top: 117px;
}

#head_login .camp-recerca:not(.active) {
  display: none;
}

#head_login img {
  /*height: 35px;*/
  height: 20px; margin-bottom: 2px;
  /* filter:var(--filter-color-principal); */
}

#head_login a:hover img {
  filter: var(--filter-color-hover);
}

#head_login i {
  font-size: 20px;
  color: var(--color-principal);
}

.total_unitats {
  display: inline-flex;
  background: #525252;
  color: #FFF;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 11px;
  z-index: 600;
  align-items: center;
  justify-content: center;

  letter-spacing: 0 !important;
  transition: all .3s ease;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 499;
}

.camp-recerca {
  position: relative;
}

#camp-recerca {
  background-color: #f2f2f2;
  height: 46px;
  padding: 0 45px 0 18px;
  border: 0;
  width: 300px;
  font-size: 12px;
  letter-spacing: 1px;
  max-width: 100%;
  border: 1px solid #ccc;
}

.camp-recerca img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 25px !important;
}

.camp-recerca ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-secundari);
  opacity: 1;
  /* Firefox */
}

.camp-recerca :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-secundari);
}

.camp-recerca ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-secundari);
}

#carro_petit b {
  font-weight: normal;
  font-size: 14px;
  color: var(--color-principal);
}

.boto_menu {
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  width: auto !important;
  margin: 0 18px 0 8px;
}

.boto_menu>* {
  display: inline-block;
  vertical-align: inherit;
}

.boto_menu .icon {
  position: relative;
  width: 20px;
  margin-top: -4px;
  height: 16px;
}

.boto_menu .icon>span {
  width: 20px;
  height: 2px;
  background-color: var(--color-secundari);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.boto_menu .s1 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.boto_menu .s2 {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}

.boto_menu .s3 {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

#logo_menu_mobile {
  position: absolute;
  top: 2px;
  left: 2px;
  filter: grayscale(100%) brightness(0%) invert(100%); /* White */

}

#logo_menu_mobile img {
  height: 36px;
}

#menu_mobile_close {
  position: absolute;
  left: 100%;
  background-color: var(--color-secundari);
  width: 62px;
  height: 62px;
  top: 0;
  color: #FFF;
  font-size: 30px;
}

#menu_mobile_close i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#menu {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  /*margin-bottom: -22px;*/
}

.box.adreca span {
  padding-left: 27px;

}

.box.adreca i {
  position: absolute;
  margin-left: -22px;
  font-size: 11px;
  margin-top: 5px;
}



#menu li {
  padding: 0px 0px;
  flex: auto;
  /*height: 74px;*/
}

#menu>li>a {
  color: var(--color-principal);
  text-decoration: none;
  display: block;
  padding: 10px 25px;
  letter-spacing: 1px;
  white-space: nowrap;
  text-align: center;
  transition: background 0.6s;
  font-size: 14px;
  font-family: 'Avenir';
}

#menu>li>a::before {
  display: block;
  content: attr(title);

  height: 0;
  overflow: hidden;
  visibility: hidden;
}


#menu>li:hover>a {
  background-color: var(--color-principal);
  color: var(--color-crema);
}

#menu>li>a.active {
  background-color: var(--color-principal);
  color: var(--color-crema);
}

.submenu {
  position: absolute;
  left: 0;
  right: 0;
  display: none;
  z-index: 500;
  width: 100%;
  max-width: 100%;
  background-color: #F2F2F2;
  margin-top: 20px;
}

.submenu>div {

  display: flex;

  padding: 15px;
  padding: 20px 0 15px 0;
  /* flex-grow: 1; */
  flex-flow: row;
  flex-wrap: wrap;
  max-width: 832px;
  margin: 0px auto;
}


@media screen and (min-width:1010px) {
  .col_submenu {
    width: 33%;
    /* height: 200px; */
    /* align-self: flex-start; */
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .col_submenu.te_fills {
    width: 33%;
    padding: 0px 20px;
    margin-bottom: 25px;
  }

}

.submenu a {
  display: block;
  text-decoration: none;
  color: var(--color-secundari);
  font-size: 15px;
}

.submenu .col_submenu.te_fills a {
  margin-bottom: 15px;
}

.col_submenu>a {}

.col_submenu:not(.te_fills)>a.active {
  color: #000;
}

.col_submenu.te_fills>a {
  border-bottom: 1px solid var(--color-secundari);
  display: inline-block;
}

.submenu a:hover {}

.submenu b {
  font-weight: normal;

  display: block;
  padding-bottom: 5px;
}

.subsubmenu a {
  text-transform: none !important;
  color: #505050;
}

#menu li:hover>div {
  display: block;
}

.form_login label {
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}

.form_login input[type=text],
.form_login input[type=password] {
  width: 100%;
  padding: 0px 7px;
  margin-bottom: 10px;
  height: 36px;
  outline: 0px;
  font-size: 14px;
  border: 1px solid #cecece;
}

.titol_generic.center {
  width: 100%;
  text-align: center;
  margin-top: 55px;
  text-transform: uppercase;
  font-size: 25px;
  color: var(--color-principal);
}

.form_login {width: 100%;margin: 0 auto;max-width: 100%;display: flex;margin-bottom: -50px; flex-direction: column;}

.bg_inicial {
  width: 50%;
  background: url('../img/login.jpg') no-repeat center center;
  /*! min-height: 450px; */
  background-size: cover;
  /*! border-radius: 15px; */
}

.form_login #form_inputs {
  width: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 12% 10%;
  margin: 0;
  color: var(--color-gris-fosc);
}

.form_login .boto_generic {
  width: 100%;
  border: 0;
  padding: 0 5px;
  background: var(--color-principal);
  cursor: pointer;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  max-width: 300px;
  margin: 0 auto 10px;
  /* margin-right: 18px; */
  border-radius: 60px;
}

.form_login .boto_generic.alter {
  border: 1px solid var(--color-principal);
  background: transparent;
  color: var(--color-principal);
}

.form_login submit {
  border: 0;
  vertical-align: middle;
  padding: 2px 5px;
  background: #cd007b;
  cursor: pointer;
  color: #fff;
}

.form_login .btns {
  display: flex;
  justify-content: space-between;
  flex: 1;
  gap: 18px;
  margin-top: 10px;
}

#content_pass_recovery {
  margin: 50px auto !important;
  margin-top: 9rem !important;
}

#content_pass_recovery input[type=password] {
  border: 0;
}

#content_pass_recovery label {
  font-weight: normal !important;
}

#submit_pass_recovery {
  background-color: var(--color-buton-generic) !important;
}

#content_slide_home {
  position: relative;
  overflow: hidden;
}


.destacats {
  position: relative;
  /*padding: 0px 85px;*/
  margin-bottom: 90px;
}

.destacats .owl-prev {
  position: absolute;
  left: -35px;
  top: 40%;
  transform: translateY(-50%);
  font-size: 40px !important;
}

.destacats .owl-next {
  position: absolute;
  right: -35px;
  top: 40%;
  transform: translateY(-50%);
  font-size: 40px !important;
}

.destacats .disabled {
  opacity: 0.3;
}

.bloc_article {
  position: relative;
  font-size: 12px;
  margin: 0px;
  /* max-width: 600px; */
  display: flex;
  flex-direction: row;
  border-radius: 25px;
  margin-bottom: 20px;
  min-width: 375px;
  min-height: 260px;
}

.bloc_article a {
  text-decoration: none;
  color: #333333;
}

.bloc_article .top {
  position: absolute;
  top: 10px;
  left: 23px;
  right: 0;
  z-index: 100;
  width: 50%;
}

.etiqueta_novetat {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  background: var(--color-principal);
  color: #fff;
  border: 1px solid var(--color-principal);
  padding: 5px 10px;
  display: inline-block;
  border-radius: 20px;
}

.etiqueta_dte {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  background: var(--color-secundari);
  border: 1px solid var(--color-secundari);
  color: var(--color-gris-fosc);
  padding: 5px 10px;
  display: inline-block;
  border-radius: 15px;
}



.bloc_article .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
  justify-content: space-between;
  width: 100%;
}


.bloc_article .actions a.add_to_cart img {
  height: 21px;
  filter: var(--filter-color-principal);
}

.bloc_article .actions a {
  /* transform: translateX(25px); */
}

.selectDay {
  /* transform: translateX(25px); */
  height: 35px;
  width: 100%;
}

select {
  height: 39px;
  border: 1px solid var(--color-principal);
  border-radius: 5px;
  padding-left: 5px;
  background-color: white;
  font-weight: 900;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance:
    none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
  background-repeat: no-repeat;
  /* background: url("data:image/svg+xml,<svg height='15px' width='15px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat; */
  background-position: calc(100% - 0.05rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  color: #505050;
  font-weight: 500;
  font-family: 'Avenir';
  /*min-width: 160px;*/
  padding-right: 25px;
}

.bloc_article .actions img {
  width: 25px;
  transform: translateX(-1px);
}

.bloc_article .actions i {
}

.bloc_article:hover .actions a,
.bloc_article:hover .actions div {
  transform: none;
}

.bloc_article .actions *:hover,
.bloc_article .actions .active {
  /*background-color: #FF2488;
	color: #FFF;*/
}

.bloc_article .actions>.config_plat {
  text-align: right;
  margin-left: 10px;
  background-color: var(--color-gris-fosc);
  border-radius: 50%;
  padding: 5px;
  height: 35px;
  width: 35px;
  color: white;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  min-width: 35px;
	transition: 0.2s all;
}

.bloc_article .actions>.config_plat:hover {
  background-color: var(--color-secundari);
}

.bloc_article .actions>.config_plat:hover i {
  color: var(--color-gris-fosc) !important;
}

.bloc_article .actions>.add_to_cart {
  text-align: right;
  margin-left: 10px;
  background-color: var(--color-principal);
  border-radius: 50%;
  padding: 5px;
  height: 35px;
  width: 35px;
  color: white;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  transition: 0.2s all;
}

.bloc_article .actions>.add_to_cart.disable,.bloc_article .actions>.add_to_cart.disable:hover {
  background-color:lightgray;
   cursor: no-drop;
}

.bloc_article .actions>.add_to_cart:hover {
  background-color: var(--color-secundari);
  color: var(--color-gris-fosc);
}

.bloc_article .actions>.favoritos {
  /*color: #d174b6;*/
  cursor: pointer;
  text-align: left;
  display: none;
}

.favoritos.active i::before {
  font-weight: 900;
  content: "\f004";
}

.bloc_article .link_image {
  position: relative;
  z-index: 50;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 40%;
  border-radius: 25px 0px 0px 25px;
  padding: 5px;
  border: 2px solid rgba(0,170,118,0.1);
}
.bloc_article.DIY .link_image {
  border: 2px solid rgba(0,170,118,1);
}
.bloc_article .link_image img {
  mix-blend-mode: multiply;
}

.bloc_article .desc {
  text-align: left;
  padding: 0px;
  padding-top: 10px;
  display: block;
  background-color: rgba(0,170,118,0.1);
  width: 60%;
  border-radius: 0px 25px 25px 0px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bloc_article.DIY .desc {
  /* text-align: left; */
  /* padding: 0px; */
  /* padding-top: 10px; */
  /* display: block; */
  background-color: var(--color-principal);
  /* width: 60%; */
  border-radius: 0px 25px 25px 0px;
  /* padding: 20px; */
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: space-between; */
  color: white !important;
}

.bloc_article.DIY * {
  color: white !important;
}

.bloc_article.DIY .top {
  display: none;
}

.bloc_article.DIY select, .bloc_article.DIY select option{
  color: #505050 !important;
}

.bloc_article .desc .familia {
  color: var(--color-secundari);
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 5px;
}

.bloc_article .desc .titols {
  margin-bottom: 5px;
  color: #707070;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Youth';
}

.bloc_article .desc .titol {
  font-size: 16px;
  font-weight: normal;
  color: #000;
  margin-bottom: 0;
  font-family: 'Youth';
}

.bloc_article .desc .titol h4 {
  font-weight: bold;
  font-family: 'Youth';
  font-size: 20px;
}

.bloc_article .desc .descripcio {
  font-size: 14px;
  font-weight: normal;
  color: #707070;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: 'Youth';
}

.bloc_article .desc .alergens {
  font-size: 10px;
  font-weight: normal;
  color: #707070;
  margin-bottom: 10px;
  font-family: 'Youth';
  display:
    flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.bloc_article .desc #c_platos.alergens img {
	display: none;
}

.bloc_article .desc #c_platos.alergens .nom_alergen {
	border: 1px solid var(--color-principal);
	padding: 3px 13px;
	border-radius: 20px;
	color: var(--color-principal);
}

.bloc_article .desc .alergens .alergen {
  display:
    flex;
  /* flex: 1; */
  /* width: 8%; */
  justify-content: start;
  align-items: center;
  gap: 5px;
  width: 6%;
}

.bloc_article .desc .alergens .alergen img {
  max-width: 20px;
}

.custom-tooltip-styling {
	color: var(--color-principal) !important;
	font-size: 12px !important;
	border: 0px !important;
	
}

.bloc_article .desc .alergens .alergen .nom_alergen {
  text-align: center;
  display: none;
}

@media screen and (max-width: 1100px) {
	.bloc_article .desc .alergens .alergen .nom_alergen {
	  text-align: left;
	  display: block;
	}
}

.bloc_article .preu {
  font-size: 16px;
  color:
    var(--color-principal);
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.bloc_home {
  display: flex;
}

.bloc_home>div {
  width: 50%;
}

.bloc_home .foto img {
  display: block;
  width: 100%;
}

.bloc_home .descripcio {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  letter-spacing: 1px;
  color: #FFF;
  background-color: #000;
}

.bloc_home .descripcio>div {
  width: 495px;
  display: inline-block;
}

.bloc_home .descripcio h3 {
  font-weight: normal;
  font-size: 35px;
  line-height: 1.25;
  letter-spacing: 0;
  margin-bottom: 56px;
}

.bloc_home:nth-child(even) .foto {
  order: 2;
}

.bloc_home:nth-child(even) .descripcio {
  order: 1;
}

.bloc_home:nth-child(2n) .descripcio {
  color: #000;
  background-color: #FFF;
}

.bloc_home:nth-child(3n) .descripcio {
  color: #FFF;
  background-color: var(--color-secundari);
}

#box_home_1 {
  position: relative;
  margin-bottom: 125px;
  overflow: hidden;
  font-size: 14px;
}

#box_home_1>div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100px;
  bottom: 100px;
  z-index: -1;
  right: -100px;
  background-color: #ECECEC;
}

#box_home_1>div {
  position: relative;
  z-index: 2;
  display: flex;
}

#box_home_1 .foto {
  /*padding-top: 80px;*/
  padding-top: 5.2%;
  width: 38%;
}

#box_home_1 .content {
  flex: 1;
  /*padding-left: 138px;
		padding-top: 110px;*/
  padding-left: 9%;
  padding-top: 7.2%;
  line-height: 1.55;
  letter-spacing: 1px;
}

#box_home_1 .descripcio {
  /*padding-left: 122px;
		padding-right: 122px;*/
  padding-left: 20.5%;
  padding-right: 20.5%;
  color: #1A1A1A;
  min-height: 450px;
  margin-bottom: 25px;
}

#box_home_1 h3 {
  font-weight: normal;
  font-size: 38px;
  line-height: 1.35;
  margin-bottom: 25px;
}

#box_home_2 {
  position: relative;
  margin-bottom: 135px;
  /*overflow:hidden;*/
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 1px;
}

#box_home_2>div:after {
  content: '';
  position: absolute;
  top: 80px;
  left: -70px;
  bottom: 80px;
  z-index: -1;
  right: 325px;
  background-color: #ECECEC;
}

#box_home_2>div {
  position: relative;
  z-index: 2;
  display: flex;
}

#box_home_2 .content_1 {
  width: 38%;
  /*width: 580px;*/
  text-align: right;
}

#box_home_2 .content_1 .foto {
  /*margin-bottom: 90px;*/
  margin-bottom: 15.5%;
}

#box_home_2 .content_2 {
  flex: 1;
  /*padding-top: 150px;
		  padding-right: 168px;
		  margin-left: 245px;*/
  padding-top: 10%;
  padding-right: 11%;
  margin-left: 16%;
}

#box_home_2 .descripcio {
  color: #1A1A1A;
  min-height: 450px;
  margin-bottom: 25px;
}

#box_home_2 h3 {
  font-weight: normal;
  font-size: 38px;
  line-height: 1.35;
  margin-bottom: 25px;
}

.foto_3 {
  position: absolute;
  left: 0;
  bottom: -102px;
  width: 21%;
}

#productos_misma_categoria .owl-prev {
  display: none;
}

#productos_misma_categoria .owl-next {
  display: none;
}

#filtres_sup_categories {
  border-bottom: 1px solid #bbbbbb;
  position: sticky;
  top: 105px;
  width: 100%;
  background-color: var(--color-principal);
  z-index: 999;
  height: 70px;
  display: flex;
  margin-bottom: 20px;
  /* top: 53px; */
  overflow: hidden;
  height: auto;
  /*position: fixed;*/
  z-index: 999;
}



#filtres_sup_categories #menu_marques {
  width: 100%;
  overflow-x: auto;
}

#filtres_sup_categories ul {
  width: 100%;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  gap: 20px;
}

#filtres_sup_categories ul.list_caracs {
  display: flex!important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-left: 10px;
}
#filtres_sup_categories ul li a {
  background-color: var(--color-gris-clar);
  border-radius: 25px;
  border: none;
  display: inline-flex;
  cursor: pointer;
  color: var(--color-gris-fosc);
  font-family: 'Youth';
  font-size: 15px;
  padding: 10px 31px;
  text-decoration: none;
  /* text-shadow: 0px 1px 0px #000000; */
  align-items: center;
}

#filtres_sup_categories ul li a:hover {
  background-color: var(--color-secundari);
}

#filtres_sup_categories ul li a.active {
  background-color: var(--color-secundari);
  color: var(--color-gris-fosc);
}

#filtres_sup_categories .marca_nom {
  font-family: 'Youth';
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 1;
}

#filtres_sup_categories .marca_desc {
  color:
    var(--color-primario);
  font-size: 12px;
  font-family:
    Avenir;
  margin-left: 5px;
}
@media screen and (max-width: 1520px){
  #filtres_sup_categories .marca_desc {
    display:none;
}
}
#filtres_sup_categories .marca_desc:before {
  content: "-";
  margin-right: 5px;
}

#filtres_sup_categories>div {
  display: flex;
  padding: 10px 0;
  align-items: center;
  flex-direction:
    row;
  min-height: 0;
  padding: 10px 0 10px 10px;
  flex-wrap: nowrap;
  gap: 15px;
  min-height: 0;
  padding: 15px 0 15px 10px;
  flex-wrap: nowrap;
  gap: 15px;
  max-width: 100%;
}

.caixa_idiomes_cap {
  color: var(--color-principal);
  padding: 11px 20px;
  margin-right: 0px;
  font-size: 12px;
}
.caixa_idiomes_cap a {
  color: var(--color-principal);
  margin: 4px;
}
.caixa_idiomes_cap a.active {
  color: var(--color-principal);
  font-weight: bold;

}

.caixa_idiomes_cap_mobil {
  display: none;
}

.caixa_idiomes_cap_mobil {
  color:#fff;
  padding: 11px 0px;
  margin-right: 0px;
  font-size: 12px;
  margin-top: 40px;
}
.caixa_idiomes_cap_mobil a {
  color: #fff;
  margin: 4px;
}
.caixa_idiomes_cap_mobil a.active {
  color: #fff;
  font-weight: bold;

}

.breadcrumb {
  line-height: 2;
  letter-spacing: 1px;
  color: var(--color-secundari);
  font-size: 12px;
  text-transform: uppercase;
  flex: 1;
}

.breadcrumb>ul {
  background: none;
  padding-left: 0;
  margin: 0;
}

.breadcrumb a {
  text-decoration: none;
  color: var(--color-secundari);
  transition: color .25s ease;
  padding-left: 6px;
}

.breadcrumb a:hover {
  color: #000;
}

.breadcrumb>ul>li {
  display: inline-block;
}

.breadcrumb i {
  margin-left: 6px;
}

.breadcrumb .active {
  font-weight: bold;
  color: #000;
}

select[name="order"] {
  background-color: #FFF;
  height: 46px;
  padding: 0 18px 0 18px;
  border: 2px solid #f1f1f1;
  width: 322px;
  font-size: 12px;
  letter-spacing: 1px;
  color: var(--color-secundari);
  text-transform: uppercase;
}

#content_categories {
  display: flex;
  margin-top: 8%;
  margin-bottom: 80px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
}


.menu_lat_categories {
  /* width: 320px; */
  margin: 0 auto;
  padding: 0;
  /* margin-right: 65px; */
  /* margin-bottom: 35px; */
  /*background-color: #f1f1f1;
	padding: 28px 30px;*/
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 25px;
}

.mfp-content .menu_lat_categories {
	width: 45%;
	background-color: var(--color-secundari);
	padding: 50px;
	border-radius: 10px;
	position: fixed;
	top: 20%;
	left: 30%;
	margin: 0;
	transform-origin: 50% 50%;
	display: block;
	/* max-width: 800px; */
	height: 65vh;
	overflow: scroll;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mfp-content .menu_lat_categories .btn.apply {
	background-color: var(--color-principal);
	border: 0px;
	border-radius: 20px;
	margin: 0 auto;
	padding: 10px 25px;
	width: 24%;
	color: white;
	margin-top: 25px;
	cursor: pointer;
}

.mfp-content .menu_lat_categories img {
	height: 180px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 30px;
}

.mfp-content .menu_lat_categories > span {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 30px;
}

@media screen and (max-width: 1280px) {
	.mfp-content .menu_lat_categories {
		width: 61%;
		left: 20%;
		top: 5%;
		height: 90vh;
	}
}

@media screen and (max-width: 1100px) {
		.mfp-content .menu_lat_categories {
		width: 80%;
		left: 10%;
		top: 10%;
		height: auto;
	}
}

@media screen and (max-width: 800px) {

		.mfp-content .menu_lat_categories {
		top: 5%;
		padding: 25px;
		height: 90vh;
	}

		.mfp-content .menu_lat_categories img {
		height: 137px;
	}
	
	.menu_lat_categories li.active>ul li {
		width: 49%;
	}

	.mfp-content .menu_lat_categories .mfp-close {
		left: 85% !important;
		top: 2% !important;
	}
  .mfp-content .menu_lat_categories .btn.apply {
    width: 100%;
  }
}

.mfp-content .menu_lat_categories .mfp-close {
	left: 93%;
	top: 5%;
	position: absolute;
}

.menu_lat_categories,
.menu_lat_categories ul {
  list-style: none;
}

.menu_lat_categories ul {
  display: block;
  padding-left: 22px;
  /* display: flex; */
}

.menu_lat_categories ul li {
	position: relative;
	width: 24%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding: 50px; */
	/* aspect-ratio: 29 / 5; */
}

.menu_lat_categories li.active>ul {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 3vh;
  gap: 1%;
  row-gap: 5px;
}

.menu_lat_categories li.active>a {}

.menu_lat_categories a {
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid var(--color-secundari);
  padding-bottom: 5px !important;
  margin-bottom: 15px;
}

.panell_client .menu_lat_categories a {
  padding-bottom: 10px !important;
}

.menu_lat_categories a i {
  font-size: 20px;
  vertical-align: middle;
  /* margin-right: 10px; */
  width: 25px;
  height: 20px;
  text-align: center;
}

.menu_lat_categories a i.fa-plus {
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  margin-right: 0;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.menu_lat_categories li.active a i:before {
  content: "\f068";
}

.menu_lat_categories>li {
  /*border-bottom: 1px solid var(--color-secundari);*/
  display: flex;
  flex-direction: column;
}

.menu_lat_categories>li .nom_carac {
  font-weight: bold;
  margin: 15px;
  margin-left: 0px;
  text-align: center;
}

.menu_lat_categories>li:first-child {
  border-top: none;
}

.menu_lat_categories>li>a {
  display: flex;
  justify-content: space-between;
  padding: 17px 0px;
  text-transform: uppercase;
  color: var(--color-secundari);
}

.menu_lat_categories ul li a {
  display: block;
  padding-bottom: 20px;
  color: #333333;
}

.menu_lat_categories input[type=checkbox] {
  /* display: none; */
  webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 100%;
  border: 1px solid white;
  border-radius: 5px;
  position: relative;
  width: 100%;
  padding: 20px;
  border-radius: 100px;
  background-color: white;
  margin: 0px !important;
	cursor: pointer;
}

.menu_lat_categories input[type=checkbox]:checked {
  background-color: var(--color-principal);
	border-color: var(--color-gris-fosc);
	
}


.menu_lat_categories input[type=checkbox]+label {
  color: var(--color-gris-fosc);
  position: absolute;
	
}

.menu_lat_categories input[type=checkbox]:checked+label {
  color: white;
}

.menu_lat_categories label h3 {
  display: inline-block;
  font-weight: normal;
}

/*
  .menu_lat_categories input[type=checkbox]+label:before {
  content: '';
  display: inline-flex;
  width: 18px;
  height: 18px;
  border: 1px solid;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  margin-right: 12px;
  }
  
  .menu_lat_categories input[type=checkbox]:checked+label:before {
  content: "\f00c";
  }
  */

/* valoracions */
.inf > div {
  max-width: 1170px;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  position: relative;
  padding: 0 15px;
}
.valorar_cap {
  padding: 15px;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  line-height: normal;
  flex-wrap: wrap;
}
.valorar_content > div {
  display: flex;
  align-items: flex-start;
  padding: 15px 25px 15px;
  border-bottom: 5px solid #f2f2f2;
  margin-bottom: 15px;
  gap: 20px;
}
.bloc_pendent_valoracio .loading_icon {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 45px;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: 50px;
}
.valorar_content .frm_valorar {
  margin-left: 25px;
  flex: 1;
}
.valorar_content .frm_valorar input,
.valorar_content .frm_valorar textarea {
  width: 100% !important;
  max-width: 100%;
  resize: vertical;
  font: 400 13.3333px 'Youth';
}
.rating {
  font-size: 17px;
}
.valorar_content .frm_valorar textarea {
  min-height: 100px;
}
.groc {
  color: #f3d132;
}

@media (max-width: 768px) {
  .inf{
    margin-top: 100px !important;
  }
  .valorar_content > div {
    flex-direction: column;
    padding: 15px;
  }
  .valorar_content .img_item {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .valorar_content .img_item img {
    max-width: 100%;
    height: auto;
  }
  .valorar_content .frm_valorar {
    margin-left: 0;
    width: 100%;
  }
  .valorar_cap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .valorar_cap {
    font-size: 14px;
    padding: 10px;
  }
  .rating {
    font-size: 15px;
  }
  .valorar_content > div {
    padding: 10px;
    gap: 10px;
  }
}

/* fi valoracions */



#despl {
  color: var(--color-buton-generic);
  padding: 17px 0px;
  font-size: 13px;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  border-bottom: 1px solid var(--color-buton-generic);
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px !important;
}

/* ETIQUETAS */
.dropdown-content button input {
  display: none;
}

.dropdown-content button label {
  cursor: pointer;
  color: var(--color-buton-generic-hover);
}

.dropdown-content .activat {
  background-color: var(--color-buton-generic-hover);
}

.dropdown-content .activat label {
  color: white !important;
}

.una_etiqueta {
  width: 100%;
  color: var(--color-buton-generic-hover);
}

.una_etiqueta:hover {
  color: var(--color-principal) !important;
}

.todas_etiquetas {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.dropbtn {
  color: var(--color-secundari);
  padding: 17px 0px;
  font-size: 13px;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  border-bottom: 1px solid var(--color-secundari);
  /* width: 320px; */
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px !important;
  text-transform: uppercase;
}

.dropbtn:hover, .dropbtn:focus {
  color: var(--color-buton-generic-hover);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: block;
  background-color: var(--color-crema);
  /* max-width: 320px; */
  max-height: 320px;
  /* width: 320px; */
  /* height: 270px; */
  overflow: auto;
  box-shadow: 0px 10px 8px -5px rgb(0 0 0 / 15%);
  padding: 20px 10px 10px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.carac_name h3 {
  font-family: var(--font-main) !important;
}

.dropdown-content button {
  background-color: #FFFFFF;
  text-decoration: none;
  display: inline;
  margin-right: 4px;
  margin-bottom: 8px;
  border-radius: 4px;
  background-clip: padding-box;
  font-family: var(--font-headers), serif;
  font-size: 12px !important;
  text-transform: uppercase;
  transition: all .3s ease;
  padding: 7px 14px 7px;
  border: none;
  color: var(--color-principal);
}

.dropdown-content button:hover a, .dropdown-content button a:hover {
  color: var(--color-principal) !important;
}

.dropdown button:hover {
  background-color: var(--color-buton-generic-hover);
}

.dropdown button:hover label {
  color: white;
}

.dropdown button:hover #hast_etiquetas {
  color: white;
}

.no-show {
  display: none;
}

.no-show-line {
  display: none;
}

#hast_etiquetas {
  color: var(--color-principal);
  cursor: pointer;
}

.todas_etiquetas.dropdown .dropbtn span i {
  font-size: 20px;
  vertical-align: middle;
  /* margin-right: 10px; */
  width: 25px;
  height: 20px;
  text-align: center;
}

#tonos {
  margin-bottom: 50px;
  font-size: 25px;
  letter-spacing: 1px;
  color: #808080;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#tonos>span {
  margin-right: 28px;
}

.tono_radio {
  display: none;
}

.tono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  cursor: pointer;
}

.tono_radio:checked+.tono {
  border: 2px solid #a6a6a6;
}

.tono span {
  display: block;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  overflow: hidden;
}

.tono span img {
  display: block;
}

.reset_tono span {
  background-color: #FFF;
  color: #8c8c8c;
  border: 1px solid;
  display: flex;
  font-size: 20px;
  align-items: center;
  justify-content: center;
}

#content_productes {
  flex: 4;
  padding-top: 10px;
}

#list_productes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
  overflow: hidden;
  /* gap: 20px; */
  justify-content: flex-start;
  padding: 0px;
  margin-top: 0px;
}
#list_productes .seccio_plats{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    /* gap: 20px; */
    justify-content: flex-start;
    padding: 10px 15px;
    /* margin-top: 40px; */
    width: 100%;
}
#list_productes .bloc_article {
  /* width: 50%; */
  padding: 0px 15px;
  flex: 0 0 50%;
}

@media screen and (max-width: 1600px) {
  #list_productes .bloc_article {
    min-width: 335px;
  }
  #list_productes .bloc_article .desc .titols {
    font-size: 14px;
  }
  #list_productes .bloc_article .desc .titol h4 {
    font-size: 16px;
  }
  #list_productes .bloc_article .desc .descripcio {
    font-size: 11px;
  }
  .bloc_article select {
    min-width: 125px;
  }
}

@media screen and (max-width: 1140px){
  #list_productes .bloc_article {
  /* width: 50%; */
  padding: 0px 15px;
  flex: 0 0 100%;
}
}

@media screen and (min-width: 1980px){
  #list_productes .bloc_article {
  /* width: 50%; */
  padding: 0px 15px;
  flex: 0 0 33%;
}
}

#list_productes .bloc_article:nth-child(4n) {
  margin-right: 0;
}

#titol_productes {
  color: var(--color-principal);
  margin-bottom: 25px
}


#subtitol_productes {
  margin-bottom: 50px;
  font-size: 19px;
  letter-spacing: 1px;
  color: #808080;
  /* text-transform: uppercase; */
}

#titol_productos_misma_categoria {
  text-align: center;
  font-size: 35px;
  font-family: 'Youth';
  margin-top: 50px;
  margin-bottom: 35px;
}

#productos_misma_categoria .owl-item {
  padding: 0px 15px;
}

.nom_marca {
  margin-bottom: 25px;
}

.nom_marca span {
  text-transform: uppercase;
}

.nom_marca a {
  font-size: 14px;
}

.paginacio {
  text-align: center;
  margin: 15px;
  margin-bottom: 25px;
  width: 100%;
  font-weight: 500;
}

.paginacio a {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  width: 30px;
  line-height: 28px;
  font-size: 14px;
  text-decoration: none;
  color: #333;
  background-color: #FFFFFF;
  /*border: 1px solid #FF2488;*/
}

.paginacio a.next,
.paginacio a.prev {
  font-size: 30px !important;
  line-height: 20px;
  border: none !important;
}

a.selected {
  color: #fff;
  background-color: #333;
  font-weight: bold;
}

#fitxa_article {
  flex-wrap: wrap;
  margin-top: 35px;
}

#quickview_box_verd {
  background: #4cbb6c;
  padding: 15px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}

#quickview_detalls {
  display: flex;
}

#quickview_detalls>div {
  flex: 1;
  padding: 0px 15px;
}

#quickview_detalls>div:first-child {
  border-right: 1px solid #7a7a7a;
  flex: none;
  width: 50%;
}

#quickview_detalls h6 {
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 16px;
}

.botons_quick_view {
  margin-top: 50px;
  text-align: right;
}

.boto_gen {
  /* height: 43px; */
  width: 150px;
  font-weight: 500;
  padding: 0px 10px;
  font-size: 16px;
  background-color: var(--color-principal);
  color: #FFF;
  vertical-align: middle;
  line-height: 43px;
  border: 0;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  transition: all .25s ease;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

.boto_gen.petit {
  font-size: 11px;
  height: 37px;
  line-height: 37px;
}

.boto_gen:hover {
  opacity: 0.5;
}

.boto_gen.negre {
  background-color: #252525;
}

.boto_gen.negre:hover {
  background-color: rgba(37, 37, 37, .8);
}

.boto_full {
  display: block;
}

.contenidor_miniatures {
  width: 126px;
  display: block;
  text-align: center;
  font-size: 30px;
  margin-right: 15px;
}

.contenidor_miniatures i {
  cursor: pointer;
}

.caixa_generica {
  max-width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.text_faqs_ocult_pc h1 {
  text-align: center;
  padding:25px 10px 10px 10px;
  font-family: 'Avenir';
  font-size: 50px;
}

.caixa_cap_pag_faqs {
  margin-top: 5%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0;
	/* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
	/*padding-left: 2.2em;*/
	padding-left: 0;
	border: none;
	background: none;
	color: rgba(0, 0, 0, 1);
	font-family: 'Avenir';
	font-size: 22px;
	font-weight: bold;
}

.ui-accordion .ui-accordion-icons:hover {
	color: rgba(0, 0, 0, 1);
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	/*padding: 1em 2.2em;*/
	border-top: 0;
	overflow: auto;

	padding: 1em 0;
	font-family: 'Avenir';
	font-weight: 300;
	font-size: 16px;
	color: #000;
	background: none;
	border: none;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	font-size: 12px;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	/* removes extra width in IE */
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
	text-decoration: none;
}

.contenidor_fills_faqs {
  width: 50%;
  margin: 75px auto;
}

.gallery_popup a {
  display: block;
  width: 100%;
}

#gallery_popup_pager {
  text-align: center;
  font-size: 18px;
}

#gallery_popup_pager {
  text-align: center;
  font-size: 57px;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#gallery_popup_pager span {
  cursor: pointer;
}

#gallery_popup_pager .cycle-pager-active {
  color: var(--color-secundari);
}

.owl-dots {
  text-align: center;
  margin-top: 15px;
}

.owl-dot {
  margin: 0px 5px;
}

.owl-dot,
.owl-dots span {
  display: inline-block;
}

.owl-dot span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-color: #808080;
  border: 3px solid #FFF;
  border-radius: 50%;
  transition: all .5s ease;
}

.owl-dot.active span {
  height: 20px;
  width: 20px;
  background-color: var(--color-secundari);
  border-color: #fff
}

.info_article a {
  text-decoration: none;
}

#fitxa_article {
  margin-bottom: 97px;
  display: flex;
  align-items: flex-start;
}

.fitxa_imatge_prin {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}

.fitxa_imatge_prin>div {
  width: 600px;
}

.zoomContainer {
  z-index: 1000;
}

#adv-custom-pager>div {
  height: 600px;
  overflow: hidden;
}

#adv-custom-pager.slide>div {
  height: 531px;
}

#adv-custom-pager a {
  margin-bottom: 7%;
  border: 1px solid #d6d6d6;
  display: block;
  padding: 10px;
}

#adv-custom-pager a img {
  display: block;
}

.info_article {
  background-color: #F2F2F2;
  padding: 52px 58px;
  width: 675px;
  font-size: 16px;
  color: #808080;
  letter-spacing: 1px;
  margin-left: 15px;
}

.btn_unificat {
  background: var(--color-buton-generic);
  padding: 10px 50px;
  color: #fff;
  transition: all 0.6s ease-in-out;
  display: inline-block;
  font-size: 1.4em;
}

.btn_unificat:hover {

  background: var(--color-buton-generic-hover);

}

.titol_article {
  font-weight: normal;
  font-size: 35px;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 2px;
  margin-bottom: 15px;
  color: #707070;
  font-family: 'Youth';
}

.preu_fitxa_article {
  font-size: 41px;
  margin-top: 25px;
  margin-bottom: 25px;
  display: block;
  color: var(--color-principal);
}

#iva_stock {
  margin-bottom: 22px;
  line-height: 2;
}

#iva_stock i {
  font-size: 8px;
}

#iva_stock i,
#iva_stock span {
  vertical-align: middle;
}

.stock_ok {
  color: #39B54A;
}

.stock_ko {
  color: #F00;
  display: none;
}

#select_agrupacio {
  background-color: #FFF;
  height: 46px;
  padding: 0 18px;
  width: 100%;
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--color-secundari);
  text-transform: uppercase;
  margin-bottom: 25px;
  border: 0;
}

#fitxa_add_cart {
  /*margin: 25px 0;*/
  display: flex;
  margin-bottom: 25px;
}

.qty_fitxa_art {
  position: relative;
  flex: 1;
  margin-right: 15px;
}

.qty_fitxa_art input {
  height: 60px;
  border: 0;
  border-radius: 0;
  width: 100%;
  font-size: 26px;
  padding: 0px 25px;
  color: var(--color-secundari);
}

.qty_fitxa_art i {
  position: absolute;
  right: 18px;
  font-size: 32px;
  top: 50%;
  cursor: pointer;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
}

.qty_fitxa_art i.mes {
  transform: translateY(-15px);
}

.qty_fitxa_art i.menys {
  transform: translateY(2px);
}

.bloc_article .qty_fitxa_art {
  margin-right: 0;
}

.bloc_article .qty_fitxa_art input {
  border: 1px solid #CCC;
}

.btn_fitxa_cart {
  height: 60px;
  border: 0;
  color: #FFF;
  background-color: var(--color-secundari);
  font-size: 15px;
  letter-spacing: 2px;

  padding: 0px 38px;
  white-space: nowrap;
  line-height: 56px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
}

.btn_fitxa_cart.disabled {
  background-color: #b7b7b7;
  cursor: default;
}

.btn_fitxa_cart i,
.btn_fitxa_cart span {
  vertical-align: middle;
}

.btn_fitxa_cart i {
  font-size: 36px;
  margin-left: 5px;
}

.fitxa_add_favoritos {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 20px;
  cursor: pointer;
  color: var(--color-principal);
}

.xarxes_share {
  margin-bottom: 20px;
}

.fitxa_add_favoritos i {
  font-size: 23px;
  vertical-align: middle;
  margin-right: 15px;
}

.fitxa_add_favoritos .txt2,
.fitxa_add_favoritos.active .txt1 {
  display: none;
}

.fitxa_add_favoritos.active .txt2 {
  display: inline;
}

.fitxa_add_favoritos.active i::before {
  font-weight: 900;
  content: "\f004";
}

#bottom_info_article {
  border-top: 1px solid #808080;
  padding-top: 25px;
}

.ref_article {
  margin-bottom: 25px;
}

.seccio_fitxa {
  padding: 53px 0;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  margin-bottom: 50px;
}

.banner_categories {
  background-size: cover !important;
  position: relative;
}

.banner_categories::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.banner_categories .container {
  max-width: 1500px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
  color: #fff;
  font-size: 20px;
  position: relative;
  z-index: 99;

}

.banner_categories .container .t {
  font-size: 35px;
  font-family: 'Youth';
}

.seccio_fitxa h4 {
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.seccio_fitxa h5 {
  font-size: 23px;
  font-weight: normal;
  color: #333333;
  margin-bottom: 22px;
}

.seccio_fitxa .descripcio {
  line-height: 1.55;
  letter-spacing: 0;
}

.seccio_fitxa .destacats {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 0;
}

#header_rel_ventas {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 999;
  padding: 15px 0px;
  background-color: rgba(255, 255, 255, 0.95);
}

#seleccionats_kit {
  flex: 1;
  font-size: 20px;
}

/* #content_generic {
  margin-top: 150px;
  margin-bottom: 80px;
} */

/* --- Estils nous menu setmanal --- */
.menu_setmanal #list_productes h2 {
  text-align: center;
  font-size: 35px;
}
.menu_setmanal #content_productes {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.menu_setmanal .grup_DIY {
  border-bottom: none;
  border-radius: 10px;
}
.menu_setmanal .grup_DIY .titol_categoria_plat {
  border-bottom: 2px solid rgba(0,170,118,0.5);
  padding-left: 0;
  padding-bottom: 5px;
  line-height: 1;
}
.menu_setmanal .grup_ingredients .bloc_ingredient {
  border: 2px solid rgba(0,170,118,0.1);
}
.menu_setmanal .Buttons_popup {
  background-color: rgb(0, 170, 118);
  border: 1px solid rgb(0, 170, 118);
}
.menu_setmanal .Buttons_popup .total_popup, .menu_setmanal .Buttons_popup .total_popup b {
  color: #fff;
}
/* --- Fi estils nous menu setmanal --- */

.desc_generica {
  margin-bottom: 80px;
}

.owl-slide-petit {
  margin-bottom: 80px;
  position: relative;
}

.owl-slide-petit .owl-dots {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.downloads {
  margin: 20px 0px 80px;
  padding-top: 20px;
  border-top: 1px solid #CCC;
  text-align: left;
}

.downloads h3 {
  margin-bottom: 25px;
  font-weight: normal;
  font-size: 22px;
}

.downloads a {
  text-decoration: none;
  font-size: 16px;
}

.downloads i {
  font-size: 24px;
  vertical-align: -2px;
  margin-right: 5px;
}

.contenidor_fills {
  overflow: hidden;
}

.contenidor_fills>div {
  width: 110%;
}

.bloc_fill {
  display: inline-block;
  vertical-align: top;
  width: 21%;
  margin: 0px 2% 3% 0px;
  padding: 2px;
  text-decoration: none;
  color: #666;
  font-size: 14px;
}

.bloc_fill h4 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25;
  color: #333;
}

.bloc_fill>div {
  background-color: rgba(0, 170, 118, 0.1);
  overflow: hidden;
  padding: 15px;
}

.bloc_fill .desc {
  margin-bottom: 25px;
  min-height: 150px;
}

.bloc_fill img {
  width: 100% !important;
}

.bloc_fill .boto_generic {
  background-color: var(--color-principal);
  color: #FFF;
  padding: 10px 20px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
}

.container_web {
  max-width: 1500px;
  margin: 0px auto;
  padding: 0px 25px;
}

footer .logo_footer {
  max-width: 310px;
  margin: 0px;
  display: block;
  /* filter: grayscale(100%) brightness(0%) invert(100%); */ /* White */
  /* margin-bottom: 15px; */
}

footer .container {
  max-width: 1500px;
  margin: 0px auto;
  width: 100%;

}

footer .copyright {
  display: flex;
  justify-content: center;
  gap: 25px;
}

footer .copyright a:hover {
  text-decoration: underline;
}

footer,
footer a {
  color: #808080;
  text-decoration: none;
}

footer .top {
  display: flex;
  background: #38362d;
  color: #fff;
  padding-top: 50px;
  width: 100%;
}

footer .top .left {
  width: 30%;
}

footer .top .left .frase {
  font-size: 14px;
  padding-left: 15px;
  margin-top: 10px;
}

footer .top .mid {
  width: 30%;
}

footer .top .right {
  width: 30%;
}

footer .bottom {
  text-align: center;
  padding: 15px;
  width: 100%;
  background: var(--color-footer-copyright);
  color: var(--color-font-footer-copyright);
}

.menu_footer {
  /*border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);*/
  margin: 10px 0px 35px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: center;
  padding: 25px 0px;
  flex-wrap: wrap;
  
}

.menu_footer .box {
  display: flex;
  flex-direction: column;
  color: #fff;
  margin: 0px 5%;
}
.menu_footer .box.info {
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
}
.menu_footer .box.ubi {
  flex-direction: column;
}
.menu_footer .box span, .menu_footer .box a {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 15px;
}

.menu_footer .box b {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
}
.menu_footer .box span i {
  margin-right: 5px;
}

.menu_footer .box a {
  color: #fff;
  margin-bottom: 5px;
}

.menu_footer .box a:hover {
  text-decoration: underline;
}

.xarxesfooter {
  justify-content: center;
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.xarxesfooter a i {
  font-size: 30px;
}

.xarxesfooter a:hover {
  text-decoration: none !important;
}

#content_footer {
  display: flex;
}

#content_footer>div {
  width: 20%;
}

#logos_footer {
  text-align: center;
  padding-top: 25px;
  padding-right: 45px;
}


#xarxes_footer {
  font-size: 28px;
}

#xarxes_footer a {
  margin: 0px 15px;
}

.columna_footer {
  font-size: 11px;
  letter-spacing: 1px;
  padding-left: 20px;
}

.columna_footer h4 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 45px;
}

.columna_footer a,
.columna_footer span {
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.botons_footer {
  text-align: right;
  margin-bottom: 25px;
}

.boto_footer {
  background-color: #000;
  color: #FFF;
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 25px;
  background-color: var(--color-secundari);
  letter-spacing: 2px;
  font-size: 16px;
}

.boto_footer img {
  width: 25px;
  margin-right: 10px;
}

#post_footer {
  color: #808080;
  background-color: #FFF;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
  border-top: 1px solid #CCC;
}

#post_footer>div {
  padding: 15px;
}

.bloc_categoria_petit {
  padding-left: 0px !important;
}
/* --- Inici estils nou menu v24 --- */
.header_v24 .two .boto_menu {
  color: #fff;
  font-size: 44px;
  font-weight: 'Youth';
}
.header_v24 .two #carro_petit_2 {
  color: #fff;
  font-size: 44px;
  width: auto !important;
  margin: 0 20px 0 0px;
}
.header_v24 .two  img.imb_ico_carro {
  width: 35px;
  height: 25px;
  filter: invert(100%);
}
.header_v24 .two .boto_micuenta {
  font-size: 44px;
  width: auto !important;
  margin: 0 20px 0 8px;
}
.header_v24 .two .boto_micuenta img.img_ico_client {
  width: 40px;
  height: 40px;
  filter: invert(100%);
}
.header_v24 .two .boto_micuenta img.img_ico_carta {
  height: 55px;
  filter: invert(100%);
}
.header_v24 .two .boto_micuenta img.img_ico_creditos {
  height: 30px;
  filter: invert(100%);
}

.header_v24.header_fons_verd .two  img.imb_ico_carro, 
.header_v24.header_fons_verd .two .boto_micuenta img.img_ico_client,
.header_v24.header_fons_verd .two .boto_micuenta img.img_ico_creditos,
.header_v24.header_fons_verd .two .boto_micuenta img.img_ico_carta {
  filter: none;
}
.header_v24 .two .boto_menu .fas {
  font-weight: 300;
}
.caixa_menu_full_size {
  position: fixed;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0,0,0,0);
  /*transform: translate3d(115%, 0, 0);*/
  transition: all 0.8s;
  transition-timing-function: cubic-bezier(0.7, 1.04, 1, 1);
  overflow-x: clip;
}
.caixa_menu_full_size.show {
  /*transform: translate3d(0, 0, 0);*/
  z-index: 9999;
  background-color: rgba(0,0,0,0.7);
  transition: all 0.8s;
  transition-timing-function: cubic-bezier(0.7, 1.04, 1, 1);
}
.caixa_menu_full_size .caixa_interna_menu_full_size {
  animation-duration: 1.2s;

  background-color: #FFFF5C;
  width: 50%;
  overflow: visible;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
  pointer-events: all;
  position: absolute;
  right: 0;
  height: 100%;
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
  padding: 2% 6%;
  transition: all 0.8s;
  transition-timing-function: ease-in-out;
  left: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.caixa_menu_full_size.show .caixa_interna_menu_full_size {
  width: 50%;
  transition: all 0.8s;
  transition-timing-function: ease-in-out;
  left:50%;
}
.caixa_menu_full_size .caixa_interna_menu_full_size .caixa_creu_full_menu {
  font-size: 44px;
  width: 100%;
  display: flex;
  justify-content: end;
  line-height: 1;
}
.caixa_menu_full_size .caixa_interna_menu_full_size .caixa_creu_full_menu .fas {
  font-weight: 300;
}
.caixa_menu_full_size .caixa_interna_menu_full_size nav ul li {
  padding-left: 0;
  transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
}
.caixa_menu_full_size .caixa_interna_menu_full_size nav ul li:hover {
  padding-left: 20px;
  transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
}
.caixa_menu_full_size .caixa_interna_menu_full_size nav ul li a {
  color: #3A362E;
  font-size: 35px;
}
.caixa_menu_full_size .caixa_interna_menu_full_size nav ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.caixa_menu_full_size .caixa_zona_client_full_menu {
  display: flex;
}
.caixa_menu_full_size .caixa_zona_client_full_menu  #head_login {
  flex-direction: column;
  row-gap: 22px;
  align-items: start;
}
.caixa_menu_full_size .caixa_zona_client_full_menu  #head_login > * {
  padding-left: 0;
}
#head_login .boto_micuenta img.img_ico_client, #head_login .boto_micuenta img.imb_ico_carro {
  width: 35px;
  height:auto;
  margin-right:10px;
}
#head_login .boto_micuenta span, #head_login #carro_petit {
  font-size: 20px;
  text-transform: initial;
  color: #262626;
}
.caixa_menu_full_size .caixa_inferior_full_menu {
  display: flex;
  justify-content: space-between;
  color: #3A362E;
}
.caixa_menu_full_size .caixa_inferior_full_menu .caixa_idiomes_cap {
  color: #3A362E;
  padding: 0 0;
  font-size: 24px;
}
.caixa_menu_full_size .caixa_inferior_full_menu .caixa_xarxes_full_menu {
  color: #3A362E;
  padding: 0 0;
  font-size: 24px;
  display: flex;
  gap: 20px;
}
.caixa_menu_full_size .caixa_inferior_full_menu .caixa_xarxes_full_menu a, .caixa_menu_full_size .caixa_inferior_full_menu .caixa_idiomes_cap a {
  color: #3A362E;
  font-size: 18px;
}
/* --- Fi estils nou menu v24 --- */
/* --- Inici nova pag about us 24 --- */
.caixa_general_about_us {
  width: 100%;
  color: #38362d;
  background-color: #F8F8F8;
  display: flex;
  flex-direction: column;
  padding-top: 15rem;
  padding-bottom: 0px !important;
}

.caixa_general_about_us .caixa_interior_banner {
  /*width: 100%;
  overflow: hidden;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;*/
  width: 90%;
  overflow: hidden;
  position: relative;
  /*height: 70vh;*/
  margin: 0 auto;
}
.caixa_general_about_us .caixa_interior_banner img {
  width: 100%;
  border-radius: 45px;
  height: auto;
}
.caixa_general_about_us .caixa_textos, .caixa_general_empresas_v24 .caixa_textos {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  text-align: center;
  padding-bottom: 5%;
}
.caixa_general_about_us .caixa_textos h1, .caixa_general_empresas_v24 .caixa_textos h1 {
  font-family: 'Youth';
  font-size: 90px;
  color: #38362d;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.caixa_general_about_us .caixa_textos h1 .text_verd, .caixa_general_empresas_v24 .caixa_textos h1 .text_verd {
  color: #00aa76;
}
.caixa_general_about_us .caixa_textos .text_desc, .caixa_general_empresas_v24 .caixa_textos .text_desc {
  text-align: center;
  font-family: 'Youth';
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  padding-left: 22%;
  padding-right: 22%;
}
.caixa_general_about_us .caixa_textos .caixa_textos {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.7;
	padding-bottom: 0px;
}


.caixa_general_about_us .caixa_textos .text_desc .text_verd, .caixa_general_empresas_v24 .caixa_textos .text_desc .text_verd {
  font-family: 'Youth';
  font-size: 40px;
  font-weight: 600;
  color: #00aa76;
}
.caixa_general_about_us .caixa_textos .caixa_botons_text, .caixa_general_empresas_v24 .caixa_textos .caixa_botons_text {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-top: 30px;
}
.caixa_general_about_us .caixa_textos .caixa_botons_text a.boto_new_groc, .caixa_general_empresas_v24 .caixa_textos .caixa_botons_text a.boto_new_groc {
  cursor: pointer;
  position: relative;
  z-index: 10;
  background-color: #ffff5c;
  color: #38362d;
  text-decoration: none;
  border: 1px solid #ffff5c;
  padding: 15px 80px;
  text-align: center;
  border-radius: 60px;
  font-family: 'Youth';
  font-weight: 900;
  font-size: 30px;
  transition-duration: .3s;
  transition-property: transform;
}
.caixa_general_about_us .caixa_slogan {
  width: 100%;
  overflow: hidden;
  padding-left: 5%;
  padding-right: 5%;
}
.caixa_general_about_us .caixa_slogan .caixa_interior_slogan {
  width: 100%;
  display: flex;
  border-radius: 45px;
  background-color: var(--color-secundari);
  margin-bottom: 5rem;
}
.caixa_general_about_us .caixa_slogan .caixa_interior_slogan .caixa_esquerra {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.caixa_general_about_us .caixa_slogan .caixa_interior_slogan .caixa_esquerra img {
  max-width: 75%;
}
.caixa_general_about_us .caixa_slogan .caixa_interior_slogan .caixa_dreta {
  width: 70%;
  color: #38362d;
  padding: 5%;
  font-family: 'Youth';
  font-size: 25px;
  font-weight: 400;
  line-height: 1.5;
}
.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge {
  background-color: var(--color-principal);
  display: flex;
  /* padding: 5% 5%; */
}
.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  max-width: 50%;
  padding-right: 12%;
  row-gap: 3rem;
  padding: 5% 5%;
}
.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna h2 {
  font-weight: 500;
  font-size: 35px; 
}
.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna h3 {
  font-family: 'Youth';
  font-size: 90px;
  font-weight: 900;
  line-height: 1;
}
.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna .caixa_textos {
  text-align: left;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.7;
}
.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_imatge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  border-radius: 20px;
}
.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_imatge img {
	height: 100%;
	aspect-ratio: 1/ 1;
	object-fit: cover;
	border-radius: 0px;
}
.caixa_general_about_us .caixa_about_us_text_caixa_blanca {
  text-align: center;
  padding-left: 25%;
  padding-right: 25%;
  font-size: 27px;
  line-height: 1.3;
  background-color: #fff;
  padding-top: 5%;
  padding-bottom: 8%;
}
.caixa_general_about_us .caixa_about_us_text_caixa_blanca span {
  font-size: 16px;
  font-weight: 300;
  color: #888;
}
.caixa_general_about_us .caixa_about_us_valores {
  background-color: #fff;
  width: 100%;
  display: flex;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna {
  width: 100%;
  display: flex;
  align-items:flex-start;
  position: relative;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols {
  width: 45%;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 140px;
  padding-right: 20%;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h2 {
  color: #27A879;
  font-family: 'Youth';
  font-size: 90px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 25px;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h3 {
  color: #3A362E;
  font-family: 'Youth';
  font-size: 45px;
  font-weight: 900;
  line-height: 1;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat {
  width: 55%;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat {
  width: 100%;
  display: flex;
  gap: 30px;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_img {
  width: 25%;
  aspect-ratio: 1;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_img img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 20px;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos {
  width: 75%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  text-align: left;
  padding-bottom: 0;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos h4 {
  color: #27A879;
  font-size: 35px;
  line-height: 1;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos .caixa_text {
  font-size: 18px;
  line-height: 1.3;
}
.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos .caixa_enllac a {
  color: #3A362E;
  font-family: 'Youth';
  font-weight: 900;
  font-size: 14px;
  padding: 10px 50px;
}
/* --- Fi nova pag about us 24 --- */
/* --- Inici estils nova pag plan amigo 24 --- */
.caixa_general_plan_amigo {
  width: 100%;
  color: #38362d;
  background-color: #F8F8F8;
  display: flex;
  flex-direction: column;
  padding-top: 15rem;
}
.caixa_general_plan_amigo .caixa_textos {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  text-align: center;
  padding-bottom: 3rem;
}
.caixa_general_plan_amigo .caixa_textos h1 {
  font-family: 'Youth';
  font-size: 90px;
  color: #38362d;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.caixa_general_plan_amigo .caixa_textos .text_desc {
  text-align: center;
  font-family: 'Youth';
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  padding-left: 22%;
  padding-right: 22%;
}
.caixa_general_plan_amigo .caixa_textos h1 .text_verd, .caixa_general_plan_amigo .caixa_textos .text_desc .text_verd {
  color:#00aa76;
}
.caixa_general_plan_amigo .caixa_textos .caixa_botons_text {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-top: 30px;
  align-items: center;
}
a.boto_new_groc {
  cursor: pointer;
  position: relative;
  z-index: 10;
  background-color: #ffff5c;
  color: #38362d;
  text-decoration: none;
  border: 1px solid #ffff5c;
  padding: 15px 80px;
  text-align: center;
  border-radius: 60px;
  font-family: 'Youth';
  font-weight: 900;
  font-size: 30px;
  transition-duration: .3s;
  transition-property: transform;
  display: block;
  width: fit-content;
}
a.boto_new_groc.boto_format_petit {
  font-size: 20px;
  padding: 10px 60px;
}
a.boto_new_groc.boto_format_petit:hover {
  transform: none;
}
.caixa_general_pa_paso_a_paso {
  background-color: #FFFF5C;
  color: #3A362E;
  /*width: 100%;
  padding-left: 5%;
  padding-top: 5%;
  padding-bottom: 5%;*/
  /*display: flex;*/
  /*height: 250vh;*/
  height: 120vh;
}
.caixa_general_pa_paso_a_paso .caixa_interior_passos {
  overflow: hidden;
  position: sticky;
  top: 20vh;
  height: 64vh;
  /* margin-top: 60px; */
  /* margin-bottom: 60px; */
}

.horizontal_scroll {
  position: absolute;
  top: 0;
  width: 120vw;
  will-change: transform;
  display: flex;
  justify-content: start;
  /*! gap: 40px; */
  /*! padding-top: 60px; */
  padding-left: 5%;
  /*! padding-bottom: 60px; */
}

.scroll_contents {
  height: 100%;
  /*width: 100vw;*/
  width: 50vw;
  padding: 50px 50px 50px 1%;
  margin-top: 50px;
}
.caixa_interior_passos .caixa_columnes {
  display: flex;
  width: 70vw;
  gap: 40px;
  justify-content: space-between;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas { 
  width: 20vw;
  height: auto;
  padding: 50px;
  text-align: center;
  border: 1px solid;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: start;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas_final {
  width: 20vw;
  height: auto;
  padding: 50px;
  text-align: center;
  display:flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  /* min-width: 400px; */
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas_final b, .caixa_interior_passos .caixa_columnes .caixa_single_pas_final strong {
  font-family: 'Youth';
  font-size: 20px;
  color: #38362d;
  font-weight: 900;
  line-height: 1;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas_final a {
  cursor: pointer;
  position: relative;
  z-index: 10;
  background-color: #00aa76;
  color: #fff;
  text-decoration: none;
  border: 1px solid #00aa76;
  padding: 15px 49px;
  text-align: center;
  border-radius: 60px;
  font-family: 'Youth';
  font-weight: 900;
  font-size: 22px;
  transition-duration: .3s;
  transition-property: transform;
  text-wrap: nowrap;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas .desc_pas strong {
  font-family: 'Youth';
  font-size: 45px;
  color: #38362d;
  font-weight: 900;
  line-height: 1;
}
.caixa_single_pas .titol_pas {
  font-family: 'Youth';
  font-size: 40px;
  color: #38362d;
  font-weight: 900;
}
.caixa_general_pa_paso_a_paso .caixa_titols {
  /*width: 50%;*/
  /*display: flex;
  flex-direction: column;*/
}
.caixa_general_pa_paso_a_paso .caixa_titols h2 {
  font-family: 'Youth';
  font-size: 90px;
  color: #38362d;
  font-weight: 900;
  line-height: 1;
  text-align: left;
}
.caixa_general_pa_paso_a_paso .caixa_titols .subtitol {
  font-family: 'Youth';
  font-size: 40px;
  color: #38362d;
  line-height: 1;
  text-align: left;
  font-weight: 600;
  margin-top: 50px;
}
.caixa_general_pa_paso_a_paso .caixa_passos {
  width: 55%;
  /*overflow-x: scroll;
  display:flex !important*/
}
.caixa_faqs_plan_amigo {
  width: 100%;
  padding: 5%;
}
.caixa_faqs_plan_amigo .caixa_interior {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
.caixa_faqs_plan_amigo h4 {
  font-family: 'Youth';
  font-size: 90px;
  color: #38362d;
  font-weight: 900;
  line-height: 1;
  text-align: left;
  margin-bottom: 50px;
}
.caixa_faqs_plan_amigo .ui-accordion .ui-accordion-icons {
  font-family: 'Youth';
  color: #38362d;
  font-size: 25px;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #38362d;
  border-radius: 0;
}
.caixa_faqs_plan_amigo .ui-accordion .ui-accordion-icons img {
  width: 49px;
  height: 49px;
  transform: rotate(0deg);
  transition: all 0.5s;
}
.caixa_faqs_plan_amigo .ui-accordion .ui-accordion-icons.ui-state-active img {
  transform: rotate(90deg);
  transition: all 0.5s;
}
.caixa_faqs_plan_amigo .ui-accordion .ui-accordion-content {
  display: block;
  padding: 20px 0px 50px;
  border-top: 1px solid rgb(204, 204, 204);
  font-family: 'Youth';
  font-weight: 300;
}
/* --- Fi estils nova pag plan amigo 24 --- */
/* --- Inici estils nova pag empresa 24 --- */
.caixa_general_empresas_v24 {
  width: 100%;
  overflow: hidden;
  color: #38362d;
  background-color: #F8F8F8;
  display: flex;
  flex-direction: column;
  padding-top: 5rem;
}
.caixa_general_empresas_v24 .caixa_textos {
  padding-top: 5%;
  position: relative;
}

.back-video {
	position: absolute;
	z-index: 0;
	top: 0;
	/* overflow: clip; */
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.caixa_general_empresas_v24 .caixa_textos:nth-child(1):after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #ffffff7a;
	z-index: 1;
	position: absolute;
	display: block;
	top: 0%;
	left: 0%;
}

#modular2105.caixa_general_empresas_v24 .caixa_textos:nth-child(1):after {
	background-color: #0000007a !important;
}

#modular2105.caixa_general_empresas_v24 .caixa_textos h1, #modular2105.caixa_general_empresas_v24 .caixa_textos .text_desc {
	color: white;
}

.caixa_general_empresas_v24 .caixa_textos h1 {
  padding-left: 24%;
  padding-right: 24%;
	z-index: 2;
	position: relative;
}
.caixa_general_empresas_v24 .caixa_textos .text_desc {
  padding-left: 15%;
  padding-right: 15%;
	z-index: 2;
	position: relative;
}
.caixa_general_empresas_v24 .caixa_empresas_superior {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  justify-content: space-between;
}
.caixa_general_empresas_v24 .caixa_empresas_superior .caixa_textos {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-right: 8%;
  padding-top: 5%;
  row-gap: 2%;
}
.caixa_general_empresas_v24 .caixa_empresas_superior .caixa_textos .textos {
  margin-top: 30px;
  margin-bottom: 10px;
}
.caixa_general_empresas_v24 .caixa_empresas_superior .caixa_textos h1 {
  font-family: 'Youth';
  font-size: 100px;
  color: #38362d;
  font-weight: 900;
  line-height: 1;
}
.caixa_general_empresas_v24 .caixa_empresas_superior .caixa_textos  .textos {
  font-size: 25px;
}
.caixa_general_empresas_v24 .caixa_empresas_superior .caixa_textos img.imatge_absoluta {
  max-width: 40%;
}
.caixa_general_empresas_v24 .caixa_empresas_superior .caixa_imatge_prin {
  display: flex;
  justify-content: center;
  width: 50%;
  padding-top: 5%;
}
.caixa_general_empresas_v24 .caixa_empresas_superior .caixa_imatge_prin img {
  transform: scale(1);
  border-radius: 45px;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  padding-top: 5%;
  background-color: #fff;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari {
  width: 100%;
  overflow: hidden;
  padding: 5% 10% 5% 10%;
  border-radius: 20px;
  /* background-color: #FDFF5C; */
  border: 3px solid #FDFF5C;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_text_info_formulari {
  padding-left: 15%;
  padding-right: 15%;
  text-align: center;
  font-family: 'Youth';
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  padding-top: 2%;
  padding-bottom: 2%;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_text_info_formulari h2 {
  font-size: 39px;
  margin-bottom: 8px;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_linia_camps {
  display: flex;
  gap: 2%;
  margin-bottom: 20px;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_linia_camps .field {
  width: 50%;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .field label {
  font-weight: 900;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_linia_camps .field input {
  background-color: transparent;
  border: 1px solid #38362d;
  border-radius: 8px;
  padding: 20px 15px;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .field textarea {
  background-color: transparent;
  border: 1px solid #38362d;
  border-radius: 8px;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .wrap_btn {
  margin-top: 30px;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .wrap_btn .send {
  cursor: pointer;
  position: relative;
  z-index: 10;
  background-color: #ffff5c;
  color: #38362d;
  text-decoration: none;
  border: 1px solid #ffff5c;
  padding: 15px 80px;
  text-align: center;
  border-radius: 60px;
  font-family: 'Youth';
  font-weight: 900;
  font-size: 30px;
  border-color: #38362d;
}


.caixa_general_empresas_v24 .caixa_empresa_columnes_img {
  background-color: var(--color-principal);
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .textos {
  text-align: center;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .textos h2 {
  color: var(--color-tres);
  font-size: 47px;
  width: 50%;
  margin: 0 auto;
  line-height: 1.2;
  margin-bottom: 3%;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .textos .desc {
  font-size: 24px;
  width: 58%;
  margin: 0 auto 5%;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .caixa_columnes {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2%;
  flex-wrap: wrap;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .caixa_columnes .single_columna_img {
  color: var(--color-tres);
  text-align: center;
  flex: 1;
  position: relative; 
  padding-top: 2%;
  padding-bottom: 35px;
  padding-left: 25px;
  padding-right: 25px;
  
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .caixa_columnes .single_columna_img img {
  width: 190px;
  height: auto;
  padding-bottom: 5%;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .caixa_columnes .single_columna_img h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes_img .caixa_columnes .single_columna_img.columna-text h4{
  padding-top: 0px; 
  text-align: left;
  font-size: 36px;
  font-weight: bold;
}

.tema_principal {
  background-color: var(--color-principal) !important;
  color: var(--color-tres) !important;
}
.tema_secundari {
  background-color: var(--color-secundari) !important;
  color: #38362d !important;
}
.tema_crema {
  background-color: #ffffde !important;
  color: #38362d !important;
}
.tema_blanc {
  background-color: #fff !important;
  color: #38362d !important;
}

/* Plantilla generica */
#content_generic {
    margin-top: 90px;
    display: flex;
    flex-direction: column; 
    gap: 40px;
}

#content_superior {
    background-color: var(--color-principal);
    color: var(--color-tres);
    display: flex;
    font-family: 'Youth';
}

#content_superior h2 {
    font-size: 90px;
}
#content_superior h3 {
    font-size: 35px;
}
#content_superior #content{
    text-align: left;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.7;
}

#content_esquerra {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 50%;
    padding-right: 12%;
    row-gap: 3rem;
    padding: 5% 5%;
}
#content_dreta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    border-radius: 20px;
}
#content_dreta img {
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0px;
}

.titol_seccio {
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.boto_generic {
    width: 25%;
    min-width: max-content;
    max-width: 100%;margin: 0 auto;
    margin-left: 0;
    cursor: pointer;
    position: relative;
    z-index: 10;
    background-color: var(--color-principal);
    color: var(--color-tres);
    text-decoration: none;
    border: 1px solid var(--color-principal);
    padding: 15px 80px;
    text-align: center;
    border-radius: 60px;
    font-family: 'Youth';
    font-weight: 900;
    font-size: 20px;
    transition-duration: .3s;
    transition-property: transform;
}
.boto_generic a {
    color: inherit;
    text-decoration: none;
}
.boto_generic:hover {
    transform: rotate(4deg);
}

#content_galeria {
    width: 100%;
}
.galeria_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
}
.galeria_grid .galeria-thumb {
    cursor: pointer;
    object-fit: cover;
    border-radius: 20px;
}
.galeria_grid .galeria-thumb:hover {
    transform: scale(1.05);
}

#galeria-modal {
    display:none;position:fixed;z-index:9999;top:0;left:0;
    width:100vw;height:100vh;background:rgba(0,0,0,0.85);
    align-items:center;justify-content:center;
}
#galeria-close {position:absolute;top:20px;right:30px;font-size:2.5rem;background:none;color:#fff;border:none;cursor:pointer;}
#galeria-prev, #galeria-next {position:absolute;top:50%;transform:translateY(-50%);font-size:2.5rem;background:none;color:#fff;border:none;cursor:pointer;padding:10px;}
#galeria-prev {left:30px;}
#galeria-next {right:30px;}
#galeria-modal-img {max-width:85vw;max-height:80vh;box-shadow:0 0 25px #000;border-radius:6px;}

.downloads_container .adjunt_home {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #333;
}
.downloads_container .adjunt_home:hover {
    color: var(--color-principal);
}

#content_superior.no-image #content_esquerra {
    width: 100%;
    max-width: 100%;
}
/* Fi plantilla generica */


.caixa_general_empresas_v24 .caixa_empresa_columnes {
  background-color: #FDFF5C;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes .textos {
  text-align: center;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes .textos h2 {
  font-size: 47px;
  /* width: 50%; */
  margin: 0 auto;
  line-height: 1.2;
  margin-bottom: 3%;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes .textos .desc {
  font-size: 27px;
  /* width: 58%; */
  margin: 0 auto;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2%;
  flex-wrap: wrap;
  row-gap: 2vw;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna {
  width: 23%;
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 35px 45px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  justify-content: start;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  border-radius: 20px;
}

/* 4 columnas */
.caixa_general_empresas_v24 .caixa_empresa_columnes.columnes-4 .caixa_columnes .single_columna {
  width: 23%;
}

/* 5 columnas*/
.caixa_general_empresas_v24 .caixa_empresa_columnes.columnes-5 .caixa_columnes {
  gap: 4%;
  row-gap: 2vw;
}


.caixa_general_empresas_v24 .single_columna img {
        /* border-radius: 20px; */
        aspect-ratio: 1 / 1;
        width: 50%;
        margin: 0 auto;
        display: none;
    }
    .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes {
    justify-content: center;
    /* gap: 2%; */
    }

.caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna h4 {
  font-size: 33px;
  line-height: 1.3;
}
.caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna .desc {
  font-size: 18px;
}

.caixa_general_empresas_v24 .textos .desc_ext {
  font-size: 22px;
  padding-top: 3%;
  padding-left: 15%;
  padding-right: 15%;
}


.caixa_general_empresas_v24 .caixa_boto_amb_ancla {
  width: 100%;
  text-align: center;
  padding-top: 5%;
  /* padding-bottom: 5%; */
  background-color: unset;
  display: flex;
  justify-content: center;
}

.caixa_general_empresas_v24 .caixa_boto_amb_ancla a {
  cursor: pointer;
  position: relative;
  z-index: 10;
  background-color: var(--color-secundari);
  color: #38362d;
  text-decoration: none;
  border: 1px solid var(--color-secundari);
  padding: 15px 80px;
  text-align: center;
  border-radius: 60px;
  font-family: 'Youth';
  font-weight: 900;
  font-size: 30px;
  /* color: var(--color-background-principal); */
  display: block;
  width: fit-content;
	transition: 0.3s all;
}

.caixa_general_empresas_v24 .caixa_boto_amb_ancla a:hover {
	transform: rotate(4deg);
}

.caixa_general_empresas_v24 .caixa_empresa_columnes + .caixa_boto_amb_ancla {
  text-align: center;
  padding-top: 0%;
  padding-bottom: 5%;
  background-color: var(--color-secundari);
}

.caixa_general_empresas_v24 .caixa_empresa_columnes + .caixa_boto_amb_ancla a {
	background-color: var(--color-principal);
	border-color: var(--color-principal);
	color: var(--color-crema);
}



.caixa_general_empresas_v24 .caixa_empresa_aventatges {
  display: flex;
  background-color: var(--color-footer-copyright);
  padding: 5% 5%;
}
.caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_esquerra {
  flex: 1;
  padding-right: 8%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_esquerra h2 {
  font-family: 'Youth';
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 50px;
}
.caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_esquerra .desc {
  font-size: 30px;
  line-height: 1.6;
  padding-right: 30%;
  margin-bottom: 50px;
  color: var(--color-background-principal);
}
.caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_cercle {
  position: absolute;
  width: 80px; 
  height: 80px;
  background-color: var(--color-secundari);
  border-radius: 50%; 
  top: 50%;
  left: 0;
  transform: translateY(-50%); 
  margin-left: 0;
}
.caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_dreta {
  flex: 2;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding-left: 2%;
}
.caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_dreta .single_columna {
  display: flex;
  align-items: center; 
  position: relative; 
  background-color: var(--color-principal);
  border-radius: 50px;
  min-height: 60px; 
  padding: 25px 30px; 
  padding-left: 105px;
}
.caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_dreta .single_columna .desc {
  color: var(--color-tres);
  font-family: 'Youth';
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  width: 100%; 
  padding: 0;
}


.caixa_general_empresas_v24 .caixa_empresa_passos {
  display: flex;
  background-color: var(--color-principal);
  padding: 5% 5%;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra {
  max-width: 50%;
  padding-right: 8%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra h2 {
  color: var(--color-footer-copyright);
  font-family: 'Youth';
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 50px;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra .desc {
  font-size: 30px;
  line-height: 1.6;
  padding-right: 30%;
  margin-bottom: 50px;
  color: var(--color-background-principal);
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_boto_amb_ancla {
  text-align: left;
  justify-content: flex-start;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta {
  width: 43%;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  padding-left: 2%;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna {
  display: flex;
  border-radius: 50px;
  background-color: var(--color-footer-copyright);
  overflow: hidden;
  flex-direction: row;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .desc {
  width: 69%;
  color: var(--color-gris-fosc);
  font-family: 'Youth';
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8%;
  padding-right: 8%;
  padding: 20px 8%;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .caixa_imatge {
  width: 31%;
}
.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .caixa_imatge img {
  /* transform: scale(1.05); */
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
  aspect-ratio: auto;
  display: block;
  aspect-ratio: 1 / 1;
}
.caixa_general_empresas_v24 .titol_formulari_empresas h2 {
  font-family: 'Youth';
  font-size: 90px;
  color: #27A879;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.caixa_general_empresas_v24 .caixa_empresas_inferior .titol_formulari_empresas {
  padding-left: 6%;
  padding-right: 6%;
  padding-bottom: 5%;
}

/* --- Fi estils nova pag empresa 24 --- */
/* --- Inici estils nova pag faqs v24 --- */
.caixa_general_faqs_v24 {
  background-color: #00aa76;
  color: #fff;
  padding-top: 8%;
  text-align: center;
}
.caixa_general_faqs_v24 h1 {
  font-family: 'Youth';
  font-size: 90px;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.caixa_general_faqs_v24 .contenidor_fills_faqs {
  margin: 0 auto;
  padding: 5% 0;
}
.caixa_general_faqs_v24 .ui-accordion .ui-accordion-icons {
  font-family: 'Youth';
  font-weight: 700;
  line-height: 1;
  background-color: #fff;
  font-size: 35px;
  border-radius: 45px;
  padding-top: 25px;
  padding-bottom: 24px;
  margin-top: 30px;
  transition: 0.5s all;
  position: relative;
  z-index: 1;
}
.caixa_general_faqs_v24 .ui-accordion .ui-accordion-content {
  display: block;
  background-color:#FDFF5C;
  padding-top: 90px;
  /* margin-top: -45px; */
  color: #3B352E;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 22px;
  padding-bottom: 5%;
  font-family: 'Youth';
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
  /* line-height: 1.5; */
  /* transition: 0.5s margin-top; */
  position: relative;
  top: -45px;
  z-index: 0;
}
.caixa_general_faqs_v24 .caixa_imatge_principal {
  margin-bottom: 5%;
}
.caixa_general_faqs_v24 .caixa_imatge_principal img {
  max-width: 25%;
}
/* --- Fi estils nova pag faqs v24 --- */
/* --- Inici estils nova pag contacto v24 --- */
.pagina_contacte_v24 {
  display: flex;
  margin: 10rem 0;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 5%;
  padding-right: 5%;
  color: #38362d;
}

.pagina_contacte_v24 .contenidor_centrat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
	width: 70%
}

.pagina_contacte_v24 .hbspt-form {
	width: 100%;
	border: 5px solid var(--color-secundari);
	padding: 50px;
	border-radius: 30px;
}


.pagina_contacte_v24 h1, .pagina_contacte_v24 h2 {
  font-size: 60px;
  font-weight: 900;
  margin-bottom: 0;
  line-height: 1;
text-align: center;
width: 100%
}
/* --- Fi estils nova pag contacto v24 --- */

/******************************
* Versio Footer 24 *
******************************/

footer#v24 {
	/* font-family: 'Youth'; */
	background-color: #38362d;
  margin-top: 0;
  padding-top: 5rem;
  padding-bottom: 3rem;
}

footer#v24 .top {
  display: flex;
  padding-top: 0px;
  width: 100%;
}

footer#v24 .top .left {
  width: 30%;
}

footer#v24 .top .left .frase {
  font-size: 14px;
  padding-left: 15px;
  margin-top: 10px;
}

footer#v24 .top .mid {
  width: 30%;
}

footer#v24 .top .right {
  width: 30%;
}

footer#v24 .bottom {
  padding: 6rem 0 1rem;
  width: 100%;
  background: #38362d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* max-width: 1500px; */
  margin: 0 auto;
  max-width: 1500px;
  border-top: 1px solid rgba(255,255,255,0.5);
  margin-top: 5rem;
}

footer#v24 .bottom .box.pagaments {
	width: 35%;
	display: flex;
	flex-direction: column;
	align-items: start;
	row-gap: 5px;
	/* margin-bottom: 27px; */
}
footer#v24 .bottom .box.pagaments .linia_pagament {
  display: flex;
  gap: 14px;
  padding-bottom: 0;
  align-items: center;
}
footer#v24 .bottom .box.full.pagaments img {
  height: auto;
  width: 70px;
  aspect-ratio: 16/9;
  object-fit: contain;
}
footer#v24 .bottom .box.caixa_logo_footer {
  width: 60%;
}
footer#v24 .bottom .caixa_logo_footer img.logo_footer {
  max-width: 100%;
}

#v24 .menu_footer {
  /*border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);*/
  margin: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: space-between;
  padding: 0px;
  flex-wrap: wrap;
}

#v24 .menu_footer .box {
  display: flex;
  flex-direction: column;
  color: #fff;
  margin: 0px;
  width: 40%;
}

#v24 .menu_footer .box.full {
  display: flex;
  flex-direction: column;
  color: #fff;
  margin: 0px;
  width: 25%;
  row-gap: 6px;
}

#v24 .menu_footer .box.info {
  flex-direction: row;
  justify-content: end;
  align-items: baseline;
  width: 60%;
  gap: 5%;
  /* font-family: 'Youth'; */
}
#v24 .menu_footer .box.ubi {
  flex-direction: column;
}
#v24 .menu_footer .box span, #v24 .menu_footer .box a {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 15px;
}

#v24 .menu_footer .box b {
  margin-bottom: 10px;
  text-transform: initial;
  font-size: 1.3em;
  font-weight: bold;
  font-family: 'Youth';
}
#v24 .menu_footer .box span i {
  margin-right: 5px;
}

#v24 .menu_footer .box a {
  color:#fff;
  margin-bottom: 0px;
  font-family: 'Youth';
  font-weight: 400;
}

#v24 .menu_footer .box a:hover {
  text-decoration: underline;
}

#v24 .xarxesfooter {
  justify-content: flex-start;
  display: flex;
  gap: 20px;
  margin-top: 0px;
}

#v24 .xarxesfooter a i {
  font-size: 35px;
  color: #fff;
}

#v24 .xarxesfooter a:hover {
  text-decoration: none !important;
}

#v24 #content_footer {
  display: flex;
}

#v24 #content_footer>div {
  width: 20%;
}

#v24 #logos_footer {
  text-align: center;
  padding-top: 25px;
  padding-right: 45px;
}


#v24 #xarxes_footer {
  font-size: 28px;
}

#v24 #xarxes_footer a {
  margin: 0px 15px;
}

#v24 .columna_footer {
  font-size: 11px;
  letter-spacing: 1px;
  padding-left: 20px;
}

#v24 .columna_footer h4 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 45px;
}

#v24 .columna_footer a,
#v24 .columna_footer span {
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#v24 .botons_footer {
  text-align: right;
  margin-bottom: 25px;
}

#v24 .boto_footer {
  background-color: #000;
  color: #FFF;
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 25px;
  background-color: var(--color-secundari);
  letter-spacing: 2px;
  font-size: 16px;
}

#v24 .boto_footer img {
  width: 25px;
  margin-right: 10px;
}

#v24 #post_footer {
  color: #808080;
  background-color: #FFF;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
  border-top: 1px solid #CCC;
}

#v24 #post_footer>div {
  padding: 15px;
}

.bottom-copyright .container.copyright {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.bottom-copyright .container.copyright .zona_esquerra {
  max-width: 25%;
  display: flex;
  align-items: center;
}
.bottom-copyright .container.copyright .zona_dre
  align-content: center;
  justify-content: center;
  align-items: end;
  font-size: 12px;
  flex-direction: column;
  row-gap: 15px;
}

@media (max-width:1100px) { 


.caixa_general_about_us .caixa_about_us_valores .caixa_interna {
	flex-direction: column;
	gap: 5vh;
}
	
  .caixa_general_about_us {
    padding-top: 6rem;
    /*row-gap: 3rem;*/
  }
  .caixa_general_about_us .caixa_interior_banner {
    /*height: 50vh;*/
  }
  .caixa_general_about_us .caixa_interior_banner img {
    border-radius: 30px;
  }
  .caixa_general_about_us .caixa_textos {
    row-gap: 1rem;
  }
  .caixa_general_about_us .caixa_textos h1 {
    font-size: 70px;
  }
  .caixa_general_about_us .caixa_textos .text_desc {
    font-size: 35px;
    padding-left: 20%;
    padding-right: 20%;
  }
  .caixa_general_about_us .caixa_slogan .caixa_interior_slogan .caixa_dreta {
    font-size: 18px;
  }
  footer#v24 {
    padding-left: 5%;
    padding-right: 5%;
  }
  .bottom-copyright .container.copyright {
    padding-left: 5%;
    padding-right: 5%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	  gap: 10px
  }

	  .bottom-copyright .container.copyright > div {
	max-width: 100% !important;
	justify-content: center;
	align-items: center !important;
	display: flex;
	}

	.bottom-copyright .container.copyright .zona_esquerra {
		max-width: 50% !important;
	}
	
  #filtres_sup_categories {
    top: 70px;
  }
  .caixa_general_empresas_v24 {
    padding-top: 4rem;
    /*row-gap: 5rem;*/
  }
  .caixa_general_empresas_v24 .caixa_empresas_superior .caixa_imatge_prin {
    justify-content: start;
  }
  .caixa_general_empresas_v24 .caixa_empresas_superior .caixa_textos h1 {
    font-size: 75px;
  }
  .caixa_general_empresas_v24 .caixa_boto_amb_ancla {
    padding-top: 10%;
    padding-bottom: 0%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra h2 {
    font-size: 45px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra .desc {
    font-size: 23px;
    padding-right: 0%;
    margin: 0px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .caixa_imatge img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .desc {
    font-size: 20px;
  }
  .caixa_general_empresas_v24 .titol_formulari_empresas h2 {
    font-size: 80px;
  }

  .caixa_general_empresas_v24 .caixa_textos h1 {
    padding-left: 20%;
    padding-right: 20%;
  }
  .caixa_general_about_us .caixa_textos h1, .caixa_general_empresas_v24 .caixa_textos h1 {
    font-size: 85px;
  }
  .caixa_general_about_us .caixa_textos .text_desc, .caixa_general_empresas_v24 .caixa_textos .text_desc {
    font-size: 35px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .textos h2 {
    font-size: 40px;
    margin: 0px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .textos .desc {
    font-size: 23px;
    width: 100%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna {
    padding: 35px 35px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna h4 {
    font-size: 25px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna .desc {
    font-size: 15px;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna h3 {
    font-size: 80px;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna .caixa_textos {
    font-size: 20px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols {
    padding-right: 10%;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h2 {
    font-size: 75px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h3 {
    font-size: 35px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos {
    padding-left: 5%;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos h4 {
    font-size: 30px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos .caixa_text {
    font-size: 15px;
  }

  /* Plan Amigos v24 */

  .horizontal_scroll {
    flex-direction: column;
    position: relative;
    top: auto;
    width: 100%;
    padding: 5%;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols {
      width: 100%;
      margin: 0px;
      padding: 0px;
  }
  .caixa_interior_passos .caixa_columnes {
      width: 100%;
      justify-content: center;
      margin: 0px;
      flex-wrap: wrap;
      padding: 0px;
      margin-top: 50px;
  }
  .caixa_general_pa_paso_a_paso .caixa_interior_passos {
      position: relative;
      height: auto;
      margin: 0px;
      top: 0px;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols h2 {
      text-align: center;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols .subtitol {
      text-align: center;
  }
  .caixa_interior_passos .caixa_columnes .caixa_single_pas {
      width: 31%;
  }
  .caixa_interior_passos .caixa_columnes .caixa_single_pas_final {
      padding: 0px;
      width: 31%;
  }
  .caixa_general_pa_paso_a_paso {
      height: auto;
  }
  .caixa_general_plan_amigo {
    padding-top: 9rem;
  }

  /* *********** */

/* --- Inici estils nova pag contacto v24 --- */

.pagina_contacte_v24 {
  margin: 7rem 0;
}

.pagina_contacte_v24 .field input {
  padding: 15px;
}
.pagina_contacte_v24 h1, .pagina_contacte_v24 h2 {
  font-size: 50px;
}
.pagina_contacte_v24 .right .inner .caixa_textos .info, .pagina_contacte_v24 .left .inner .s {
  font-size: 18px;
}
/* --- Fi estils nova pag contacto v24 --- */


}

@media (max-width: 1100px) {  

.caixa_general_faqs_v24 .contenidor_fills_faqs {
	width: 80%;
}
	
  .caixa_general_about_us .caixa_interior_banner {
    /*height: 40vh*/
  }
  footer#v24 .bottom .box.full.pagaments img {
    max-width: 42px;
  }
  .caixa_general_about_us .caixa_textos h1, .caixa_general_empresas_v24 .caixa_textos h1 {
    font-size: 75px;
  }
  .caixa_general_empresas_v24 .caixa_textos h1 {
    padding-left: 5%;
    padding-right: 5%;
    margin: 0px;
  }

.caixa_general_about_us .caixa_textos .caixa_botons_text, .caixa_general_empresas_v24 .caixa_textos .caixa_botons_text {
	margin: 0px;
}
	
  .caixa_general_about_us .caixa_textos .text_desc, .caixa_general_empresas_v24 .caixa_textos .text_desc {
    font-size: 30px;
    padding: 0 10%;
  }
  .caixa_general_about_us .caixa_textos .caixa_botons_text a.boto_new_groc, .caixa_general_empresas_v24 .caixa_textos .caixa_botons_text a.boto_new_groc {
    font-size: 25px;
  }

	.caixa_general_empresas_v24 .caixa_empresa_columnes {
		/* display: flex; */
		gap: 3vh;
	}
	
  .caixa_general_empresas_v24 .caixa_empresa_columnes .textos h2 {
    font-size: 33px;
    width: 100%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .textos .desc {
    font-size: 20px;
    margin: 0px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna {
    padding: 35px 15px;
    width: 49%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna h4 {
    font-size: 20px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna .desc {
    font-size: 15px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra h2 {
    font-size: 40px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra .desc {
    font-size: 18px;
  }
  .caixa_general_empresas_v24 .caixa_boto_amb_ancla a {
    font-size: 18px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .desc {
    font-size: 15px;
    padding-right: 5%;
  }
  .caixa_general_empresas_v24 .titol_formulari_empresas h2 {
    font-size: 60px;
  }
  .caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_text_info_formulari {
    font-size: 33px;
    padding: 5% 0%;
    padding-top: 2%;
  }

	.caixa_general_empresas_v24 .caixa_empresa_passos {
		gap: 2%;
	}

	.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra {
		padding-right: 0%;
	}

	.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta {
		padding: 0px;
		row-gap: 3vw;
		justify-content: flex-end;
		width: 50%;
	}

.caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna {
	border-radius: 25px;
	width: 100%;
}
	
  .caixa_general_about_us .caixa_imatge_textos img {
    max-width: 60px;
  }
  .caixa_general_about_us .caixa_textos .text_desc .text_verd, .caixa_general_empresas_v24 .caixa_textos .text_desc .text_verd {
    font-size: 30px;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna {
    padding-right: 6%;
    row-gap: 2%;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna h2, .caixa_general_faqs_v24 h2 {
    font-size: 50px !important;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna h3 {
    font-size: 65px;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna .caixa_textos {
    font-size: 16px;
  }
  .caixa_general_about_us .caixa_about_us_text_caixa_blanca {
    padding-top: 10%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 24px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols {
    padding-right: 6%;
    width: 100%;
    position: relative;
    top: 0px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h2 {
    font-size: 60px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h3 {
    font-size: 26px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat {
    gap: 50px;
    width: 100%;
  }


  /* Plan Amigos v24 */

  .horizontal_scroll {
    flex-direction: column;
    position: relative;
    top: auto;
    width: 100%;
    padding: 5%;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols {
      width: 100%;
      margin: 0px;
      padding: 0px;
  }

  .caixa_general_plan_amigo .caixa_textos h1 {
    font-size: 80px;
  }

  .caixa_interior_passos .caixa_columnes {
      width: 100%;
      justify-content: center;
      margin: 0px;
      flex-wrap: wrap;
      padding: 0px;
      margin-top: 50px;
  }
  .caixa_general_pa_paso_a_paso .caixa_interior_passos {
      position: relative;
      height: auto;
      margin: 0px;
      top: 0px;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols h2 {
      text-align: center;
      font-size: 80px;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols .subtitol {
      text-align: center;
  }
  .caixa_interior_passos .caixa_columnes .caixa_single_pas {
      width: 45%;
  }
  .caixa_interior_passos .caixa_columnes .caixa_single_pas_final {
      padding: 0px;
      width: 100%;
      margin-top: 20px;
  }
  .caixa_general_pa_paso_a_paso {
      height: auto;
  }
  .caixa_general_plan_amigo {
    padding-top: 9rem;
  }

  .caixa_faqs_plan_amigo h4 {
    font-size: 80px;
    text-align: center;
  }

  /* *********** */

  /* --- Inici estils nova pag contacto v24 --- */

  .pagina_contacte_v24 {
    flex-direction: column-reverse;
    gap: 29px;
  }

  .pagina_contacte_v24 .left, .pagina_contacte_v24 .right {
    width: 100%;
    padding: 6%;
  }

  .pagina_contacte_v24 .field input {
    padding: 15px;
  }
  .pagina_contacte_v24 h1, .pagina_contacte_v24 h2 {
    font-size: 50px;
  }
  .pagina_contacte_v24 .right .inner .caixa_textos .info, .pagina_contacte_v24 .left .inner .s {
    font-size: 18px;
  }

	.caixa_general_empresas_v24 .caixa_empresas_inferior .titol_formulari_empresas {
		padding: 0px;
		padding-bottom: 5%;
	}
  /* --- Fi estils nova pag contacto v24 --- */


}
@media (max-width:800px) { 
  .caixa_general_about_us {
    padding-top: 6rem;
    row-gap: 0;
  }
  .caixa_general_about_us .caixa_interior_banner {
    /*height: 30vh;*/
  }
  .caixa_general_about_us .caixa_textos {
    row-gap: 2rem;
  }
  .caixa_general_about_us .caixa_slogan .caixa_interior_slogan .caixa_dreta {
    font-size: 14px;
  }
  #head_login img {
    height: auto !important;
  }
  .caixa_general_empresas_v24 .caixa_textos h1 {
    padding-left: 5%;
    padding-right: 5%;
  }
  .caixa_general_about_us .caixa_textos h1, .caixa_general_empresas_v24 .caixa_textos h1 {
    font-size: 42px;
    margin: 0px;
  }
  .caixa_general_empresas_v24 .caixa_textos .text_desc {
    padding-left: 10%;
    padding-right: 10%;
  }
  .caixa_general_about_us .caixa_textos .text_desc, .caixa_general_empresas_v24 .caixa_textos .text_desc {
    font-size: 25px;
  }

.caixa_general_about_us .caixa_textos .caixa_botons_text, .caixa_general_empresas_v24 .caixa_textos .caixa_botons_text {
	margin: 0px;
}
	
  .caixa_general_about_us .caixa_textos .caixa_botons_text a.boto_new_groc, .caixa_general_empresas_v24 .caixa_textos .caixa_botons_text a.boto_new_groc {
    font-size: 18px;
    margin: 0 7%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .textos h2 {
    width: 100%;
  font-size: 35px;
  margin-bottom: 8%;
  margin-top: 5%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .textos .desc {
    font-size: 20px;
  width: 100%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes {
    flex-direction: column;
    row-gap: 30px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_columnes .caixa_columnes .single_columna {
    width: 100%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 10%;
    gap: 20px;
  }
.single_columna img {
	width: 50%;
}
	
  .caixa_general_empresas_v24 .caixa_empresa_columnes {
    padding-bottom: 10%;
  }
  .caixa_general_empresas_v24 .caixa_boto_amb_ancla {
    padding-top: 60px;
    padding-bottom: 10% !important;
  }
  .caixa_general_empresas_v24 .caixa_boto_amb_ancla a {
    font-size: 15px;
  }
   .caixa_general_empresas_v24 .caixa_empresa_aventatges {
    display: flex;
    flex-direction: column;
  }
  .caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_esquerra {
    max-width: 100%;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    gap: 4vh;
    padding-top: 4vh;
    padding-bottom: 4vh;
  }
  .caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_esquerra h2 {
    font-size: 40px;
    text-align: center;
    margin: 0px;
    /* margin-top: 5vh; */
  }
  .caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_esquerra .desc {
    font-size: 20px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    margin-bottom: 0px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_dreta {
    padding-left: 0;
    width: 100%;
    row-gap: 25px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_aventatges .caixa_dreta .single_columna .desc {
    font-size: 16px;
  }

  .caixa_general_empresas_v24 .caixa_empresa_passos {
    display: flex;
    flex-direction: column;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra {
    max-width: 100%;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    gap: 4vh;
    padding-top: 4vh;
    padding-bottom: 4vh;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra h2 {
    font-size: 40px;
    text-align: center;
    margin: 0px;
    /* margin-top: 5vh; */
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_esquerra .desc {
    font-size: 20px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    margin-bottom: 0px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_boto_amb_ancla {
    text-align: center;
    padding: 0px;
    justify-content: center;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta {
    padding-left: 0;
    width: 100%;
    row-gap: 25px;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .desc {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 60%;
    padding-right: 5%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .caixa_imatge {
    width: 40%;
  }
  .caixa_general_empresas_v24 .caixa_empresa_passos .caixa_dreta .single_columna .caixa_imatge img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .caixa_general_empresas_v24 .caixa_empresas_inferior .titol_formulari_empresas {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10%;
  }
  .caixa_general_empresas_v24 .titol_formulari_empresas h2 {
    font-size: 40px;
  }
  .caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_text_info_formulari {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 20px;
    padding-top: 10%;
    padding: 0px;
    padding-bottom: 10%;
  }
  .caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_linia_camps {
    flex-direction: column;
  }
  .caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .caixa_linia_camps .field {
    width: 100%;
  }
  .caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .wrap_btn {
    text-align: center;
  }
  .caixa_general_empresas_v24 .caixa_empresas_inferior .caixa_interior_formulari .wrap_btn .send {
    border-color:#38362d;
  }
  .caixa_general_about_us .caixa_textos .caixa_imatge_textos img {
    max-width: 65px;
    /* margin-top: 50px; */
  }
  .caixa_general_about_us .caixa_textos .text_desc .text_verd, .caixa_general_empresas_v24 .caixa_textos .text_desc .text_verd {
    font-size: 25px;
  }
  .caixa_general_about_us .caixa_textos .caixa_botons_text {
    flex-direction: column;
    padding-left: 10%;
    padding-right: 10%;
    margin: 0px;
	  align-items: center
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge {
    flex-direction: column-reverse;
    padding: 0px;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna {
    width: 100%;
    /* padding-right: 0; */
    max-width: 100%;
    row-gap: 20px;
    padding: 10%;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna h2 {
    font-size: 25px;
    text-align: center;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna h3 {
    font-size: 55px;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_interna .caixa_textos {
    font-size: 16px;
    padding: 0px;
  }
  .caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_imatge {
    width: 100%;
    height: 35vh;
  }

.caixa_general_about_us .caixa_about_us_v24_text_mes_imatge .caixa_imatge img {
	aspect-ratio: auto;
	width: 100%;
}
	
  .caixa_general_about_us .caixa_textos {
    /* padding-bottom: 10%; */
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna {
    flex-direction: column;
    row-gap: 40px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols {
    width: 100%;
    position: relative;
    top: 0;
    padding-right: 0;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h2 {
    text-align: center;
    font-size: 50px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_titols h3 {
    text-align: center;
    font-size: 33px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat {
    width: 100%;
    gap: 15px;
    flex-direction: column;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_img {
	width: 100%;
	/* aspect-ratio: 4 / 2; */
	height: 20vh;
	/* aspect-ratio: 3 / 1; */
	/* aspect-ratio: auto; */
}


	.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_img img {
		/* height: 25%; */
	}

	.caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos {
		width: 100%;
		padding: 0px;
		/* height: 50%; */
	}
	
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos h4 {
    font-size: 24px;
  }
  .caixa_general_about_us .caixa_about_us_valores .caixa_interna .caixa_llistat .caixa_single_llistat .caixa_textos .caixa_text {
    font-size: 14px;
  }
  .caixa_general_about_us .caixa_about_us_text_caixa_blanca {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 20px;
    line-height: 1.3;
    background-color: #fff;
    padding-top: 10%;
    padding-bottom: 8%;
  }
  .caixa_general_plan_amigo {
    padding-top:8rem;
  }
  .caixa_general_plan_amigo .caixa_textos h1 {
    font-size: 55px;
  }
  .caixa_general_plan_amigo .caixa_textos .text_desc {
    font-size: 25px;
    padding-left: 5%;
    padding-right: 5%;
  }
  .caixa_general_plan_amigo .caixa_textos .caixa_botons_text {
    margin-top: 10px;
    margin-bottom: 30px;
    flex-direction: column;
    margin: 0 5%;
  }
  a.boto_new_groc {
    font-size: 22px;
    padding: 10px 60px;
    display: block;
    width: 100%;
  }
  .caixa_general_pa_paso_a_paso {
    height: auto;
  }
  .caixa_general_pa_paso_a_paso .caixa_interior_passos {
    position: relative;
    top: 0;
    height: auto;
  }
  .horizontal_scroll {
    position: relative;
    width: 100%;
    flex-direction: column;
    padding-right: 5%;
  }
  .scroll_contents {
    width: 100%;
    padding:0 0;
    height: auto;
    margin-top: 0;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols h2, .caixa_faqs_plan_amigo h4 {
    text-align: center;
    font-size: 45px;
  }
  .caixa_general_pa_paso_a_paso .caixa_titols .subtitol {
    text-align: center;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 40px;
  }
  .caixa_interior_passos .caixa_columnes {
    width: 100%;
    flex-direction: column;
  }
  .caixa_interior_passos .caixa_columnes .caixa_single_pas, .caixa_interior_passos .caixa_columnes .caixa_single_pas_final {
    width: 100%;
  }
  .caixa_faqs_plan_amigo {
    padding: 10% 5%;
  }
  .caixa_faqs_plan_amigo .caixa_interior {
    width: 100%;
    max-width: 100%;
  }
  .caixa_faqs_plan_amigo .ui-accordion .ui-accordion-icons {
    font-size: 15px;
  }
  .caixa_faqs_plan_amigo .ui-accordion .ui-accordion-icons img {
    width: 25px;
    height: 25px;
  }
  .caixa_faqs_plan_amigo .ui-accordion .ui-accordion-content {
    font-size: 13px;
    color: rgba(0,0,0,0.6);
  }
  .caixa_general_faqs_v24 {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
  .caixa_general_faqs_v24 .caixa_imatge_principal img {
    max-width: 40%;
  }
  .caixa_general_faqs_v24 h1 {
    font-size: 55px;
  }
  .caixa_general_faqs_v24 .contenidor_fills_faqs {
    width: 90%;
  }
  .caixa_general_faqs_v24 .ui-accordion .ui-accordion-icons {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .caixa_general_faqs_v24 .ui-accordion .ui-accordion-content {
    margin-top: 15px;
    font-size: 15px;
  }

 /* Plan Amigos v24 */

 .horizontal_scroll {
  flex-direction: column;
  position: relative;
  top: auto;
  width: 100%;
  padding: 5%;
  padding-top: 10%;
}
.caixa_general_pa_paso_a_paso .caixa_titols {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.caixa_general_plan_amigo .caixa_textos h1 {
  font-size: 60px;
}

.caixa_interior_passos .caixa_columnes {
    /* width: 80%; */
    justify-content: center;
    /* margin: 0px; */
    /* flex-wrap: wrap; */
    /* padding: 0px; */
    margin-top: 10px;
    /* margin: 0 auto; */
    margin-top: 10px;
}
.caixa_general_pa_paso_a_paso .caixa_interior_passos {
    position: relative;
    height: auto;
    margin: 0px;
    top: 0px;
}
.caixa_general_pa_paso_a_paso .caixa_titols h2 {
    text-align: center;
    font-size: 60px;
}
.caixa_general_pa_paso_a_paso .caixa_titols .subtitol {
    text-align: center;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas {
    width: 100%;
    /* flex-direction: row; */
    padding: 30px;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas_final {
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}
.caixa_general_pa_paso_a_paso {
    height: auto;
}
.caixa_general_plan_amigo {
  padding-top: 9rem;
}

.caixa_faqs_plan_amigo h4 {
  font-size: 60px;
  text-align: center;
}

.caixa_single_pas .titol_pas {
}

.caixa_single_pas .desc_pas {/* font-size: 17px; */}

/* *********** */

/* --- Inici estils nova pag contacto v24 --- */
.pagina_contacte_v24 .contenidor_centrat {
	width: 90%;
	margin: 0 auto;
	padding: 0px;
}
.pagina_contacte_v24 .hbspt-form {
	padding: 30px;
}

	.caixa_general_empresas_v24 .caixa_textos {
		row-gap: 20px;
		padding-top: 10%;
	}
/* --- Fi estils nova pag contacto v24 --- */


}
@media (max-width:600px) {  
  .caixa_general_about_us .caixa_interior_banner {
    /*height: 25vh;*/
  }
  .caixa_general_about_us .caixa_textos h1 {
    font-size: 55px;
  }
  .caixa_general_about_us .caixa_textos .text_desc {
    font-size: 28px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .caixa_general_about_us .caixa_slogan .caixa_interior_slogan {
    flex-direction: column;
    align-items: center;
  }
  .caixa_general_about_us .caixa_slogan .caixa_interior_slogan .caixa_esquerra {
    width: 60%;
  }
  .caixa_general_about_us .caixa_slogan .caixa_interior_slogan .caixa_dreta {
    width: 95%;
    font-size: 16px;
    text-align: center;
  }
  
  .caixa_general_empresas_v24 {
    row-gap: 0;
    padding-top: 3rem;
  }

  /* Plan Amigos v24 */

 .horizontal_scroll {
  /* flex-direction: column; */
  /* position: relative; */
  /* top: auto; */
  /* width: 100%; */
  /* padding: 5%; */
}
.caixa_general_pa_paso_a_paso .caixa_titols {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.caixa_general_plan_amigo .caixa_textos h1 {
  font-size: 50px;
}

.caixa_interior_passos .caixa_columnes {
    /* width: 80%; */
    justify-content: center;
    /* margin: 0px; */
    /* flex-wrap: wrap; */
    /* padding: 0px; */
    margin-top: 10px;
    /* margin: 0 auto; */
    margin-top: 10px;
}
.caixa_general_pa_paso_a_paso .caixa_interior_passos {
    position: relative;
    height: auto;
    margin: 0px;
    top: 0px;
}
.caixa_general_pa_paso_a_paso .caixa_titols h2 {
    text-align: center;
    font-size: 50px;
}
.caixa_general_pa_paso_a_paso .caixa_titols .subtitol {
    text-align: center;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas {
    width: 100%;
    /* flex-direction: row; */
    padding: 30px;
}
.caixa_interior_passos .caixa_columnes .caixa_single_pas_final {
    padding: 0px;
    width: 100%;
    margin-top: 20px;
}
.caixa_general_pa_paso_a_paso {
    height: auto;
}
.caixa_general_plan_amigo {
  padding-top: 9rem;
}

.caixa_faqs_plan_amigo h4 {
  font-size: 50px;
  text-align: center;
}

.caixa_single_pas .titol_pas {font-size: 30px;}

.caixa_single_pas .desc_pas { font-size: 16px; }

	.caixa_interior_passos .caixa_columnes .caixa_single_pas .desc_pas strong {
  font-size: 35px;
}

/* *********** */

  /* --- Inici estils nova pag contacto v24 --- */

  .pagina_contacte_v24 {
    flex-direction: column-reverse;
    gap: 29px;
  }

  .pagina_contacte_v24 .left, .pagina_contacte_v24 .right {
    width: 100%;
    padding: 10%;
  }

	.pagina_contacte_v24 .right {
		padding: 0%
	}

  .pagina_contacte_v24 .field input {
    padding: 15px;
  }
  .pagina_contacte_v24 h1, .pagina_contacte_v24 h2 {
    font-size: 40px;
	  text-align: center
  }
  .pagina_contacte_v24 .right .inner .caixa_textos .info, .pagina_contacte_v24 .left .inner .s {
    font-size: 18px;
  }

	.pagina_contacte_v24 .left .inner .double {
		flex-direction: column !important;
	}

		.pagina_contacte_v24 .left .inner .double .field {
		width: 100% !important;
	}

	
	
  .pagina_contacte_v24 .wrap_btn .send {
    width: 100%;
  }
  /* --- Fi estils nova pag contacto v24 --- */


}


/**
  * Owl Carousel v2.3.4
  * Copyright 2013-2018 David Deutsch
  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
  */

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  text-align: center;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

.owl-slide-gran .owl-stage-outer,
.owl-slide-gran .owl-stage,
.owl-slide-gran .owl-item,
.owl-slide-gran .owl-slide {
  height: 100%;
}

/*Magnific popup*/

.mfp-bg,
.mfp-wrap {
  position: fixed;
  left: 0;
  top: 0
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
  height: 100%;
  width: 100%
}

.mfp-container:before,
.mfp-figure:after {
  content: ''
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8;
  filter: alpha(opacity=80)
}

.mfp-wrap {
  z-index: 1043;
  outline: 0 !important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mfp-container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}

.mfp-close,
.mfp-preloader {
  text-align: center;
  position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none !important
}

.mfp-preloader {
  color: #ccc;
  top: 50%;
  width: auto;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}

.mfp-preloader a {
  color: #ccc
}

.mfp-close,
.mfp-preloader a:hover {
  color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  right: 0;
  top: 0;
  text-decoration: none;
  opacity: .65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

.mfp-close:active {
  top: 1px
}


.mfp-close-btn-in .mfp-close {
  color: #333;
  position: fixed;
  top: 5%;
  right: calc(5% + 10px);
}

.white-popup .mfp-close {
  color: #333;
  position: absolute;
  top: 0;
  right: 0;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px
}

.mfp-figure,
img.mfp-img {
  line-height: 0
}

.mfp-arrow {
  position: absolute;
  opacity: .65;
  filter: alpha(opacity=65);
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
  max-width: 100%
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

.mfp-figure:after,
img.mfp-img {
  width: auto;
  height: auto;
  display: block
}

img.mfp-img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}

.mfp-figure:after {
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}

@media all and (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

.mfp-ie7 .mfp-img {
  padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
  padding: 0
}

.mfp-ie7 .mfp-content {
  padding-top: 44px
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-slide.mfp-wrap .mfp-content {
  margin-top: -50px;
}

.mfp-slide.mfp-wrap.mfp-ready .mfp-content {
  margin-top: 0;
}

.close_popup {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  font-size: 25px;
}

.white-popup {
  background: #FFF;
  padding: 30px;
  text-align: left;
  max-width: 90%;
  width: 900px;
  margin: 40px auto;
  position: relative;
  overflow: auto;
  color: #000;
}

.white-popup-ajax {
  position: relative;
  background: #FFF;
  padding: 35px;
  width: 1000px;
  max-width: 100%;
  overflow: auto;
  margin: 20px auto;
}


.envio_gratis {
  background: #a0a0aa;
  padding: 50px 0px;
  color: #fff;
  margin-top: 50px;
}

.envio_gratis .container_web {
  display: flex;
}

.envio_gratis .container_web .left {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.envio_gratis .container_web .right {
  width: 60%;
}

.envio_gratis .titol {
  font-size: 45px;
  font-weight: bold;
  font-family: 'Youth';
}

.envio_gratis .desc {
  font-size: 20px;
}



@media screen and (max-width: 1200px) {
  #list_productes .bloc_article {
    width: 100%;
  }
}


.pagina_contacte {
  display: flex;
  margin: 35px 0px;
}

.pagina_contacte .left {
  width: 60%;
  display: flex;
  justify-content: flex-end;
}

.pagina_contacte .right {
  width: 40%;
  background-color: var(--color-principal);
  color: #fff;
  display: flex;
  justify-content: flex-start;
  padding-left: 5%;
  font-size: 20px;
  align-items: center;
}


.pagina_contacte .inner {
  max-width: 1005px;
  width: 100%;
  padding: 50px 0px;
}

.pagina_contacte .right .inner {
  display: flex;
  flex-direction:
    column;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start;
  /* height: 100vh; */
}

.pagina_contacte .right .inner div {
  margin: 20px
}

.pagina_contacte .right .inner div i {
  margin-right: 10px
}

.pagina_contacte .right .inner a {
  color: #fff;
}

.pagina_contacte .left .inner {
  padding-right: 50px;
  padding-left: 25px;
}

.pagina_contacte .left .inner .t {
  font-size: 35px;
  font-family: 'Youth';
  font-weight: bold;
  margin-bottom: 10px;
}

.pagina_contacte .left .inner .s {
  font-size: 20px;
  margin-bottom: 20px;
}

.banner_blog {
  height: 300px;
  width: 100%;
  background-size: cover !important;
}

.pagina_contacte .xxss b {
  display: none;
}

.pagina_contacte .xxss a i {
  font-size: 20px;
}


@media screen and (max-width: 1600px) {
  body {
    font-size: 13px;
  }

  #logo {
    width: 250px;
    display: inline-block;
  }

  #head_login .camp-recerca {
    margin-top: 92px;
  }

  #camp-recerca {
    width: 250px;
    height: 40px;
  }

  #head_login {
    /* font-size: 11px; */
    /* padding: 10px 15px 10px 0 !important; */
  }

  .boto_micuenta label {
    display: none;
  }

  #head_login img {
    /*height: 25px !important;*/
  }

  #carro_petit b {
    font-size: 17px;
  }



  #menu {
    font-size: 11px;
    letter-spacing: 0;
  }

  #menu li {
    padding: 0px 3px;
    flex: auto;
  }

  #menu>li>a {
    letter-spacing: 0;
  }

  .col_submenu {
    padding: 0px 25px;
  }

  #slide_home {
    /*height: 34vw;*/
    width: 100%;
    /*left: 50%;
	transform: none;
	height: auto;*/
  }

  .owl-slide {
    background-size: auto 100% !important;
  }

  .destacats {
    position: relative;
    padding: 0px 65px;
  }

  .bloc_home .descripcio h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .bloc_home .descripcio {
    font-size: 11px;
    padding: 40px;
  }

  .bloc_home .descripcio>div {
    width: auto;
  }

  .menu_lat_categories {
    /* width: 270px; */
    margin: 0;
    /* margin-right: 53px; */
    font-size: 11px;
    padding: 0;
    margin-bottom: 25px;
  }

  #box_home_1,
  #box_home_2 {
    font-size: 12px;
  }

  #box_home_1 h3,
  #box_home_2 h3 {
    font-size: 30px;
  }

  #box_home_1 .descripcio,
  #box_home_2 .descripcio {
    min-height: 395px;
  }

  #box_home_2>div:after {
    right: 22%;
  }

  #filtres_sup_categories select {
    height: 40px;
    padding: 0px 10px;
    width: 289px;
    font-size: 11px;
    letter-spacing: 1px;
  }

  .breadcrumb {
    font-size: 10px;
  }

  .fitxa_imatge_prin>div {
    width: 460px;
  }

  .info_article {
    padding: 3%;
    width: 38%;
    font-size: 11px;
    margin-left: 15px;
  }

  .titol_article {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }

  .preu_fitxa_article {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .btn_fitxa_cart {
    height: 40px;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0px 14px;
    line-height: 40px;
  }

  .btn_fitxa_cart i {
    font-size: 23px;
    margin-left: 5px;
  }

  .seccio_fitxa {
    padding: 20px 0;
  }

  .seccio_fitxa h4 {
    font-size: 20px;
  }

  .seccio_fitxa h5 {
    font-size: 18px;
  }

  .qty_fitxa_art input {
    height: 40px;
    font-size: 22px;
    padding: 0px 20px;
  }

  .qty_fitxa_art i {
    right: 10px;
    font-size: 24px;
  }

  #xarxes_footer {
    font-size: 20px;
  }

  #xarxes_footer a {
    margin: 0px 5px;
  }

  .columna_footer {
    font-size: 10px;
  }

  .columna_footer h4 {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width:1010px) {
  .mobile_show {
    display: none !important;
  }
  
}


#menuauxopen {
  display: none;
}

#filtres_shop_phone {
  /* display: none; */
  max-width: 30px;
  display: inline-flex;
  /* background: #fff; */
  color: var(--color-principal);
  position: relative;
  z-index: 99999;
  bottom: 0px;
  left: 0px;
  width: 30px;
  padding: 0;
  text-align: center;
  transition: 0.35s ease-in-out;
  cursor: pointer;
}
#filtres_shop_phone img {
  filter: invert(1);
}


/* ###### CSS VALORACIONS #########*/


.stars {
  color: #f2cc21;
}


.custom_check {
  display: inline-block;
  height: 10px;
  width: 10px;
  border: 1px solid var(--color-secundari);
  margin-right: 8px;
}

input[type=checkbox]:checked+label .custom_check {
  background-color: var(--color-secundari);
}


#paginacio_comentaris>div>div:first-child {
  display: none;
}

#frm_opinio {
  color: #444444;
  font-size: 15px;
  border-spacing: 0;
}

.nombre_anonimo_tr {
  display: none;
}

#frm_opinio td {
  padding: 0;
}

#frm_opinio input[type=text], #frm_opinio textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
}


#frm_opinio textarea {
  height: 150px;
}


.span_coment {

  font-size: 15px;
  text-transform: uppercase;
}

.span_coment img {
  vertical-align: sub;
}


.span_coment font {
  font-size: 12px;

}

.groc {
  color: #f3d132;
}

.rating {
  font-size: 17px;
}

.nom_comentaris {

  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

#paginacio_comentaris {
  margin-bottom: 50px;
}

.pagination {
  font-size: 16px;
  padding-left: 0px;
}

.marb_25 font {
  font-size: 12px;
  font-weight: bold;
}

.pagina_sel {
  display: block;
  font-family: 'robotobold' !important;
}

.pagination li {
  float: left;
  width: 30px;
  height: 30px;
  display: inline-block;
  /* border: 1px solid #f2cc21; */
  margin: 0px 5px;
  background-color: #e4e4e4;
  text-align: center;
  line-height: 30px;
}

.pagination li, .pagination a {
  list-style: none;
  text-decoration: none;
  color: #000;
}

.comentaris_bloc h3 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: bold;
  color: var(--color-secundari);

}

.pagina_sel {
  line-height: inherit !important;
}

/* ###### CSS VALORACIONS #########*/


@media screen and (max-width:1100px) {

  .col_submenu.te_fills>a {
    border-bottom: 0px;
  }

  .caixa_idiomes_cap {
    display: none;
  }

  .caixa_idiomes_cap_mobil {
    display: block;
  }

  #menu a {
    width: 100%;
  }


  #filtres_shop_phone {
    display: inline-flex;
    /*background: #fff;*/
    color: var(--color-principal);
    position: relative;
    z-index: 99999;
    bottom: 0px;
    left: 0px;
    width: 30px;
    padding: 0;
    text-align: center;
    transition: 0.35s ease-in-out;
    cursor: pointer;
  }

  #filtres_shop_phone img {
    min-width: 30px;
  }


  footer .top {
    width: 100%;
  }

  /* .ghost_header {
    height: 90px;
  } */

  .menu_lat_categories {
    width: 100%;
    /*bottom: -400px;*/
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 99;
    background-color: #fafafa;
    padding: 25px;
    border-top: 1px solid #000;
    transition: all .3s ease;
    /*display: none;*/
    height: calc(55vh - 100px);
    overflow: scroll;
    top: -40%;
  }

  #content_filtres.actiu .menu_lat_categories {
    bottom: 0;
    display: block;
    /* height: 90vh; */
    margin-bottom: 0;
    border-top: none;
    /* top: 10%; */
    padding-top: 20px;
    background-color: white;
    height: auto;
    margin: 0;
  }

  body {
    line-height: 1.50;
    font-size: 14px;
    /* padding-top: 169px; */
  }

  h1 {
    font-size: 25px;
  }

  .mobile_hide {
    display: none !important;
  }

  .main,
  .legal_conten {
    padding: 20px 0px;
  }

  .contenidor_centrat,
  .legal_conten {
    max-width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    width: 100% !important;
    margin: 0px;
  }

  #top_bar {
    display: none;
    /*display: block;*/
    margin-bottom: 0;
    font-size: 9px;
    min-height: 0;
    border-bottom: 1px solid #e1e1e1;
    letter-spacing: 0;
  }

  #top_bar>div {
    height: auto;
    min-height: 30px;
    width: 100%;
    padding: 0;
  }

  #top_bar_left {
    text-align: center;
  }

  #top_bar_left a {}

  #top_bar_left i {
    margin-right: 4px;
    font-size: 10px;
  }

  #top_bar_left>span {
    margin-right: 10px;
  }

  .head {
    align-items: center;
  }

  #head_tools {
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    /*height: 116px;*/
    background-color: #FFF;
  }

  #head_logo {
    order: 1;
    text-align: left;
    padding-left: 15px;
    padding: 22px 0px 22px 20px;
  }

  #logo {
    width: 140px;
  }

  #head_login {
    order: 2;
    width: 50%;
    padding: 0px !important;
    margin: 0px;
  }

  #head_login label {
    display: none;
  }

  #head_login img {
    /*height: 20px !important;*/
    max-width: none;
  }

  #head_login i {
    font-size: 20px;
  }

  #head_login>* {
    padding-left: 10px;
    margin-right: 10px;
  }

  #head_login>*:last-child {
    margin-right: 0;
  }

  #head_search {
    padding-bottom: 0;
  }

  #head_search {
    order: 3;
    width: 100%;
    background-color: #FFF;
    padding: 10px 15px 10px 10px;
    display: flex;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
  }

  .camp-recerca {
    position: relative;
    flex: 1;
  }

  .camp-recerca img {
    transform: translateY(-50%);
    height: 20px !important;
  }

  #camp-recerca {
    width: 100%;
    height: 36px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
  }

  #slide_home {
    /*height: 34vw;*/
    height: auto;
    width: auto;
    left: auto;
    transform: none;
  }

  #slide_home img {
    max-height: none;
  }

  .owl-slide {
    background-size: auto 100% !important;
  }

  #menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80%;
    background-color: #4B6B5C;
    padding: 72px 0px 0px 20px;
    z-index: 500;
    box-shadow: 4px 0 5px 0px rgb(0 0 0 / 35%);
    font-size: 12px;
    letter-spacing: 1px;
  }

  #menu>li>a {
    text-align: left;
    color: var(--color-crema);
  }

  #menu.active {
    display: block;
    padding-left: 0px;
  }

  #menu li {
    padding: 0;
    background-color: #4B6B5C;
    height: auto;
    border-bottom: 1px solid #aaa;
  }

  #menu a {
    padding: 10px 20px !important;
  }

  .submenu .col_submenu.te_fills a {
    margin-bottom: 0px;
  }

  #menu li:hover>div {
    display: none;
  }

  #menu>li:hover>a,
  #menu>li>a.active {
    font-family: inherit;
  }

  .submenu,
  .subsubmenu {
    display: none;
    padding: 0;
  }

  .submenu.active {
    display: block !important;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0px;
    right: 0px;
    background-color: #FFF;
    width: auto;
    overflow: auto;
  }

  .submenu>div {
    background-color: #FFF;
    padding: 0;
  }

  .subsubmenu.active {
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    z-index: 2;
  }

  .col_submenu {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }

  .submenu b {
    font-weight: normal;

  }

  .submenu a {
    position: relative;
    margin-bottom: 0;
  }

  #menu a i {
    position: absolute;
    right: 20px;
    font-size: 18px;
  }

  .submenu a.active,
  .submenu a.active b {}

  .submenu_titol {
    color: #FFF;

    background-color: var(--color-secundari);
    padding: 13px 20px;
    font-size: 13px;
  }

  .submenu_back {
    color: #FFF;

    background-color: #808080;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-size: 12px;
  }

  #filtres_sup_categories {
    /*margin-bottom: 20px;
    top: 53px;*/
    overflow: hidden;
    height: auto;
    /*position: fixed;*/
    z-index: 999;
  }

  #filtres_sup_categories>div {
    min-height: 0;
    padding: 10px 0 10px 10px;
    flex-wrap: nowrap;
    gap: 15px;
  }

  #filtres_sup_categories ul {
    /* overflow-x: auto; */
    justify-content: center;
    /* gap: 10px; */
    width: fit-content;
    flex-wrap: nowrap;
    position: relative;
    /* border: 1px solid blue; */
    display: flex;
    flex-grow: 100%;
    /* flex: 1; */
    padding-right: 15px;
    align-content: center;
    margin: 0 auto;
  }
   #filtres_sup_categories ul li{
     display:inline-block;
   }
  #filtres_sup_categories .marca_desc {
    display: none;
  }

  #filtres_sup_categories ul li a {
  
    padding: 6px 20px;
    font-size: 13px;
  }

 

  .breadcrumb {
    font-size: 10px;
    flex: auto;
    width: 100%;
    /*margin-bottom: 10px;*/
  }

  .breadcrumb i {
    margin-left: 4px;
  }

  .breadcrumb a {
    padding-left: 0;
  }

  .destacats {
    position: relative;
    padding: 0px 30px;
    margin-bottom: 30px;
  }

  .destacats .owl-next {
    right: -15px;
  }

  .destacats .owl-prev {
    left: -15px;
  }


  .bloc_home {
    display: block;
    position: relative;
  }

  .bloc_home>div {
    width: 100%;
  }

  .bloc_home .foto {
    position: relative;
    overflow: hidden;
    height: 100vw;
  }

  .bloc_home .foto img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(2.2);
  }

  .bloc_home .descripcio h3 {
    font-size: 20px;
    margin-bottom: 17px;
  }

  .bloc_home .descripcio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 40%);
    font-size: 10px;
  }

  .bloc_home:nth-child(2n) .descripcio {
    background-color: rgb(255 255 255 / 60%);
  }

  .bloc_home:nth-child(3n) .descripcio {
    background-color: rgb(239 65 136 / 50%);
  }

  .bloc_home .descripcio>div {
    width: 100%;
    padding: 5% 10%;
  }

  #box_home_1 {
    margin-bottom: 50px;
  }

  #box_home_1>div {
    flex-wrap: wrap;
  }

  #box_home_1 .foto,
  #box_home_1 .content {
    width: 100%;
    padding: 0 5%;
  }

  #box_home_1 .foto {
    padding-top: 0;
    width: 82%;
    margin-bottom: 50px;
  }

  #box_home_1>div:after {
    top: 16%;
    left: 0;
    bottom: 14%;
    right: 0;
    z-index: -1;
  }

  #box_home_1 h3 {
    font-size: 25px;
  }

  #box_home_1 .descripcio {
    padding-left: 0;
    padding-right: 0;
    min-height: 0;
    font-size: 10px;
  }

  #box_home_1 .content {
    flex: auto;
    padding-top: 0;
  }

  #box_home_1 .content img {
    width: 80%;
    margin-left: 20%;
  }

  #box_home_2 {
    margin-bottom: 50px;
  }

  #box_home_2>div:after {
    top: 25%;
    left: 0;
    bottom: 10%;
    right: 0;
    background-color: #ECECEC;
  }

  #box_home_2>div {
    flex-wrap: wrap;
  }

  #box_home_2 .content_1,
  #box_home_2 .content_2 {
    padding: 0 5%;
  }

  #box_home_2 .content_1 {
    width: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5%;
  }

  #box_home_2 .content_1 .foto {
    order: 2;
  }

  #box_home_2 .content_1 .descripcio {
    order: 1;
  }

  #box_home_2 .content_2 {
    flex: 1;
    padding-top: 0;
    margin-left: 0;
    width: 100%;
  }

  #box_home_2 h3 {
    font-size: 25px;
  }

  #box_home_2 .descripcio {
    padding-left: 0;
    padding-right: 0;
    min-height: 0;
    font-size: 10px;
    min-height: 0;
    margin-bottom: 50px;
  }

  #box_home_2 .content_1 img {
    width: 61.5%;
  }

  #box_home_2 .content_2 img {
    width: 70%;
    margin-left: 20%;
  }

  .foto_3 {
    position: absolute;
    left: auto;
    right: 5%;
    top: 30%;
    bottom: auto;
    width: 33% !important;
  }

  #filtres_sup_categories select {
    height: 40px;
    padding: 0 10px;
    border: 2px solid #f1f1f1;
    width: 230px;
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 10px;
  }

  #list_productes {
    margin-bottom: 20px;
    padding: 0;
    padding-top: 25%;
    margin-top: 0px;
  }

  #content_categories {
    margin-bottom: 40px;
  }

  #list_productes .bloc_article {
    width: 100%;
    margin-bottom: 20px;
    min-width: auto;
    min-height: auto;
  }


  .bloc_article {
    position: relative;
    font-size: 11px;
    min-width: 260px;
  }

  .bloc_article .desc .titol {
    font-size: 14px;
    margin-bottom: 5px !important;
  }

  .bloc_article .desc .familia {
    font-size: 12px;
    letter-spacing: 0px;
  }



  #subtitol_productes {
    margin-bottom: 50px;
    font-size: 18px;
  }


  #fitxa_article {
    margin-bottom: 20px;
    align-items: center;
  }

  .contenidor_miniatures {
    width: 20%;
    margin-right: 2%;
  }

  .fitxa_imatge_prin {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
    width: 75%;
  }

  .fitxa_imatge_prin>div {
    width: 100%;
  }

  #adv-custom-pager>div,
  #adv-custom-pager.slide>div {
    height: 77vw;
  }

  .info_article {
    background-color: #FFF;
    padding: 0;
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
  }

  .preu_fitxa_article {
    font-size: 31px;
    margin-bottom: 10px;
  }

  .btn_fitxa_cart {
    height: 54px;
    font-size: 11px;
    letter-spacing: 1;
    padding: 0px 15px 0px 15px;
    line-height: 54px;
  }

  .btn_fitxa_cart i {
    font-size: 20px;
    margin-left: 3px;
  }

  .qty_fitxa_art input {
    border: 2px solid #f1f1f1;
    height: 54px;
    width: 100%;
    font-size: 26px;
    padding: 0px 18px;
  }

  #header_rel_ventas {
    /*top: 156px;*/
    padding: 15px 20px;
  }

  #quickview_detalls {
    display: flex;
    flex-wrap: wrap;
  }

  #quickview_detalls>div {
    width: 100% !important;
    border: 0 !important;
    margin-bottom: 15px;
    padding: 0;
  }

  #quickview_detalls table,
  #quickview_detalls tbody,
  #quickview_detalls tr,
  #quickview_detalls td {
    display: block;
  }

  #quickview_box_verd {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .quick_view .boto_gen {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    text-align: center;
  }

  .botons_quick_view {
    margin-top: 20px;
    text-align: right;
  }

  .white-popup-ajax {
    padding: 45px 20px 20px 20px;
  }

  footer>div:first-child {
    /*padding: 20px;*/
  }

	footer#v24 .bottom {
		margin-top: 5%;
		padding-top: 5%;
	}

  #logos_footer {
    text-align: center;
    padding-top: 0;
    padding-right: 0;
    order: 10;
    /*display: flex;
	flex-wrap: wrap;*/
    margin-top: 20px;
  }

  #xarxes_footer label {
    font-size: 14px;
    white-space: nowrap;
    flex: 1;
    display: none;
  }

  #xarxes_footer a {
    margin: 0px 8px;
  }

  #content_footer>div {
    width: 100%;
  }

  #content_footer {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 20px 0;
  }

  .columna_footer {
    padding-left: 0;
    margin-bottom: 20px;
    padding-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid #CCC;
  }

  .columna_footer h4 {
    display: block;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    font-size: 17px;
  }

  .columna_footer>div {
    display: none;
    padding-top: 25px;
  }

  .columna_footer.active>div {
    display: block;
  }

  .columna_footer h4 i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    transition: transform .3s ease;
  }

  .columna_footer.active h4 i {
    transform: translateY(-50%) rotate(180deg);
  }

  #post_footer {
    text-align: left;
    font-size: 9px;
    border-top: none;
  }

  .bloc_fill {
    width: 44%;
    margin: 0px 1.5% 1.5% 0px;
    font-size: 12px;
  }

  .bloc_fill h4 {
    font-size: 16px;
  }

  #header_rel_ventas {
    padding: 10px 20px;
  }

  #seleccionats_kit {
    font-size: 13px;
    margin-right: 15px;
  }

  footer {
    display: flex;
    flex-wrap: wrap;
  }

  .botons_footer {
    text-align: center;
  }

  #botons_footer {
    order: 1;
  }

  #content_footer {
    order: 2;
  }

  #post_footer {
    order: 3;
  }

  #menuauxopen {
    display: block;
    font-size: 17px;
  }

  .pagina_contacte {
    flex-direction: column-reverse;
    margin: 0px 0px;
  }

  .pagina_contacte .left {
    width: 100%;
    padding: 0px;
  }

  .pagina_contacte .right {
    width: 100%;
    padding: 0px;
    font-size: 16px;
  }

  .pagina_contacte .inner {
    padding: 25px;
  }

  .pagina_contacte .left .inner .t {
    font-size: 30px;
  }

  .pagina_contacte .left .inner {
    padding-right: 25px;
  }

}

@media all and (max-width:1000px) {
  .caixa_menu_full_size .caixa_zona_client_full_menu #head_login {
    flex-direction: row;
    justify-content: start;
    text-align: left;
    width: 100%;
  }
  #head_login .boto_micuenta img.img_ico_client, #head_login .boto_micuenta img.imb_ico_carro {
    width: 34px;
    height: auto;
  }
  .caixa_menu_full_size .caixa_zona_client_full_menu #head_login {
    gap: 15px;
  }
  .caixa_menu_full_size .caixa_interna_menu_full_size nav ul li a {
    font-size: 24px;
  }
  .caixa_menu_full_size .caixa_interna_menu_full_size nav ul {
    row-gap: 15px;
    display: flex;
    flex-direction: column;
  }
  .caixa_menu_full_size .caixa_inferior_full_menu .caixa_xarxes_full_menu a, .caixa_menu_full_size .caixa_inferior_full_menu .caixa_idiomes_cap a {
    font-size: 18px;
  }
  #v24 .menu_footer .box.info {
    width: 75%;
  }
  #v24 .menu_footer .box {
    width: 25%;
  }
  .caixa_principal_home_new img.icona_absoluta_v2 {
    width: 13%;
  }
  .bloc_article .desc .alergens .alergen {
    width: 25%;
  }
  #content_productes {
    flex: inherit;
  }
}

@media all and (max-width: 800px) {
  .caixa_menu_full_size .caixa_interna_menu_full_size {
    width: 100%;
  }
  .caixa_menu_full_size.show .caixa_interna_menu_full_size {
    width: 100%;
    left: 0%;
    padding-left: 10%;
    border-radius: 0px;
  }
  .caixa_menu_full_size .caixa_interna_menu_full_size nav ul li a {
    font-size: 25px;
  }
  .breadcrumb {
    font-size: 13px;
  }
  .caixa_menu_full_size .caixa_inferior_full_menu {
    padding-bottom: 15%;
  }
  .caixa_menu_full_size .caixa_zona_client_full_menu #head_login {
    gap: 15px;
  }
  #head_login .boto_micuenta img.img_ico_client, #head_login .boto_micuenta img.imb_ico_carro {
    width:34px; 
    height:auto;
  }
  .caixa_menu_full_size .caixa_inferior_full_menu .caixa_xarxes_full_menu a, .caixa_menu_full_size .caixa_inferior_full_menu .caixa_idiomes_cap a {
    font-size: 15px;
  }
  .banner_categories .container .t {
    font-size: 25px;
  }

  .banner_categories .container .d {
    font-size: 16px;
  }

  /* .ghost_header {
    height: 90px;
  } */

  .destacats .owl-next {
    right: -30px;
  }

  .destacats .owl-prev {
    left: -30px;
  }

  .menu_footer {
    flex-wrap: wrap;
  }

  .menu_footer .box {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    text-align: left;
    margin: auto;
  }
  /* .menu_footer .box > * {
    text-align: center;
    justify-content: center;
  } */
  .menu_footer .box.info {
    flex-direction: column;
    gap: 25px;
    width: 50%;

  }

  .menu_footer .box:last-child {
    margin-bottom: 0px;
  }

  .blog_home .titol_destacat {
    line-height: 1.3;
  }

  .head .two {
    width: 50%;
    text-align: right;
    justify-content: end;
  }
  .header_v24 .two .boto_micuenta {
    margin-right: 18px;
  }
  .header_v24 .two .boto_micuenta img.img_ico_client {
    width: 25px;
  }
  .header_v24 .two  img.imb_ico_carro {
    width: 30px;
    height: 25px;
  }

  /* Carta */
  /* .header_v24 .two .boto_micuenta:first-child {
    display: none;
  } */

  /* Botiga credit */
  .header_v24 .two .boto_micuenta:nth-child(2) {
    display: none;
  }


  #head_login {
    width: 60%;
  }

  .banner_categories .container {
    padding: 0px 25px;
  }

  #adv-custom-pager {
    display: none;
  }

  .fitxa_imatge_prin {
    width: 100%;
  }

  .envio_gratis {
    border-bottom: 25px solid #fff;
  }

  .envio_gratis .container_web {
    flex-wrap: wrap;

  }

  .envio_gratis .container_web .left {
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
  }

  .envio_gratis .container_web .right {
    width: 100%;
    padding: 0px 25px;
  }

  .envio_gratis {
    background: #a0a0aa;
  }

  .entrada_blog {
    padding: 25px;
  }

  .entrada_blog h1 {
    margin-bottom: 10px;
  }

  .entrada_blog blockquote {
    padding: 10px;
    font-size: 20px;
    margin-top: 15px;
  }

  .entrada_blog img {
    margin: 50px 0px;
    float: none !important;
  }
  
  #v24 .menu_footer .box.full {
    width: 30%;
  }
  #v24 .menu_footer .box span, #v24 .menu_footer .box a {
    font-size: 13px;
  }
}

@media (max-width: 800px) {
  .contenidor_fills>div {
    width: 100%;
  }

  .bloc_fill {
    width: 100%;
    margin: 0px 0px 25px 0px;
  }

  .white-popup {
    padding: 15px;
  }

  .xarxesfooter a i {
    font-size: 20px;
  }

  footer .copyright {
    flex-direction: column;
    gap: 0;
  }

  #content_categories {
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
    /*flex-wrap: wrap;*/
    flex-direction: column;
  }

.bloc_article .desc .alergens {
  margin-bottom:10px;
  /*! justify-content: space-between; */
}
.bloc_article .desc .alergens .alergen {
  display: flex;
  width: 30%;
}

  

  .bloc_article .preu {
    /* display:
      flex; */
    /* flex-direction: row; */
    /* align-content: flex-start; */
    /* align-items: center; */
    /* justify-content: space-between; */
    width: 100%;
  }
    .bloc_article .preu .preu_fi{
    display: flex;
    justify-content: space-around;
    }
  .bloc_article .actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0px;
  }

  .selectDay{
    /* display:none; */
  }
  .OSC_content .selectDay{
    display:block;
  }

  .bloc_article .desc {
    /*padding: 20px 10px;
    background-color: white;*/
    width: 100%;
    /*border-radius: 0px;
    padding: 0px;
    padding-left: 10px;*/
    border-radius: 0px 0px 25px 25px;
  }
.bloc_article.DIY .desc {/*background-color: transparent;color: inherit!important;*/border-radius: 0px;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
  .bloc_article.DIY * {
    color: inherit !important;
}
  .bloc_article.DIY .fa {
    color: white !important;
}
  .bloc_article .link_image {
  background-color: transparent;
  width: 100%;
  border-radius: 25px 25px 0px 0px;
  height: 30vh;
}
	.bloc_article .link_image img {
		height: 100%;
	}
  #list_productes {
    gap: 0px;
    padding-top: 15%;
  }
  a.boto_new_groc.boto_format_petit {
    font-size: 15px;
    padding: 10px 35px;
    max-width: 60%;
    margin-bottom: 20px;
  }
  #list_productes .seccio_plats {
  padding: 0px 10px;
}
  #list_productes .bloc_article{
    /*border: 1px solid #e6e4e4;
    border-radius: 25px;
    margin-bottom: 0px;
    padding: 10px 15px 20px;*/
    margin-bottom: 20px;
    flex-direction: column;
  }
    #list_productes .bloc_article.DIY{
   /* padding-bottom:10px; */
   /*border-radius: 35px;
   background-color: #f1efe0;*/
  }
  .bloc_article .top {
    /*display: none;*/
  }
}

@media all and (max-width: 400px) {
  .boto_footer {
    font-size: 12px;
    letter-spacing: 0;
  }

}

.wrap_user {
  position: relative;
}

.wrap_user::before {
  content: "\40";
  top: -1px;
  right: 5px;
  width: 30px;
  height: 25px;
  /* background: url("../img/ico_user.svg") no-repeat center center; */
  z-index: 9;
  display: inline-block;
  position: absolute;
  /* filter: invert(1); */
  background-size: contain;
  font-family: 'Font Awesome 6 Free';
  font-size: 25px;
}

.wrap_pwd {
  position: relative;
}

.wrap_pwd::before {
  content: "\f023";
  top: -1px;
  right: 5px;
  width: 30px;
  height: 20px;
  /* background: url("../img/pwd.svg") no-repeat center center; */
  z-index: 9;
  display: inline-block;
  position: absolute;
  font-family: 'Font Awesome 6 Free';
  font-size: 23px;
}

.hola {
  color: #fff;
  font-size: 20px;
}

.algra {
  margin-bottom: 25px;
  color: #fff;
  font-size: 16px;
}

.text_pagament {
  text-align: center;
  margin-top: 0;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 100px;
  background-color: #00aa76;
  margin-left: 0;
  margin-right: 0;
  padding-top: 25vh;
  width: 100%;
  max-width: 100%;
  height: 60vh;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: 'Youth';
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 0;
  font-weight: bold;
}
.text_pagament span {
  font-family: 'Youth';
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
}
.text_pagament span::after {
  content: '';
  display: block;
  width: 100px;
  height: 138px;
  background-image: url('https://www.weprefereat.com/files/arxius/items/1/weprefereat_2.gif');
  background-size: contain;
  margin: 0 auto;
  margin-top: 30px;
}

@media screen and (min-width:768px) and (max-width:1045px) {
  .menu_footer .box:last-child {
    margin-top: 25px;
  }
}

@media screen and (min-width:1010px) {

  .subsubmenu a {
    text-transform: none !important;
    color: #505050;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .5s;
    margin-right: 10px;
    width: fit-content;
  }

  .subsubmenu a:hover {
    background-size: 100% 1px;
  }

  .col_submenu.no_fills a {
    color: #505050;
    text-transform: initial;
  }

  .col_submenu.no_fills a {
    text-transform: none !important;
    color: #505050;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .5s;
    margin-right: 10px;
    width: fit-content;
  }

  .col_submenu.no_fills a:hover {
    background-size: 100% 1px;
  }

  .col_submenu.no_fills a.active {
    background-size: 100% 1px;
  }

  .submenu .col_submenu.te_fills a.active {
    background-size: 100% 1px;
  }

}

.popup_custom {
  font-size: 20px;
  text-align: center;
}

#content_submarcas {
  display:
    flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 50px;
  max-width: 1400px;
  margin-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
}

#content_submarcas .submarca {
  background: linear-gradient(90deg, #1d1c1c 0%, var(--color-principal) 100%);
  flex: auto;
  height: 370px;
  min-width: 350px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: 25px;
  /* border: 1px solid red; */
  width: 42%;
  /* padding: 50px; */
  /* margin: 30px; */
  display: flex;
  flex-direction: column;
  align-content: space-between;
  align-items: center;
  justify-content: center;
}

#content_submarcas .submarca_text, #content_submarcas .submarca_logo {
  display: flex;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  transition: background-color 0.6s ease-out;
  flex-direction: column;
  align-content: space-between;
  align-items: center;
  justify-content: center;
  height: 100vh;
  border-radius: 25px;
}

#content_submarcas .submarca_text:hover, #content_submarcas .submarca_logo:hover {
  background-color: transparent;

}

#content_submarcas .titol_submarca {
  font-family: Youth;
  color: white;
  font-size: 3em;
  text-align: center;
  padding: 0 2%;
}

#content_submarcas .subtitol_submarca {
  font-family: Avenir;
  color: white;
  font-size: 2em;
  margin-top: -15px;
}

#content_submarcas .descripcio_submarca {
  font-family: Avenir;
  color: white;
  font-size: 1em;
  margin-top: 20px;
  padding: 0 10%;
  text-align: center;
}

.cartL_boto_mobile {
  display: none;
}

@media all and (max-width: 600px) {

  .text_pagament {
    text-align: center;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 100px;
    background-color: #00aa76;
    margin-left: 0;
    margin-right: 0;
    padding-top: 18vh;
    width: 100%;
    max-width: 100%;
    height: 60vh;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-family: 'Youth';
    font-size: 25px;
    line-height: 1.1;
    margin-bottom: 0;
    font-weight: bold;
  }

  .text_pagament span::after {
    content: '';
    display: block;
    width: 65px;
    height: 118px;
    background-image: url('https://www.weprefereat.com/files/arxius/items/1/weprefereat_2.gif');
    background-size: contain;
    margin: 0 auto;
      margin-top: 0px;
    margin-top: 30px;
    background-repeat: no-repeat;
  }

  .text_pagament span {
    font-family: 'Youth';
    font-weight: 500;
    font-size: 17px;
    line-height: 1.2;
  }
  
  #content_submarcas {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    gap: 15px;
    margin-bottom: 25px;
  }

  #content_submarcas .submarca {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    height: 170px;
  }

  #content_submarcas .titol_submarca {
    font-family: Youth;
  }

  #content_submarcas .subtitol_submarca {
    font-family: Avenir;
    font-size: 12px;
  }

  #content_submarcas .descripcio_submarca {
    font-family: Avenir;
  }

  #v24 .menu_footer {
    flex-direction: column;
    justify-content: center;
  }
  #v24 .menu_footer .box {
    width: 100%;
  }
  #v24 .menu_footer .box.info {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    row-gap: 30px;
  }
  #v24 .xarxesfooter {
    justify-content: center;
    margin-bottom: 30px;
  }
  #v24 .menu_footer .box.full {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  footer#v24 .bottom {
    padding-top: 10%;
    margin-top: 10%;
    flex-direction: column;
    align-items: center;
  }
  footer#v24 .bottom .box.pagaments {
    width: 100%;
    align-items: center;
  }
  footer#v24 .bottom .box.caixa_logo_footer {
    width: 90%;
    margin-top: 5%;
  }
  .bottom-copyright .container.copyright {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .bottom-copyright .container.copyright .zona_esquerra {
    width: 100%;
  }
  .bottom-copyright .container.copyright .zona_dreta {
    width: 100%;
    text-align: center;
    flex-direction: column;

  }
}

#content_filtres {
  flex: 0;
  /* margin-left: 50px; */
  position: fixed;
  top: 140px;
  /* border: 1px solid var(--color-principal); */
  background-color: white;
  z-index: 999;
  padding: 0px 20px 20px;
  display: block;
  left: 0;
  /* top:0; */
  /* width: 200px; */
  /* top:50px; */
  /* height:calc(100vh - 50px); */
  /* background:#2D6653; */
  transform: translateX(-500%);
  transition:.4s ease;
  box-shadow: 0px 0px 5px grey;
  border-radius: 0px 20px 20px 0px;
}

#content_filtres.actiu {
  /* display: block; */
  transform: translateX(0);
}

#content_filtres .text_intro {
  /* padding-left: 9%; */
  /* padding-right: 9%; */
}

#content_filtres #lateral_left {
  position: sticky;
  /* top: 190px; */
  /* background-color: aliceblue; */
  /* margin-left:40px; */
  max-height: calc(100vh - 210px);
  /* overflow-y: scroll; */
}

#content_filtres .links_plats {}

#content_filtres .links_plats ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
}

#content_filtres .links_plats ul li {
  text-align: center;
  width: 100%;
}

#content_filtres .links_plats ul li a {
  background-color: var(--color-tres);
  border-radius: 25px;
  border: none;
  display: block;
  cursor: pointer;
  color: gray;
  font-family: 'Avenir';
  font-size: 15px;
  padding: 10px 30px;
  text-decoration: none;
  /* text-shadow: 0px 1px 0px #000000; */
  align-items: center;
  margin-bottom: 10px;
  background-color: #e6e4e4;
  font-weight: 100;
  text-transform: uppercase;
  /* width: 200px; */
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  position: sticky;
  top: 0px;
}

#content_filtres .links_plats ul li a:hover, #content_filtres .links_plats ul li a.active {
  background-color: var(--color-principal);
  color: #fff;
}

/* CARRO LATERAL */
#content_carro_lateral {
  /* margin-top: 90px; */
  flex: 1;
}

#carro_lateral {
  background-color: var(--color-gris-clar);
  padding: 15px;
  border-radius: 25px;
  position: sticky;
  top: 190px;
  margin-right: 30px;
  min-width: 357px;
  max-height: calc(100vh - 210px);
  display: flex;
  flex-direction: column;
}

#carro_lateral .cartL_content:not(.cartL_content_mobile) {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

#carro_lateral .CartL_header {
  flex-shrink: 0;
  padding: 15px 15px 10px 15px;
  border-bottom: 1px solid #d5d5d5;
}

#carro_lateral .CartL_body {
  flex: 1;
  overflow-y: auto;
  padding: 15px;
}

#carro_lateral .CartL_footer {
  flex-shrink: 0;
  padding: 10px 15px 15px 15px;
  border-top: 1px solid #d5d5d5;
  background-color: var(--color-gris-clar);
  border-radius: 0 0 25px 25px;
}

#carro_lateral .CartL_body::-webkit-scrollbar {
  width: 6px;
}

#carro_lateral .CartL_body::-webkit-scrollbar-track {
  background: transparent;
}

#carro_lateral .CartL_body::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

#carro_lateral .CartL_body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#carrol_lateral::-webkit-scrollbar {
  display: none;
}
#carro_lateral .CartL_titol_seccio {
  text-align: center;
  font-family: arial;
  font-weight: bold;
  font-family: 'Avenir';
  font-size: 20px;
  margin: 0px;
}

#carro_lateral .cistella_buida_msg{
  text-align:center;
}

#carro_lateral .goToCart {
  text-align: center;
  margin-top: 10px
}

#carro_lateral .goToCart a {
  background-color: var(--color-principal);
  border-radius: 25px;
  border: 1px solid var(--color-principal);
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: 'Youth';
  font-size: 17px;
  padding: 10px 31px;
  text-decoration: none;
  font-weight: bold;
  /*text-shadow: 0px 1px 0px #000000;*/
}

#carro_lateral .goToCart a:hover {
  color: var(--color-gris-fosc);
  background-color: var(--color-secundari);
  border: 1px solid var(--color-secundari);
}

#carro_lateral .goToCart a:active {
  position: relative;
  top: 1px;
}

#carro_lateral #subtotal TD {
  padding-top: 20px;
  padding-bottom: 10px
}


/* GRID CARRITO LATERAL */

.linia_comanda {
  display:
    flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.imatge_prod {
  max-width: 80px;
  min-width: 50px;
  width: 50px;
}

.imatge_prod img{
  mix-blend-mode: darken;
}
.text_linia {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-right: 5px;
}
.ingredients_prod{
  margin-top:-10px;
  margin-bottom:20px
;
  font-size: 14px;
  color: #707070;
  padding-left: 60px;
}

.desc_preu_linia {
  display:
    flex;
  flex-direction: row;
  align-content: center;
  width: 100%;
  justify-content: space-between;
  margin-left: 10px;
  align-items: flex-start;
  gap: 5px;
}

.prod_desc {
  /* flex:1; */
  /* flex-wrap: nowrap; */
  /* white-space: nowrap; */
  font-size: 16px;
  width: 200px;
}

.prod_preu {
  /* width:35px; */
  /* flex: 1 35px; */
  white-space: nowrap;
}

.prod_delete {
  width: 20px;
  /* flex: 1 20px; */
  /* align-self: flex-end; */
  margin-right: 10px;
}

.linia_comanda .data_prod {
  /* margin-left: 10px; */
  /* margin-bottom:10px; */
}

.linia_comanda .ingredients_prod{
  width: 100%;
  margin-top: 10px;
}
.cartL_subtotal {
  display: flex;
  justify-content: space-between;
  /* padding: 10px; */
  padding: 0px;
}

.titol_categoria_plat {
  font-family: 'Youth';
  display: block;
  width: 100%;
  clear: both;
  flex: 1 100%;
  text-align: left;
  font-size: 35px;
  font-weight: bold;
  padding: 10px 20px;
  margin-top: 10px;
  letter-spacing: 1.5px;
}

.popup-DIY {
  width: 90%;
  background-color: white;
  border-radius: 5px;
  height: 90%;
  overflow-y: auto;
  margin: 0 auto;
  min-height: 100px;
  position: fixed;
  top: 5%;
  left: 5%;
  opacity: 100%;
  padding: 30px;
  padding-top: 0px;
  /* position: relative; */
}

.popup-DIY h2{
    position: sticky;
    width: 100%;
    background-color: white;
    z-index: 50;
    top: 0;
    padding-top: 30px;
    border-bottom: 1px solid #707070;
}
.grup_DIY {
  margin: 20px 0px;
  border-bottom: 1px solid #cdcdcd;
  padding: 5px;
  border-radius: 0px;
}

.titol_grup_DIY {
  font-family: 'Avenir';
  font-weight: bold;
  font-size: 20px;
}

.subtitol_grup_DIY {
  color: #707070;
  font-size: 16px;
  font-weight: 200;
  font-family: 'Avenir';
}
.grup_ingredients{
    display:
    flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    overflow: hidden;
    gap: 20px;
    justify-content: flex-start;
    padding: 0 15px;
    margin-top: 30px;
}
.grup_ingredients .bloc_ingredient {
  position: relative;
  font-size: 12px;
  margin: 0px;
  max-width: 380px;
  display: flex;
  flex-direction: row;
  border-radius: 25px;
  background-color: #fdf1e6;
  border: 2px solid #fdf1e6;
  opacity: 1;
  /* cursor: pointer; */
  /* flex: 1; */
  min-height: 133px;
}
.grup_ingredients .bloc_ingredient.selected{
  border: 2px solid #009212;
  opacity: 1;
}
.grup_ingredients .bloc_ingredient.disabled{
  opacity: 0.4;
}
.grup_ingredients .bloc_ingredient .link_image {
  position: relative;
  /* z-index: 30; */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fdf1e6;
  width: 35%;
  border-radius: 25px 0px 0px 25px;
  padding: 5px;
  min-width: 50px;
}

.grup_ingredients .bloc_ingredient .link_image img {
  mix-blend-mode: multiply;
  max-width: 90%;
}

.grup_ingredients .bloc_ingredient .desc {
  text-align: left;
  padding: 0px;
  padding-top: 10px;
  display: block;
  /* background-color: #fdf1e6; */
  width: 65%;
  border-radius: 0px 25px 25px 0px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.grup_ingredients .bloc_ingredient .desc .familia {
  color: var(--color-secundari);
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 5px;
}

.grup_ingredients .bloc_ingredient .desc .titols {
  margin-bottom: 5px;
  color: #707070;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Avenir';
}

.grup_ingredients .bloc_ingredient .desc .titol {
  /* font-size: 16px; */
  /* font-weight: normal; */
  color: #000;
  margin-bottom: 0;
  /* font-family: 'Avenir'; */
  /* font-weight: bold; */
  /* font-family: 'Avenir'; */
  font-size: 14px;
  display: inline-block;
}

.grup_ingredients .bloc_ingredient .desc .demanat {
  font-size: 14px;
  font-weight: normal;
  color: #707070;
  /* margin-bottom: 10px; */
  font-family: 'Avenir';
  /* height: 20px; */
  display: inline-block;
}
.grup_ingredients .bloc_ingredient.selected .desc .demanat i{
  color: green;
  font-size: 20px;
  margin-right: 10px;
  margin-left: 5px;
 }



.grup_ingredients .bloc_ingredient.selected .delete_ingredient{
display:flex;
}


.grup_ingredients .bloc_ingredient .desc .alergens {
  font-size: 10px;
  font-weight: normal;
  color: #707070;
  margin-bottom: 10px;
  font-family: 'Avenir';
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.grup_ingredients .bloc_ingredient .desc .alergens .alergen {
  display:
    flex;
  flex-direction:
    column;
  align-items: center;
  /* flex: 1; */
}

.grup_ingredients .bloc_ingredient .desc .alergens .alergen img {
  max-width: 20px;
}

.grup_ingredients .bloc_ingredient .preu {
  font-size: 16px;
  color:
    var(--color-principal);
  font-weight: bold;
  display: flex;
  justify-content: space-around;
  align-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.grup_ingredients .bloc_ingredient .preu b{
  color:black;
  margin-right:5px;
}
.grup_ingredients .bloc_ingredient .actions{
  display: flex;
  justify-content: flex-end;
}
.grup_ingredients .bloc_ingredient .actions input[type=checkbox]{
  display: none;
  
}
.grup_ingredients .bloc_ingredient .add_ingredient{
    text-align: right;
    margin-left: 10px;
    background-color: var(--color-principal);
    border-radius: 50%;
    padding: 5px;
    height: 35px;
    width: 35px;
    color: white;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    cursor: pointer;
    text-decoration: none;
	transition: 0.2s all;
}
.grup_ingredients .bloc_ingredient .add_ingredient.disabled{
  pointer-events: none; 
  cursor: default; 
  display:none;
}

.grup_ingredients .bloc_ingredient .add_ingredient:hover{
	  background-color: var(--color-secundari);
	  color: var(--color-gris-fosc);
}
.grup_ingredients .bloc_ingredient .delete_ingredient{
    text-align: right;
    margin-left: 10px;
    background-color: var(--color-buton-generic);
    border-radius: 50%;
    padding: 5px;
    height: 35px;
    width: 35px;
    color: white;
    align-content: center;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    display:
    none;
    cursor: pointer;
}

.grup_ingredients .bloc_ingredient .desc .demanat i,
.grup_ingredients .bloc_ingredient .desc .demanat b,
.grup_ingredients .bloc_ingredient .delete_ingredient{
  display:none;
}


.grup_ingredients .bloc_ingredient.selected .desc .demanat i,
.grup_ingredients .bloc_ingredient.selected .desc .demanat b{
display:inline-block;
}
.grup_ingredients .bloc_ingredient .desc .descripcio {
  font-size: 14px;
  font-weight: normal;
  color: #707070;
  margin-bottom: 10px;
  font-family: 'Youth';
}

.Buttons_popup{
  display:
  flex;
  justify-content: flex-end;
  align-items: center;
  position: sticky;
  width: 100%;
  background-color: white;
  z-index: 50;
  bottom: 0;
  padding-top: 10px;
  padding-bottom: 30px;
  border: 1px solid #707070;
  border-radius: 25px;
  gap: 20px;
  padding: 20px;
}
.Buttons_popup .total_popup{
 font-size:40px;
  color:#707070;
 margin-right: 20px;
 display: flex;
 align-items: center;
}

.Buttons_popup .total_popup b{
 font-size: 30px;
 color:#707070;
 font-weight: 100;
}

.Buttons_popup .comprar_plat_mida a{
    background-color: var(--color-gris-clar);
    border-radius: 25px;
    border: 1px solid var(--color-gris-clar);
    cursor: pointer;
    color: black;
    font-family: 'Avenir';
    font-size: 17px;
    padding: 10px 31px;
    text-decoration: none;
    /* text-shadow: 0px 1px 0px #000000; */
    display: flex;
    align-items: center;
    gap: 10px;
	transition: 0.2s all;
}

.Buttons_popup .comprar_plat_mida a:not(.disabled):hover{
    background-color: var(--color-secundari);
    border: 1px solid var(--color-secundari);
}

.Buttons_popup .comprar_plat_mida a.disabled{
  cursor: not-allowed;
  color: #70707091;
  text-shadow: none;
  /* margin-top: 60px; */
}

.Buttons_popup .comprar_plat_mida a:hover{/* background-color: black; */}
.Buttons_popup .comprar_plat_mida a.disabled:hover{
  background-color: #e2e3e1;
}  

.cartL_content_mobile { display: none;}

#carro_lateral .cartL_content:not(.cartL_content_mobile) {
  display: flex;
}

/* HUBSPOT CUSTOM CSS */

.hbspt-form {font-family: 'Youth';}

.hbspt-form .hs-input {
    border: 1px solid black;
    font-family;
    background-color: var(--color-secundari) !important;
    /* font-family: 'Youth'; */
}
.hbspt-form .hs-input:focus {
    border-color: black;
}

.hbspt-form .hs-input::placeholder {
    color: black;
    opacity: 0.3;
}

.hbspt-form label {
    font-size: 16px !important;
}

.hbspt-form  .hs-error-msgs label {
    margin-top: 10px;
    font-size: 14px !important;
}

.hbspt-form  .actions {
    padding: 0px !important;
    
}

.hbspt-form .hs-button {
    border-radius: 50px;
    border: 1px solid black;
    padding: 12px 60px ;
}

.hbspt-form .hs-button:hover {
    border-radius: 50px;
    border-color: black !important;
    padding: 12px 60px ;
}

/* END CUSTOM CSS */

@media all and (max-width: 900px) {

  #content_filtres {
    /*display: none;*/
    margin-left: 0;
    z-index: 990;
    width: 80%;
    /* border-radius: 0px; */
    top: 100px;
  }
  #content_filtres #lateral_left {
    /* top: 72px; */
    /* background-color: aliceblue; */
    /* margin-left: 40px; */
    left: 0;
    background-color: transparent;
}
  #content_filtres .links_plats {
    width: 100%;
    /*display: flex;*/
    /* display: none; */
    align-items: center;
    margin-top: 33px;
    position: fixed;
    background-color: white;
    border-bottom: 1px solid #d5d5d5;
    font-size: 12px;
    padding: 0px 15px;
  }

  #content_filtres .links_plats ul {
    flex-direction: row;
    gap: 15px;
    overflow-x: scroll;
    justify-content: flex-start;
  }
  #content_filtres .text_intro {
    display: none;
  }
  #content_filtres .links_plats ul li a {
    font-size: 12px;

    FONT-WEIGHT: 100;
    padding: 5px 10px;
    margin-bottom: 0px;
  }
  .Buttons_popup {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
    position: sticky;
    width: 100%;
    background-color: #FFF;
    z-index: 50;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 30px;
    /* border-bottom: 1px solid #707070; */
    border-radius: 25px;
    gap: 20px;
  }
  .grup_ingredients .bloc_ingredient {
   
    max-width: 48%;
   
  }
  .grup_ingredients .bloc_ingredient .desc .titol {
    line-height: 1.2;
  }
  .titol_categoria_plat {
    /* padding: 15px 0 30px; */
  }

  .bloc_article .desc .titol h4 {
    font-size: 18px;
  }
  .popup-DIY {
    padding: 0px 20px 20px 20px;
  }
  .grup_ingredients { 
    padding: 0px 0px;
  }
  a.float {
    display: none;
  }
  
  #carro_lateral {
    display: block;
    background-color: var(--color-principal);
    position: fixed;
    width: 90%;
    bottom: 3vh;
    top: auto;
    z-index: 105;
    border-radius: 200px;
    margin-left: 4%;
    margin-right: 5%;
    max-height: none;
  }
    
  #carro_lateral .cartL_content:not(.cartL_content_mobile) {
    display: none !important;
  }
  
  .cartL_content_mobile {
    display: block;
    text-align: center;
    font-size: 18px;
  }
  .cartL_table {
    display:none;
  }
  .cartL_content_mobile a {
    color: #fff;
  }

  footer .logo_footer {
    max-width: 60%;
  }
  
  .cartL_boto_mobile {
    display: block;
    position: fixed;
    bottom: 200px;
  }
    .CartL_titol_seccio{
      display:none;
    }
  #carro_lateral .cistella_buida_msg {
    color:white;
}
}
@media all and (max-width:650px){
  .Buttons_popup .total_popup b{
    font-size: 18px;
    color:#707070;
    font-weight: 100;
  }
  .Buttons_popup .total_popup{
    font-size: 20px;
    color:#707070;
    font-weight: 700;
  }
  .grup_ingredients .bloc_ingredient {
    max-width: 100%;
  }
}


/* Comportaments de interficie navegador */

html {
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}-behavior: auto;
	}
}