@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* DEFINIM COLORS WEB */

:root {
	/*--color-principal: rgba(84,109,98,1);
	--color-secundari: rgba(125, 68, 68, 1);
	--color-verd-primer: rgba(188, 209, 55, 0.3);
	--color-cuart: rgba(126, 206, 56, 1);
	--color-cinque: rgba(58, 204, 89, 1);
	--color-sise: rgba(59, 204, 145, 1);*/
	--color-gris:#969087;
	--color-beige:#DBD5CC;
	--color-marro:#603D37;
	--color-negre:#1D1D1B;

	/* Color botons */
	/*--color-buton-generic: #BA0C2F;
	--color-buton-generic-hover: rgba(13, 114, 177, 0.6);*/

	/* Color bottom footer copyright */
	--color-footer-copyright: white;
	--color-font-footer-copyright: #808080;
	--color-border: #ccc;
	--color-titols-articles: #707070;
	--box-home: #ECECEC;

	--nav-item-offset: 10vw;
  	--nav-item-hover-offset: 2%;
  	--easing: cubic-bezier(.8, 0, .2, 1);
  	--duration: .6s;
}



* {
	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;
}

body {
	line-height: 1.2;
	font-family: "Inter", sans-serif !important;
	font-size: 15px;
	color: #000000;
}
button{
	font-family: "Inter", sans-serif !important;
}	

textarea,
input {
	font-family: "Inter", sans-serif !important;
}

#head_search {
	display: none;
}

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

nav ul {
	list-style: none
}

a {
	color: black;
	text-decoration: none;
}

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

#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;
}
#displayedError {
    padding: 10px;
    text-align: center;
    display: none;
    z-index: 9000 !important;
    margin-bottom: 0 !important;
	background-color: whitesmoke;
	border: 1px solid black;
}
/* --- Nou menu by Carles --- */

header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1010;
	background-color:#fff;
}

header .caixa_avisos_fixes_cap {
    color: #fff;
    text-align: center;
    background-color: #c6273c;
    padding: 10px 10px;
}

header.scroll {
	box-shadow: 1px 1px 12px -3px #bbb;
}

header .head {
	transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
	padding: 10px 2% 10px 3%;
	background-color: #eeeae6;
}
header.scroll .head {
	transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
	padding: 10px 3%;
}
header .head #logo img {
	width: 100%;
	max-width: 150px;
	transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
}
header.scroll .head #logo img {
	max-width: 100px;
	transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
}
header .caixa_menu_capcalera_principal {
	width: 100%;
	padding: 20px 3%;
	border-top: 1.5px solid #000;
	border-bottom: 1.5px solid #000;
}
header .caixa_menu_capcalera_principal ul {
	padding: 0;
	margin: 0;
	width: 100%;
	display: flex;
	gap: 3%;
	justify-content: center;
}
.head {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 20px 25px;
	justify-content: space-between;
}

.head_esquerra {
	/* width: 20%; */
	font-size: 18px;
	text-transform: uppercase;
}
.head_esquerra a {
	color: #fff;
	text-decoration: none;
}
.head_centre {
	width: 20%;
	text-align: center;
}
.head_dreta {
	/* width: 20%; */
	font-size: 20px;
	display: flex;
	justify-content: end;
	color: #fff;
	gap: 5px;
}
.head_dreta span,
.head_dreta a{
	cursor: pointer;
	display: flex;
	justify-content: center;
	text-align: center;
	color: #000;
	font-weight: 500;
	align-items: center;
	font-size: 16px;
	/* position: absolute; */
}
.head_dreta .fa-solid.fa-cart-shopping{
	font-size: 16px;
}
.head_dreta .total_unitats {
	position: absolute;
	top: -70%;
	right: -70%;
	background-color: var(--color-principal);
	aspect-ratio: 1/1;
	width: 16px;
	border-radius: 20px;
	font-size: 8px;
	color:white;
	display: flex;
	align-items: center;
	justify-content: center;
}

.head_dreta span .fal {
	font-weight: 500;
}
.head_dreta a {
	color: #000;
	text-decoration: none;
}
.head_mig_dreta{
	display: flex;
	justify-content: end;
	gap: 30px;
}
.head_mig {
	width: auto;
	display: flex;
	justify-content: center;
}
.head_mig nav {
	width: 100%;
}
.head_mig nav ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	display: flex;
	justify-content: center;
	gap: 30px;
}
#logo {
	display: inline-block;
	/* height: 80px; */
}
footer #logo img {
	/* height: 90px; */
	max-width: 150px;
	width: auto;
	height: auto;
}
.punt_menu_principal {
	text-align: center;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	/*position: relative;*/
}
.punt_menu_principal a.punt_menu {
	color: #000;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 7px 15px;
}
.punt_menu_principal a.punt_menu.active {
	background-color: #ADA192;
	color: white;
}
.punt_menu_principal .submenu {
	display: flex;
	gap: 0;
	overflow: hidden;
	height: auto;
	transition: all 0.4s;
	transition-timing-function: ease-in-out;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 100%;
	background-color: #efeae7;
	z-index: -1;
	transform: translateY(-101%);
}
.punt_menu_principal:not(:hover) .submenu {
	transition-delay: 0.3s;
}
.punt_menu_principal:hover .submenu {
	top: 100%;
	transition: all 0.4s;
	transition-timing-function: ease-in-out;
	transform: translateY(0px);
}
.punt_menu_principal .submenu .titol_fills{
	flex: 1;
	padding: 30px 2%;
	text-align: start;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.fills_segon_nivell_menu{
	display: flex;
	flex-direction: column;
	gap: 0px;
}
.punt_menu_principal .submenu.submenuactiu {
	height: 30px;
	transition: all 0.4s;
	transition-timing-function: ease-in-out;
}

.punt_menu_principal .submenu a {
	color: #000;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border:none;
	margin-top: 0;
	padding-left: 10px;
}
.punt_menu_principal .submenu .fills_segon_nivell_menu a {
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s;
	padding-top: 5px;
	padding-bottom: 5px;
}
.punt_menu_principal .submenu .fills_segon_nivell_menu a:hover {
	padding-left: 20px;
	color: white;
}	
.punt_menu_principal .submenu .fills_segon_nivell_menu a.toparent {
	margin-top: 5px;
	text-transform: none;
}
.punt_menu_principal .submenu .fills_segon_nivell_menu .fill_segon_nivell {
	border-top: 1px solid black;
}
.punt_menu_principal .submenu .fills_segon_nivell_menu a.fill_segon_nivell:first-child {
	border-top:0px;
}

/*.punt_menu_principal .submenu.ui-accordion .ui-accordion-content {
	display: flex;
	flex-direction: column;
	padding: 0;
}
.punt_menu_principal .submenu.ui-accordion .ui-accordion-content a {
	font-size: 30px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 2px;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}

.punt_menu_principal .submenu.ui-accordion .ui-accordion-content a.toparent {
	/* color: #fff; */
	/* font-family: "Playfair Display", serif; */
	/*font-weight: 300;*/
	/* font-style: italic; */
	/*text-transform: uppercase;
	border: none;
	margin-top: 0;
	font-size: 21px;
	padding: 20px 0px;
}*/

.caixa_idiomes_capcalera {
	display: flex;
	gap: 20px;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
}
.caixa_idiomes_capcalera ul#idiomes {
	display: flex;
	gap: 20px;
	/*margin-top: 30px;
	margin-bottom: 30px;*/
}
.caixa_idiomes_capcalera ul#idiomes li {
	padding: 0px 6px;
    flex: auto;
    /*height: 70px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
	position: relative;
	gap: 5px;
}
.caixa_idiomes_capcalera ul#idiomes li .link_head {
	padding: 0px 6px;
	flex: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	cursor: pointer;
	color: #000;
	font-weight: 500;
	line-height: 1;
	gap: 5px;
}

#idiomes, #idiomes ul#idiomes_select, #idiomes ul#idiomes_select_mobile {
    padding-left: 0;
    margin: 0;
}

#idiomes ul#idiomes_select, #idiomes ul#idiomes_select_mobile {
    position: absolute;
    top: 100%;
    top: calc(100% + 0px);
    list-style: none;
    border: 1px solid #E6EAEA;
    border-top: 0;
    width: 75px;
    background: #ffff;
    display: none;
    z-index: 99;
    text-align: center;
    left: -20px;
}
#idiomes ul#idiomes_select li, #idiomes ul#idiomes_select_mobile li {
    padding: 0 8px;
    border-bottom: 1px solid #E6EAEA;
    height: auto;
}
#idiomes ul#idiomes_select li a, #idiomes ul#idiomes_select_mobile li a {
    /* line-height: 38px; */
    font-size: 14px;
	color: #000;
}

.caixa_menu_full_size {
	position: fixed;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: rgba(0,0,0,0.5);
	/*transform: translate3d(115%, 0, 0);*/
	transition: all 0.6s;
	transition-timing-function: cubic-bezier(0.7, 1.04, 1, 1);
	overflow-x: clip;
	clip-path: circle(0% at 100% 0%);
}
.caixa_menu_full_size.show {
	/*transform: translate3d(0, 0, 0);*/
	z-index: 9999;
	background-color: rgba(0,0,0,0.7);
	transition: all 0.6s;
	transition-timing-function: cubic-bezier(0.7, 1.04, 1, 1);
	clip-path: circle(200% at 100% 0%);
}
.caixa_menu_full_size .caixa_interna_menu_full_size {
	animation-duration: 1.2s;
	background-color:var(--color-principal);
	width: 100%;
	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: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
  }
  .caixa_menu_full_size.show .caixa_interna_menu_full_size {
	/*! width: 100%; */
	/*! transition: all 0.8s; */
	/*! transition-timing-function: ease-in-out; */
	/*! left:0; */
  }
  .caixa_interna_menu_full_size .caixa_superior_full_menu {
	width: 100%;
  	display: flex;
  	justify-content: space-between;
  }
  .caixa_interna_menu_full_size .caixa_superior_full_menu #boto_burguer_full_menu {
	font-size: 40px;
	cursor: pointer;
  }
  .caixa_elements_full_menu nav ul {
	padding-left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 3vh;
  }
  .caixa_elements_full_menu nav ul li .punt_menu {
	color: #fff;
	font-size: 33px;
	text-transform: uppercase;
  }
  .caixa_interna_menu_full_size .caixa_inferior_full_menu {
	display: flex;
	flex-direction: column;
  }
  .caixa_interna_menu_full_size .caixa_inferior_full_menu .zona_superior {
	padding-bottom: 35px;
	display: flex;
	justify-content: center;
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	gap: 25px;
	align-items: center;
  }
  .caixa_interna_menu_full_size .caixa_inferior_full_menu .zona_superior a {
	color: #fff;
	font-size: 25px;
	line-height: 1;
  }
  .caixa_interna_menu_full_size .caixa_inferior_full_menu .zona_inferior {
	border-top: 1px solid #fff;
	padding-top: 35px;
	display: flex;
	justify-content: center;
	gap: 20px;

  }
  .caixa_interna_menu_full_size .caixa_inferior_full_menu .zona_inferior a {
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.6px;
	font-weight: 300;
  }

.caixa_general_butlleti_footer {
	background-color: #edeae5;
	max-height: 500px;
	height: 500px;
}
.caixa_general_butlleti_footer .caixa_interna_butlleti_footer {
	width: 80%;
	display: flex;
	justify-content: space-between;
	margin-left: 20%;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	max-height: 500px;
	height: 500px;
}
.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_imatge {
	width: 40%;
}
.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_imatge img {
	width: auto;
	height: 100%;
}
.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_text_butlleti {
	width: 65%;
	max-width: 1500px;
	color: var(--color-negre);
}
.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_imatge_butlleti {
	object-fit: contain;
	width: 750px;
}
.caixa_interna_butlleti_footer .bloc_superior_text_butlleti {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	margin-bottom: 40px;
}
.caixa_interna_butlleti_footer .bloc_superior_text_butlleti .titol_bloc_butlleti {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: 1px;
	color: var(--color-marro);
}
.caixa_interna_butlleti_footer .bloc_superior_text_butlleti .subtitol_bloc_butlleti {
	font-weight: 200;
	font-size: 20px;
	max-width: 600px;
}
.caixa_interna_butlleti_footer .caixa_input_butlleti{
	max-width: 50%;
}
#inv_input_mail{
	border:none;
	border-bottom: 0.5px solid var(--color-negre);
	width: 100%;
	background-color: transparent;
	font-weight: 100;
	font-size: 18px;
	color:var(--color-negre);
	margin-bottom:20px;
	padding: 5px 0;
}
#inv_input_mail::placeholder{
	font-weight: 100;
	letter-spacing:0.5px;
	color:var(--color-negre);
}
#inv_button{
	font-size: 24px;
	padding: 5px;
	color:var(--color-negre) ;
	border: 1px solid #603d36;
	width: 70%;
	text-align: center;
	background-color: transparent;
	font-weight: 200;
	/*letter-spacing: 1px;*/
	cursor: pointer;
	margin-bottom: 10px;
}

#btn-continue{
	font-size: 24px;
	padding: 5px;
	color:var(--color-negre) ;
	border: 1px solid #603d36;
	width: 50%;
	text-align: center;
	background-color: transparent;
	font-weight: 200;
	/*letter-spacing: 1px;*/
	cursor: pointer;
	margin-bottom: 10px;
}
#frm_password_recovery #submit_pass_recovery{
	font-size: 24px;
	padding: 5px;
	color:var(--color-negre) ;
	border: 1px solid #603d36;
	width: 100%;
	text-align: center;
	background-color: #edeae5;
	font-weight: 200;
	/*letter-spacing: 1px;*/
	cursor: pointer;
	margin-bottom: 10px;
}
#content_pass_recovery{
	margin-top:200px;
}

.punt_legal{
	font-size: 16px;
	font-weight: 200;
	align-items: center;
}

.punt_legal a{
	color: #000;
	text-decoration: none;
}


footer {
	color: #231e1f;
	text-decoration: none;
	width: 100%;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	background-color: white;
	height: 350px;
	padding: 100px 150px;
}

footer .caixa_esquerra_footer{
	display: flex;
	flex-direction: column;
	gap: 30px;
}
footer .caixa_esquerra_footer span{
	color: var(--color-negre);
}
footer .caixa_dreta_footer{
	display: grid;
	grid-template-columns: repeat(2,400px);
	height: fit-content;
	gap: 50px;
	row-gap: 10px;
}
footer .caixa_dreta_footer a{
	text-decoration: none;
	border-bottom: 0.5px solid var(--color-negre);
	padding-left: 15px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
	padding-bottom: 5px;
	color: var(--color-negre);
}
footer .caixa_dreta_footer a.penultim,
footer .caixa_dreta_footer a.ultim{
	border-bottom: none;
}

/* --- Fi nou menu by Carles --- */
#quickview_box_verd {
	background: #ae917e;
	padding: 15px;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	/* margin-bottom: 25%; */
	/* position: absolute; */
	top: 0%;
	left: 0%;
	width: 100%;
	height: 15%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

#quickview_detalls {
	display: flex;
	position: relative;
	/* margin-top: 5%; */
	width: 100%;
	background-color: whitesmoke;
	padding: 0 5%;
}

.quick_view .form_cart {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.quick_info {
	width: 50%;
	display: flex;
	align-items: center;
	padding:20px;
	gap:  15px;
}

#quickview_detalls>div {
	flex: 1;
}

#quickview_detalls>div:first-child {
	flex: none;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 40px;
	justify-content: center;
	padding: 30px 0%;
}

.quickview_item > div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.quickview_item > div > span:nth-child(2) {
	color: black;
	font-size: 30px;
    font-weight: 600;
	font-size: 22px;
}

#quickview_detalls h6 {
	font-weight: 600;
	font-size: 25px;
	color: black;
	text-transform: uppercase;
}

.botons_quick_view {
	text-align: right;
	padding: 20px;
	width: 50%;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}

.botons_quick_view > * {
	display: block;
}
#menu {
	padding-left: 0;
	margin: 0;
}

.contenidor_centrat,
.legal_conten {
	width: 1500px;
	margin: auto;
	max-width: 90%;
}

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

.main,
.legal_conten {
	padding: 70px 0px;
}
.camp-recerca {
	position: absolute;
    margin-top: 0;
    background-color: #ae917e;
	color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5%;
    transition: all .4s ease-in-out;
}
.camp-recerca.active {
	height: 67px;
    transition: all .2s ease-in-out;
}
.camp-recerca {
    position: relative;
}
.camp-recerca:not(.active) {
    height: 0;
    transition: all .2s ease-in-out;
    overflow: hidden;
    padding: 0;
}
.camp-recerca img {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 25px !important;
}

.ghost_header {
	/*height: 134px;*/
	height: 0;
	display: block;
}


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

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

#head_search {
	display: none;
}

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

.camp-recerca i {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px
}

.camp-recerca ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 1;
	/* Firefox */
}

.camp-recerca :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000;
}

.camp-recerca ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000;
}

#logo_menu_mobile {
	position: absolute;
	top: 2px;
	left: 2px;
}

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


/* --- Inici estils home --- */
.boto_generic {
	font-size: 18px;
    padding: 5px;
    color: var(--color-negre);
    border: 1px solid #603d36;
    width: 20%;
    text-align: center;
    background-color: transparent;
    font-weight: 200;
    /* letter-spacing: 1px; */
    cursor: pointer;
}
.boto_generic.boto_transparent {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
}

/*SECCIÓ HERO*/

#caixa_general_hero_home .caixa_imatge_textos {
    width: 100%;
	aspect-ratio: 1.8;
    height: 1000px;
	color: #dbd5cc;
	position: relative;
	background-color: #000;
}
#caixa_general_hero_home .caixa_imatge_textos .caixa_imatge {
	width: 100%;
	height: 100%;
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#caixa_general_hero_home .caixa_textos {
	height: 100%;
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 100px;
}
#caixa_general_hero_home .textos {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	height: 100%;
	max-width: 620px;
}
#caixa_general_hero_home .caixa_textos h1 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 400;
	color: var(--color-beige);
	letter-spacing: 1.85px;
}
#caixa_general_hero_home .caixa_textos h2 {
	font-size: 40px;
	font-weight: 100;
	color: var(--color-gris);
	margin-bottom: 50px;
}
#caixa_general_hero_home .caixa_textos a {
	font-size: 30px;
	font-weight: 200;
	text-transform: uppercase;
	border: 1px solid var(--color-gris);
	background-color: transparent;
	width: fit-content;
	padding: 5px 20px;
	color: var(--color-gris);
}





#caixa_text_principal_home {
	width: 100%;
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: var(--color-verd-primer);
	color: #000;
}
#caixa_text_principal_home .caixa_interior_text_principal_home {
	width: 50%;
	max-width: 1500px;
	padding-left: 3%;
	padding-right: 3%;
	margin: 0 auto;
	text-align: center;
	font-weight: 500;
	font-size: 30px;
}

#caixa_text_principal_home .titol_seccio {
	color: #000;
	font-size: 30px;
	font-style: italic;
	margin: 0 auto;
	max-width: 1500px;
	text-align: center;
	font-weight: 100;
	margin-bottom: 20px;
}

#caixa_general_destacats_home {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

#caixa_general_destacats_home .caixa_interior_destacats_home{
	display: flex;
	flex-direction: column;
	gap: 50px;
	width: 100%;
}

#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes .titol_seccio{
	font-size: 40px;
	text-transform: uppercase;
	color: var(--color-marro);
	font-weight: 500;
}
#caixa_general_destacats_home .swiper-button-prev:after, #caixa_general_destacats_home .swiper-button-next:after {
	font-size: 40px;
}

#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes {
	display: flex;
	justify-content: space-between;
	padding: 0 100px;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes .fletxes{
	position: relative;
	width: 100px;
	display: flex;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes .fletxes .swiper-button-prev,
#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes .fletxes .swiper-button-next{
	color: var(--color-marro);
}
#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats {
	width: 100%;
	height: 100%;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .swiper-wrapper{
	/*display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 2%;*/
}

#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home,
#content_productes #list_productes .bloc_article {
	/*flex: 1;*/
	/*max-width: 400px;*/
	display: flex;
	flex-direction: column;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home .imatge_icona,
#content_productes #list_productes .bloc_article .caixa_foto_llistat_producte {
	aspect-ratio: 4/5;
	align-content: center;
	background-color: #edeae5;
	position: relative;
	text-align: center;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home .imatge_icona img,
#content_productes #list_productes .bloc_article .caixa_foto_llistat_producte img{
	width: 100%;
	max-width: 550px;
}

#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home .imatge_icona i,
#content_productes #list_productes .bloc_article .caixa_foto_llistat_producte i {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 30px;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home .textos,
#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte {
	padding: 0 10px;
	margin-top: 10px;
}
#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte .titol_i_pes {
	display: flex;
	justify-content: space-between;
}
#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte .titol_i_pes .pes{
	font-size: 16px;
	color: var(--color-negre);
	font-weight: 200;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home .textos .titol_single_destacat_home,
#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte h3 {
	font-size: 22px;
	text-transform: uppercase;
	color: #B3B3B3;
	margin-bottom: 10px;
	font-weight: 500;
}
#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home .textos p,
#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte p {
	color: #333333;
	font-weight: 100;
	font-size: 16px;
}

#caixa_general_text_centrat_mes_imatge {
	background-color: #ada191;
	width: 100%;
	margin-top: 200px;
	background-size: 0%;
}
#caixa_general_text_centrat_mes_imatge.primer {
	background-color: #ccccc5;
	margin-top: 0;
	margin-bottom: 200px;
}
#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge {
	width: 90%;
	max-width: 1500px;
	height: 500px;
	align-items: center;
	margin: 0 auto;
}
#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge {
	height: 250px;
}

#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
	width: 35%;
	position: absolute;
    left: 50%;
    bottom: 0%;
    transform: translateX(-50%);
}
#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
	align-self: start;
	width: 500px;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translateX(-50%);
}

#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_imatge img {
	max-width: 550px;
	width: 100%;
}
#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos {
	position: relative;
	font-weight: 300;
	width: 100%;
	height: 100%;
}
#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .contenidor_titol {
	width: 400px;
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}
#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
	color: #492E24;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
	width: fit-content;

}

#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
	color: white;
	font-size: 40px;
	font-weight: 200;
	font-style: normal;
	text-transform: none;
	max-width: 250px;
}
#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio span{
	font-size: 60px;
	color: #8A482C;
	font-weight: 400;
}
#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos{
	max-width: 420px;
	color: #492E24;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
	height: 200px;
	position: absolute;
	left: 70%;
	top: 50%;
	transform: translateY(-50%);
}
#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos{
	color: var(--color-marro);
}

#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos p {
	font-size: 20px;
	font-weight: 200;
}
#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos a{
	font-size: 24px;
	color: var(--color-marro);
	border: 1px solid var(--color-marro);
	background-color: transparent;
	text-transform: uppercase;
	padding: 5px 30px;
    width: 270px;
	text-align: center;
	font-weight: 200;
}

#imatge_home_background{
}

#caixa_general_llistat_continguts_home {
	width: 100%;
	display: flex;
	flex-direction: column;
}

#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home {
	width: 100%;
	display: flex;
	flex-direction: column;
}


#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home {
	display: flex;
	flex-direction: row;
	position: relative;
	height: 400px;
	background-color: #000;
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home .caixa_imatge {
	width: 100%;
	min-width: 100%;
	background-size: contain;
	background-position: center;
    background-repeat: no-repeat;
    background-color: black;
	height: 400px;
	position: absolute;
	top: 0;
	right: 0;
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home .caixa_textos {
	font-size: 18px;
	height: 100%;
	align-items: center;
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
}

.sobre_nosotros .caixa_titols {
	margin-left: 0% !important;
	margin-right: 0% !important;
}

#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols span {
	color: #000;
	font-size: 32px;
	font-style: italic;
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols .titol_bloc_destacat_home {
	font-size: 40px;
	color: #ae917e;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 1.5px;
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_separadora {
	width: 200px;
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .textos {
	max-width: 450px;
	color: #ae917e;
	font-weight: 200;
	font-size: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 70%;
}

#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .textos a{
	margin-top: 30px;
	width: 50%;
}

#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home.caixa_ordre_2 {
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home.caixa_ordre_2 .caixa_textos {
	padding-left: 0;
	padding-right: 5%;
	text-align: right;
	align-items: end;
}
#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home.caixa_ordre_2 .caixa_textos .caixa_titols {
	margin-left: 0;
	margin-right: -60%;
	z-index: 1;
}

/* --- Fi estils home --- */

/* Bloc instagram */

.instagram {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: 200px;
	gap: 50px;
}

.instagram a {
	display: block;
	height: auto;
}

.instagram img {
	height: 100%;
	object-fit: cover;
}

.instagram .titol_destacat {
	
}

.instagram h4 {
	font-size: 28px;
}

.instagram h3 {
	font-size: 18px;
	font-weight: 400;
}

.instagram .owl-item{
	aspect-ratio: 1;
}

/* -------------- */


/* --- Inici estils pag categories --- */
.banner_categories{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	padding:0;
}
.no_resultats{
	width: fit-content;
	margin: 0 auto;
}
.banner_categories.search{
	text-align: center;
	padding: 0;
}
.banner_categories .contenidor_ruta {
	margin: 0;
	position: absolute;
	top: 40px;
	left: 100px;
}

.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: 1;
	gap: 20px;
}
.banner_categories .container .t {
	font-size: 48px;
	color: black;
	text-transform: uppercase;
	font-weight: 600;
	
}
.banner_categories .container .d {
	font-size: 18px;
	color: #000;
	font-weight: 200;
	padding-left: 20%;
	padding-right: 20%;
}
#content_productes .content {
	width: 100%;
}
#content_productes #result_articles {
	width: 100%;
}
#content_productes #list_productes {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 30px;
}
#content_productes #list_productes.productes_relacionats {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 35px;
}
#content_productes #list_productes .bloc_article {
	display: flex;
}
#content_productes #list_productes.productes_relacionats .bloc_article {
	display: flex;
}
#content_productes #list_productes .bloc_article .caixa_interna_llistat_producte, .bloc_destacat .bloc_article .caixa_interna_llistat_producte {
	display: flex;
	flex-direction: column;
}
.descripcions_schema {
	display: none;
}
#content_productes #list_productes .bloc_article .caixa_boto_llistat_producte, .bloc_destacat .bloc_article .caixa_boto_llistat_producte {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
#content_productes #list_productes .bloc_article .caixa_boto_llistat_producte .boto_generic, .bloc_destacat .bloc_article .caixa_boto_llistat_producte .boto_generic {
	width: 100%;
	text-align: center;
	justify-content: center;
}

.bloc_destacat .bloc_article .caixa_interna_llistat_producte img.img-product{
 width: 100%;
 max-width: 550px;
}

.faqs {
	width: 100%;
	max-width: 1500px;
	margin: 150px auto;
	padding-left: 2%;
	padding-right: 2%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 16px;
}

.faqs > p {
	margin-bottom: 20px;
}

.faqs h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
    font-size: 30px;
    color: #546D62;
    font-weight: 800;
}

.faqs .faq {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.faqs .question {
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.faqs .answer {
	
}

/* --- Fi estils pag categories --- */
/* --- Inici pag subarticle --- */

main:has(.caixa_general_fitxa_subarticle) {
	display: flex;
	flex-direction: column;
}

.caixa_general_fitxa_subarticle, .caixa_general_textos_informatius_fitxa_subarticle {
	width: 100%;
} 
.caixa_general_fitxa_subarticle .caixa_interna_fitxa_subarticle {
	width: 100%;
	display: flex;
	flex-direction: column;
	max-width: 1500px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}
.titol_article.mobile_show {
	display: none;
}
.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle {
	width: 100%;
	display: flex;
	max-width: 100%;
	justify-content: space-between;
	align-items: start;
}
.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .fitxa_imatge_prin {
	width: 50%;
	max-width: 50%;
}
.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .fitxa_imatge_prin .gallery_popup .owl-item{
	background-color: #edeae5;
}
.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .caixa_textos_principals_subarticle {
	width: 50%;
	max-width: 50%;
	display: flex;
	flex-direction: column;
	padding: 3% 5%;
	row-gap: 15px;
}
.contenidor_ruta {
	margin: 40px 100px;
}
.breadcrumb ul {
	color: #546D62;
	display: flex;
	list-style: none;
	gap: 5px;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0px;
	flex-wrap: wrap;
}
.breadcrumb ul li a {
	display: flex;
	gap: 5px;
	justify-content: center;
	align-items: center;
	color: black;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
}
.caixa_interna_fitxa_subarticle .nom_marca h2 {
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1;
	font-size: 28px;
	color: #546D62;
	font-weight: 800;
}
.caixa_interna_fitxa_subarticle .titol_article {
	color: black;
	font-size: 26px;
	font-weight: 500;
	text-transform: uppercase;
}
.caixa_interna_fitxa_subarticle .pes {
	font-size: 22px;
	margin-bottom: 50px;
	font-weight: 100;
}
.caixa_interna_fitxa_subarticle .descripcio_prin_subarticle {
	font-size: 16px;
	font-weight: 100;
}
.caixa_preu_subarticle .preu_fitxa_article {
	width: 100%;
	display: flex;
	gap: 5px;
	justify-content: start;
	align-items: center;
	color: #000;
	font-weight: 500;
	font-size: 22px;
}

.caixa_interna_fitxa_subarticle .accordion{
	transition: 0.4s;
}

.caixa_interna_fitxa_subarticle .panel{
	max-height: 0;
  	overflow: hidden;
  	transition: max-height 0.2s ease-out;
}

.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle {
	display: flex;
	flex-direction: column;
	padding-bottom: 15px;
	border-bottom: 0.5px solid black;
	font-weight: 400;
}

.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle.la_plantacio ul{
	padding: 0;
	column-count: 2;
	list-style-type: none;
}

.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle button,
.caixa_interna_fitxa_subarticle .caixa_escull_format button {
	background-color: transparent;
	border: 0;
	display: flex;
	justify-content: space-between;	
	text-transform: uppercase;
	line-height: 1;
	font-size: 16px;
	color: black;
	cursor: pointer;
	padding: 0;
}	
.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle button.accordion h2,
.caixa_interna_fitxa_subarticle .caixa_escull_format button.accordion h2 {	
	font-weight: 100;
	font-size: 18px;
}
.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle button.accordion i,
.caixa_interna_fitxa_subarticle .caixa_escull_format button.accordion i {	
	font-weight: 100;
	transition: all 0.2s ease-in-out;
}

.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle button.accordion.active i,
.caixa_interna_fitxa_subarticle .caixa_escull_format button.accordion.active i {	
	transform:rotate(45deg);
}

.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle span {
	font-style: italic;
	font-size: 16px;
	color: #666666;
	margin-top: 10px;
}
.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle ul li, .caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle p {
	font-size: 16px;
	font-weight: 100;
	color: black;
	margin: 0;
}
.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle p {
	margin: 10px 0;
}
.caixa_interna_fitxa_subarticle .caixa_escull_format {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	padding-bottom: 5px;
	border-bottom: 0.5px solid black;

}

.caixa_llistat_opcions_subarticle .caixa_escull_format.pack {
	display: flex;
}

.caixa_interna_fitxa_subarticle .caixa_escull_format.pack .article_pack {
	border: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
	font-size: 16px;
	width: 32%;
}

.caixa_interna_fitxa_subarticle .caixa_escull_format strong {
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 28px;
	color: #546D62;
	font-weight: 500;
}
.caixa_interna_fitxa_subarticle .caixa_llistat_opcions_subarticle {
	display: flex;
	justify-content: start;
	align-items: center;
	/* gap: 2%; */
	flex-wrap: wrap;
}
.caixa_interna_fitxa_subarticle .caixa_llistat_opcions_subarticle  img {
	background-color: #fff;
    max-width: 150px;
    aspect-ratio: 1;
    object-fit: contain;
}
.caixa_interna_fitxa_subarticle .caixa_llistat_opcions_subarticle a {
	padding: 5px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	gap: 5px;
	text-align: center;
}
.caixa_interna_fitxa_subarticle .caixa_llistat_opcions_subarticle a p{
	font-weight: 100;
}

.caixa_preu_mes_boto_afegir{
	display: flex;
	flex-direction: column;
	padding-bottom: 30px;
	border-bottom: 0.5px solid black;
}



.caixa_preu_subarticle {
	width: 100%;
	display: flex;
	gap: 15px;
	justify-content: start;
	margin-bottom: 10px;
	margin-top: 10px;
}

.caixa_preu_subarticle .info_preu_anterior {
	color: var(--color-secundari);
	text-decoration:line-through;
	font-weight:500;
	font-size: 0.8em;
	margin-right: 10px;
}

.caixa_general_textos_informatius_fitxa_subarticle .caixa_interna_textos_informatius_fitxa_subarticle {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	max-width: 1500px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 100px auto;
}
.caixa_interna_textos_informatius_fitxa_subarticle .bloc_textos_propietats_item_pare {
	width: 50%;
	max-width: 50%;
	padding: 30px;
	font-weight: 300;
	font-size: 20px;
	color: #666666;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
.caixa_interna_textos_informatius_fitxa_subarticle .bloc_textos_propietats_item_pare .titol {
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 28px;
	color: #546D62;
	font-weight: 500;
}
.caixa_interna_textos_informatius_fitxa_subarticle .bloc_textos_propietats_item_pare strong {
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 20px;
	color: #546D62;
	font-weight: 500;
}
.caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle {
	width: 40%;
	max-width: 50%;
	display: flex;
	flex-wrap: wrap;
	gap:0;
}
.caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle .caixa_metode_preparacio {
	padding: 30px;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	background-color: rgba(84, 109, 98, 0.1);
	border: 1px solid #fff;
	font-size: 20px;
  	color: #666666;
	line-height: 1.2;
}
.text_preparacio{
	margin-top: 20px;
}
.caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle .caixa_nota_tast, .caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle .caixa_alergens_intolerancies {
	width: 50%;
	padding: 5%;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	background-color: rgba(84, 109, 98, 0.1);
	border: 1px solid #fff;
	font-size: 20px;
  	color: #666666;
	line-height: 1.2;
}
.caixa_interna_textos_informatius_fitxa_subarticle .titol_bloc_especificacio {
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 28px;
	color: #546D62;
	font-weight: 500;
}
.caixa_interna_textos_informatius_fitxa_subarticle .linia_nota_tast {
	font-weight: 300;
  	font-size: 20px;
  	color: #666666;
	line-height: 1.2;
}
.caixa_interna_textos_informatius_fitxa_subarticle .linia_nota_tast strong {
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 20px;
	color: #546D62;
	font-weight: 500;
}
.caixa_boto_afegir_cistella #fitxa_add_cart {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.caixa_boto_afegir_cistella #fitxa_add_cart .qty_fitxa_art {
	display: flex;
}
.caixa_boto_afegir_cistella #fitxa_add_cart .qty_fitxa_art .fa-minus.menys,.caixa_boto_afegir_cistella #fitxa_add_cart .qty_fitxa_art .fa-plus.mes {
	border: 1px solid rgb(84, 109, 98);
  	padding: 12px;
  	font-weight: 400;
}
.caixa_boto_afegir_cistella #fitxa_add_cart .qty_fitxa_art input.numero_afegir_article {
	border-top: 1px solid black;
	font-weight: 400;
	border-bottom: 1px solid black;
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	max-width: 80px;
	padding: 0;
	margin: 0;
	background-color: #000;
	color: white;
}

/* Chrome, Safari, Edge, Opera */
input.numero_afegir_article::-webkit-outer-spin-button,
input.numero_afegir_article::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.numero_afegir_article[type=number] {
  -moz-appearance: textfield;
}

.caixa_boto_afegir_cistella #fitxa_add_cart a.btn_fitxa_cart {
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	padding: 12px 30px;
	color: #fff;
	background-color: black;
	text-transform: uppercase;
	max-width: 250px;
}

.seccio_relacionats_fitxa {
	margin-top: 100px;
	margin-bottom: 250px;
}
.seccio_relacionats_fitxa .titol {
	text-align: start;
  	text-transform: uppercase;
  	line-height: 1;
  	font-size: 26px;
  	color: black;
  	font-weight: 500;
  	margin-bottom: 40px;
	padding-left: 100px;
}

/* --- Fi pag subarticle --- */

/* --- Inici pag llistat continguts --- */
.caixa_general_continguts {
	width: 100%;
}
.caixa_general_continguts .caixa_bloc_textos_continguts {
	width: 100%;
	max-width: 1500px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding-top: 150px;
	padding-bottom: 150px;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts {
	width: 100%;
	max-width: 1500px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-top: 150px;
	padding-bottom: 150px;
	gap: 8vh 4%;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill {
	width: 22%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	row-gap: 20px;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_imatge {
	overflow: hidden;
  width: auto;
  max-width: 100%;
  border-radius: 50%;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_titol h2 {
	font-style: italic;
	color: black;
	font-size: 32px;
	text-align: center;
	line-height: 1.1;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_text {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	text-align: center;	
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_boto {
	display: flex;
	justify-content: center;
	align-items: center;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare {
	width: 100%;
	max-width: 1500px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-top: 150px;
	padding-bottom: 150px;
	gap: 2vh 2%;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill {
	width: 100%;
	background-size: 105%;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill:hover {
	background-size: 110%;
	transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 8% 5%;
	row-gap: 25px;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos .caixa_titol h2 {
	font-size: 40px;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1;
	font-weight: bold;
	text-shadow: 2px 3px 9px #666;
	letter-spacing: 3px;
	font-style: normal;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos .caixa_text {
	color: #fff;
	font-size: 20px;
	line-height: 1;
	font-weight: 500;
	font-style: italic;
	text-shadow: 2px 3px 4px #666;
	letter-spacing: 1px;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos .boto_generic{
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	text-shadow: 2px 3px 4px #666;
	width: fit-content;
	padding: 15px 20px;
}
.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_boto .boto_generic {
	background-color: transparent;
	border: 1px solid black;
	color: black;
	width: fit-content;
	padding: 15px 20px;
}




/* --- Fi pag llistat continguts --- */
/* --- Inici estils pag generica --- */
.caixa_general_pag_generica {
	width: 100%;
}
.caixa_interna_pag_generica {
	width: 80%;
	max-width: 1500px;
	/* padding-left: 15px; */
	/* padding-right: 15px; */
	padding-top: 150px;
	padding-bottom: 150px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
}

.caixa_interna_pag_generica .bloc_contingut {
	width: 48%;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
.caixa_interna_pag_generica .bloc_contingut .titol {
	text-transform: uppercase;
	font-size: 48px;
	color: black;
	font-weight: 600;
}
.caixa_interna_pag_generica .bloc_contingut .textos {
  	font-weight: 300;
  	font-size: 20px;
}
.caixa_interna_pag_generica .bloc_contingut .textos strong {
	font-weight: bold;
}
.caixa_interna_pag_generica .bloc_contingut .downloads {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.caixa_interna_pag_generica .bloc_contingut .downloads h3{
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 20px;

}
.caixa_interna_pag_generica .bloc_imatge {
	width: 48%;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
/* --- Fi estils pag generica --- */
/* --- Inici estils pag formulario pro --- */
.caixa_interna_pag_generica.profesional{
	flex-direction: column;
	gap: 50px;
}
.caixa_interna_pag_generica.profesional .bloc_contingut,
.caixa_interna_pag_generica.profesional .bloc_formulari{
	width: 100%;
}

/* --- Fi estils pag formulario pro --- */
/* --- Inici estils pag contacte --- */
.bloc_formulari {
	width: 48%;
}
.bloc_formulari form {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
.bloc_formulari .caixa_doble_camp {
	display: flex;
	justify-content: space-between;
	gap: 2%;
}
.bloc_formulari .caixa_doble_camp .field {
	width: 49%;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	margin-bottom: 0;
}
/* --- Fi estils pag contacte --- */

/* --- missatge compra --- */

.titol_message  {
  text-align: center;
  margin-top: 0;
  padding-left: 10%;
  padding-right: 10%;
  /* padding-bottom: 100px; */
  background-color: white;
  margin-left: 0;
  margin-right: 0;
  /* padding-top: 20vh; */
  width: 100%;
  max-width: 100%;
  height: 60vh;
  color: black;
  display: flex;
  flex-direction: column;
  /* gap: 5px; */
  /* font-family: 'Playfair Display'; */
  font-size: 50px;
  line-height: 1.1;
  margin-bottom: 0;
  /* font-weight: bold; */
  justify-content: center;
  /* font-style: italic; */
}

main:has(.titol_message) + script + .caixa_general_butlleti_footer {
	margin-top: 0px;
}

/* ----------------------- */

/* PAG Timeline */

.pag_timeline .bloc_contingut {
    width: 100%;
	margin-bottom: 100px;
}
.pag_timeline h2 {
	text-align: center;
	margin-bottom: 60px;
	width: 100%;
}
/*.pag_timeline h2 {
	text-align: center;
	width: 100%;
	margin: 50px 0;
	font-size: 55px;
	color: rgba(124, 106, 91, 1);
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 3px;
}*/

.pag_timeline .caixa_interna_pag_generica {
	padding: 0px;
}

.timeline {
    --width-timeline-bar : 5px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
    position: relative;
    top: 0;
    left: 0;
    /* margin-top: 50px; */
}

.timeline:after {
    content: '';
    position: absolute;
    height: 100%;
    width: var(--width-timeline-bar);
    background-color: #546D62;
    z-index: 0;
    transform: translateX(0%);
}

.timeline > .any {
    width: 30%;
    /* align-self: flex-start; */
    transform: translate(-60%);
    position: relative;
    z-index: 1;
    text-align: end;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.timeline > .any:nth-child(odd) {
    /* align-self: flex-end; */
    transform: translate(60%);
    text-align: left;
}

.timeline > .any:after {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(-10% - (var(--width-timeline-bar) * 2));
    background-color: #546D62;
    width: calc(var(--width-timeline-bar) * 4);
    height: calc(var(--width-timeline-bar)  * 4);
    border-radius: 100%;
    transform: translateY(-50%);
}
.timeline > .any:nth-child(odd):after {
    left: calc(-10% - (var(--width-timeline-bar) * 2));
}

.timeline .any .titol {
    font-style: italic;
    font-size: 32px;
    text-transform: lowercase;
    /* text-align: center; */
    line-height: 1.1;
    color: rgba(124, 106, 91, 1);
}

/* popup filtres */

.mfp-content:has(#content_filtres) {
	height: 100%;
	/* display: flex; */
}

#content_filtres {
	height: 100%;
}

.mfp-container {
	padding: 0px !important;
}

#lateral_left {
	display: flex;
	width: 100%;
	justify-content: center;
	height: 100%;
	align-items: center;
}

.mfp-content .menu_lat_categories {
	width: 45%;
	background-color: white;
	padding: 50px;
	/* border-radius: 10px; */
	/* position: fixed; */
	top: 13%;
	left: 30%;
	margin: 0;
	transform-origin: 50% 50%;
	display: block;
	max-width: 800px;
	max-height: 800px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 75%;
}

.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; */
	font-style: italic;
	font-size: 24px;
}

.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: 32%;
	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.btns {
	flex-direction: row;
	justify-content: center;
	gap: 20px;
}

.menu_lat_categories>li.btns button {
	margin: 0px !important;
	margin-top: 25px !important;
}

.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 .list_caracs input {
    display: none;
}

.menu_lat_categories .list_caracs label {
    position: relative;
    border: 1px solid  black;
    padding: 10px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    display: block;
}

.menu_lat_categories .list_caracs label * {
	font-weight: normal;
}

.menu_lat_categories .list_caracs li:hover label,
.menu_lat_categories .list_caracs li:has(input:checked) label {
    background-color: var(--color-principal);
    border-color: var(--color-principal);
    color: white;
}

.caixa_banner_generic {
    width: 100%;
    max-width: 100%;
    height: 45vh;
    max-height: 650px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.caixa_banner_generic .caixa_interior_banner_generic {
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(244, 166, 68, 0.2);
}
.caixa_banner_generic .caixa_interior_banner_generic h1 {
    width: 80%;
    display: flex;
    flex-direction: column;
    font-size: 35px;
    color: #ffffff;
    line-height: 1;
    font-weight: 500;
    font-style: italic;
    text-shadow: 2px 3px 4px #666;
    letter-spacing: 1px;
    text-align: center;
    row-gap: 15px;
}
.caixa_banner_generic .caixa_interior_banner_generic h1 strong {
    font-size: 80px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
    text-shadow: 2px 3px 9px #666;
    letter-spacing: 3px;
    font-style: normal;
}
.caixa_banner_generic img{
	width: 100%;
	height: 100%;
	max-height: 650px;
	object-fit: cover;
}

/* Estils sobre nosotros */
#sobre_nosotros{
	padding-bottom: 300px;
}
 #sobre_nosotros .caixa_interior_sobre_nosotros{
	display: flex;
	flex-wrap: wrap;
}
 #sobre_nosotros .caixa_general_sobre_nosotros{
	width: 50%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
 }
 #sobre_nosotros .caixa_general_sobre_nosotros:first-child,
  #sobre_nosotros .caixa_general_sobre_nosotros:last-child{
	background-color: #efebeb;
 }
 #sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros{
	padding: 10% 25%;
 }
 #sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros .titol_sobre_nosotros{
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 500;
 }

#sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros .bloc_text_llarg{
  font-size: 20px;
  color: var(--color-marro);
  font-weight: 200;
}
#sobre_nosotros .caixa_general_sobre_nosotros .caixa_imatge_sobre_nosotros{
	aspect-ratio: 1;
}
 #sobre_nosotros .caixa_general_sobre_nosotros .caixa_imatge_sobre_nosotros .bloc_imatge img{
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;

 }

/* ------------- */

.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; */
	max-width: 1000px;
	width: 90%;
	overflow: auto;
	margin: 20px auto;
	/* border-radius: 10px; */
}


/* MENÚ CATEGORIES */

#frm_limits {
	top: 100px;
	/* position: sticky; */
	max-width: 1500px;
	margin: 20px auto;
	padding-left: 2%;
	margin-bottom: 0px;
	/* display: flex; */
	/* justify-content: space-between; */
	padding-right: 2%;
}

#filtres_sup_categories {
	display:flex;
	justify-content: space-between;
}

#filtres_shop_phone,
#order_by_filters {
    display: inline-flex;
    color: var(--color-principal);
    position: relative;
    z-index: 1;
    padding: 0;
    text-align: center;
    transition: 0.35s ease-in-out;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    padding-bottom: 0px;
    font-size: 18px;
    background-color: #eef1f0;
    padding: 10px 20px;
    margin-bottom: 0px;
    border: 0px;
    text-transform: uppercase;
}


/* --- Inici blocs responsive --- */
.head_menu_mobil {
	display: none;
}
.full_menu_mobil {
	display: none;
}
#cap_menu_capcalera {
	display: none;
}

.paginacio {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.paginacio a {
    font-size: 21px;
    aspect-ratio: 1/1;
    width: 30px;
    text-align: center;
}

.paginacio a:not(.next):hover,
.paginacio a.selected{
    background-color: black;
    color: white;
}


@media all and (max-width: 450px) {
	.caixa_interna_butlleti_footer .bloc_superior_text_butlleti .subtitol_bloc_butlleti {
		font-size: 12px;
	}
}


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

	.punt_menu_principal .submenu a {
		font-size: 24px;
	}
	.punt_menu_principal .submenu .fills_segon_nivell_menu a {
		font-size: 16px;
	}
	#sobre_nosotros {
		padding-bottom: 200px;
	}
	#sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros {
		padding: 15% 15%;
	}
	#sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros .titol_sobre_nosotros {
        font-size: 24px;
    }
	#sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros .bloc_text_llarg {
        font-size: 18px;
    }
	#caixa_general_hero_home .textos {
		gap: 15px;
	}
	#caixa_general_hero_home .caixa_textos h1 {
		font-size: 38px;
	}
	#caixa_general_hero_home .caixa_textos h2 {
		font-size: 30px;
		margin-bottom: 35px;
	}
	#caixa_general_hero_home .caixa_textos a {
		font-size: 24px;
	}

	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer{
		width: 95%;
		margin-left: 5%;
	}
	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_imatge {
		width: auto;
		margin-top: 0px;
	}

	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_imatge img {
		position: relative;
		bottom: 0px;
		right: 0px;
		transform: scale(1);
		width: 100%;
		height: 300px;
	}

	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_text_butlleti {

	}

	.caixa_interna_butlleti_footer .bloc_superior_text_butlleti {}

	.caixa_interna_butlleti_footer .bloc_superior_text_butlleti .titol_bloc_butlleti {}

	.caixa_interna_butlleti_footer .bloc_superior_text_butlleti .subtitol_bloc_butlleti {}

	.caixa_interna_butlleti_footer .caixa_input_butlleti {
		max-width: unset;
	}
	#inv_input_mail {
		font-size: 16px;
	}
	#inv_button {
		font-size: 20px;
	}
	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill {
		background-size: cover;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill:hover {
		background-size: cover;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos {}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos .caixa_titol h2 {
		text-align: center;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos .caixa_text {
		text-align: center;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos .boto_generic {}

	.caixa_imatge {
		/* display: none; */
	}
	footer {
		padding: 50px 5%;
		height: auto;
	}
	footer .caixa_dreta_footer {
		grid-template-columns: repeat(2, 300px);
	}
	footer .caixa_inferior_footer {
		flex-direction: column;
		padding-left: 10%;
		padding-right: 10%;
		gap: 30px;
		padding-top: 0px;
	}

	footer .caixa_inferior_footer>* {
		flex-direction: column;
		width: 100% !important;
		display: flex;
		align-items: center;
		gap: 5px !important;
	}

	.caixa_interna_butlleti_footer .bloc_superior_text_butlleti .subtitol_bloc_butlleti {
		font-size: 16px;
		max-width: unset;
	}

	header .head {
		/* padding: 15px 3%; */
		/* justify-content: flex-start; */
	}

	.head_esquerra {
		/* width: 50%; */
		/* display: flex; */
		/* min-width: 40%; */
		/* justify-content: center; */
		/* align-items: center; */
		/* justify-content: flex-start; */
	}

	header .head #logo img {
		max-width: 100px;
	}

	header.scroll {
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
	}

	header.scroll .head #logo img {
		max-width: 100px;
	}

	.head_dreta {
		/* width: 35%; */
		gap: 10px;
	}
	.punt_menu_principal .submenu a {
		font-size: 14px;
	}
	.punt_menu_principal .submenu .fills_segon_nivell_menu a {
		font-size: 12px;
	}


	.boto_menu {
		cursor: pointer;
	}

	.head_mig {
	width: 100%;
	}

	.caixa_idiomes_capcalera ul#idiomes li {
		padding: 0px 0px;
	}

	.caixa_idiomes_capcalera ul#idiomes li .link_head {
		padding: 0px 0px;
	}

	#cap_menu_capcalera {
		display: flex;
		position: fixed;
		position: fixed;
		height: 100%;
		width: 100%;
		bottom: 0;
		left: 0;
		transition: 0.4s all;
		transform: translateX(-100%);
		z-index: 1100;
		background-color: #fff;
	}

	#cap_menu_capcalera.show {
		transition: 0.4s all;
		transform: translateX(0%);
	}

	.caixa_interna_full_menu {
		width: 100%;
		padding: 5%;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: center;
		row-gap: 20px;
	}

	.caixa_interna_full_menu .caixa_superior {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;

	}

	.caixa_interna_full_menu .caixa_superior #logo_mobil {
		max-width: 100px;
	}

	#cap_menu_capcalera .self {
		background-color: unset;
		border: 0px;
		padding: unset;
		color: unset;
		margin: unset;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 10px;
		border-radius: 0px;
		color: rgb(0, 0, 0);
		font-size: 20px;
		font-weight: 500;
		text-transform: uppercase;
	}

	#cap_menu_capcalera .caixa_mig {
		width: 100%;
	}
	#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes .titol_seccio {
		font-size: 36px;
	}
	#caixa_general_destacats_home .swiper-button-prev:after, #caixa_general_destacats_home .swiper-button-next:after {
		font-size: 36px;
	}

	#caixa_text_principal_home {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#caixa_text_principal_home h1.titol_seccio {
		line-height: 1;
		font-size: 14px;
	}
	#caixa_text_principal_home .caixa_interior_text_principal_home {
		width: 80%;
		font-size: 18px;
	}

	.boto_generic {
		font-size: 11px;
		padding: 13px 20px;
	}

	#caixa_general_text_centrat_mes_imatge.primer {
		margin-bottom: 150px;
	}
	#caixa_general_text_centrat_mes_imatge {
		margin-top: 150px;
	}
	.instagram {
		margin-top: 150px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos {
		gap: 60px;
	}

	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
		font-size: 36px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .contenidor_titol,
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols,
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .contenidor_titol  {
		left: 3%;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
		font-size: 36px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
		max-width: 320px;
		min-width: 320px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_imatge img {
		max-width: 320px;
		min-width: 320px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos strong {
		font-size: 16px;
	}

	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos p {
		font-size: 18px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos a {
		font-size: 20px;
	}
	
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols .titol_bloc_destacat_home {
		font-size: 34px;
	}
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .textos {
		font-size: 18px;
	}

	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home.caixa_ordre_2 .caixa_textos {
		padding-left: 5%;
	}

	.banner_categories .container {
		min-height: auto;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.banner_categories .container .t {
		font-size: 38px;
		line-height: 1;
	}

	.banner_categories .container .d {
		font-size: 16px;
		padding-left: 15%;
		padding-right: 15%;
		line-height: 1.2;
	}


	.childs.ui-accordion-content {
		background-color: #fff;
		border: none;
		padding: 1em 1em;
		display: flex;
		flex-direction: column;
		row-gap: 8px;
	}

	.childs.ui-accordion-content .ui-state-default {
		color: #000;
		border: none;
		background-color: #fff;
		padding: 0;
		font-weight: normal;
	}

	.childs.ui-accordion-content .ui-state-default span {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.ui-accordion .ui-accordion-content.fills_segon_nivell_menu {
		overflow: auto;
		padding: 0px 2em;
		display: flex;
		flex-direction: column;
		row-gap: 4px;
		background-color: #fff;
		border: none;
	}

	.ui-accordion .ui-accordion-content.fills_segon_nivell_menu a {
		font-style: italic;
	}

	
	/* --- Inici estils pag sobre nosotros ---*/
	.caixa_banner_generic {
		max-height: 450px;
	}
	.caixa_banner_generic img{
		max-height: 450px;
	}
	.caixa_banner_generic.contacte{
		height: 30vh;
	}

	.caixa_banner_generic .caixa_interior_banner_generic h1 {
		font-size: 25px;
	}

	.caixa_banner_generic .caixa_interior_banner_generic h1 strong {
		font-size: 30px;
	}
	.caixa_general_continguts .caixa_llistat_fills_pag_continguts {
		padding-top: 70px;
		padding-bottom: 70px;
		padding-left: 5%;
		padding-right: 5%;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill {
		width: 30%;
		row-gap: 10px;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_imatge {
		max-width: 80%;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_titol h2 {
		font-size: 22px;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_text {
		font-size: 14px;
		line-height: 1.2;
	}

	/* --- Fi estils pag sobre nosotros --- */
	/* --- Inici estils pag generica --- */
	.caixa_interna_pag_generica {
		padding-top: 70px;
		padding-bottom: 70px;
		/*flex-direction: column;*/
		row-gap: 50px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.caixa_interna_pag_generica.contacte{
		flex-direction: row;
	}

	/*.caixa_interna_pag_generica .bloc_contingut {
		width: 100%;
	}*/

	.caixa_interna_pag_generica .bloc_contingut {
		width: 48%;
	}

	.caixa_interna_pag_generica .bloc_contingut .titol {
		font-size: 20px;
	}

	.caixa_interna_pag_generica .bloc_contingut .textos {
		font-size: 16px;
	}

	.caixa_interna_pag_generica .bloc_imatge {
		/*width: 100%;*/
		width: 48%;
	}

	.caixa_interna_pag_generica .owl-slide-petit {
		margin-bottom: 0;
	}

	/* --- Fi estils pag generica --- */

	.mfp-content .menu_lat_categories {
		width: 90%;
		left: 5%;
	}
}

@media screen and (max-width: 1200px) {
	#caixa_general_hero_home .caixa_imatge_textos {
		height: 800px;
	}
	#caixa_general_hero_home .caixa_imatge_textos .caixa_imatge {
		filter: opacity(1) blur(7px) brightness(0.5);
	}
	.contenidor_ruta {
		margin: 40px 50px;
	}
	.contacte .bloc_formulari {
		width: 100%;
	}

	.contacte .bloc_contingut {
		width: 100%;
	}
	.caixa_general_butlleti_footer {
		background-size: 50%;
	}
	.head_mig nav ul {
		gap: 10px;
	}
	.punt_menu_principal a.punt_menu {
		font-size: 12px;
    	padding: 7px 10px;
	}
	#caixa_general_text_centrat_mes_imatge {
		background-size: 35%;
		background-repeat: no-repeat;
		background-position: center;
	}
	/* Blocs home text imatge*/
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home .caixa_imatge {
		background-position: right;
		filter: opacity(0.5) blur(3px);
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos {
		max-width: 500px;
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge {
		height: 350px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge {
		height: 400px;
	}
	 
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .contenidor_titol {
        left: 5%;
		top: 15%;
		transform: unset;
		z-index: 1;
    }
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos {
		left: 5%;
		top: 60%;
		z-index: 1;
	}
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols{
		left: 5%;
		top: 40%;
		transform: translateY(-60%);
		z-index: 1;
	}
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .textos{
		left: 5%;
		top: 45%;
		transform: translateY(60%);
		z-index: 1;
	}

	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
		right: 0%;
		left: unset;
		transform: unset;
		min-width: 350px;
		filter: opacity(0.2) blur(3px);
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
		right: 0%;
		left: unset;
		transform: unset;
		filter: opacity(0.2) blur(3px);

	}	
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
		max-width: unset;
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio span {
		font-size: 48px;
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
		max-width: 450px;
	}
	
}


@media screen and (max-width: 800px) {
	.head_dreta span,
	.head_dreta a{
		font-size: 14px;
	}
	.head_dreta .fa-solid.fa-cart-shopping{
		font-size: 14px;
	}
	.mobile_hide{
		display: none;
	}
	#caixa_general_hero_home .caixa_imatge_textos {
		height: 600px;
	}
	#caixa_general_hero_home .caixa_textos {
		left: 20px;
	}
	#caixa_general_hero_home .caixa_textos h1 {
        font-size: 30px;
    }
	#caixa_general_hero_home .caixa_textos h2 {
        font-size: 22px;
        margin-bottom: 35px;
    }
	#caixa_general_hero_home .caixa_textos a {
        font-size: 20px;
    }
	#quickview_box_verd {
		font-size: 16px;
	}
	#quickview_detalls>div:first-child {
		gap: 20px;
	}
	.quick_info {
		font-size: 12px;
	}
	.botons_quick_view {
		font-size: 12px;
	}

	.caixa_boto_afegir_cistella #fitxa_add_cart {
		flex-direction: row;
	}
	.breadcrumb ul li a {
		font-size: 10px;
	}
	#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte .titol_i_pes .pes {
		font-size: 12px;
	}
	#caixa_general_destacats_home {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#caixa_general_text_centrat_mes_imatge.primer {
        margin-bottom: 100px;
    }
	#caixa_general_text_centrat_mes_imatge {
		margin-top: 100px;
    }
	.instagram {
        margin-top: 100px;
    }

    #caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
        max-width: 350px;
    }
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_imatge img {
        max-width: 350px;
    }
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols {
		text-align: center;
		width: 90%;
	}
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .caixa_titols .titol_bloc_destacat_home {
        font-size: 30px;
    }
	    #caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_textos .textos {
        font-size: 16px;
		text-align: center;
		max-width: unset;
		width: 90%;
    }
	#caixa_general_llistat_continguts_home .caixa_interior_llistat_continguts_home .caixa_bloc_destacat_home .caixa_imatge {
		background-position: center;
		background-size: cover;
		filter: opacity(0.3) blur(5px);
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge {
		height: 400px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
        right: 50%;
        transform: translateX(50%);
        filter: opacity(0.2) blur(10px);
    }
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_imatge {
        right: 50%;
        transform: translateX(50%);
        filter: opacity(0.2) blur(10px);
    }
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .contenidor_titol {
		top: 20%;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		width: 90%;
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .contenidor_titol {
		top: 12%;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
        font-size: 30px;
    }
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
		margin: 0 auto;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos {
		left: 50%;
		transform: translateX(-50%);
		top: 33%;
		text-align: center;
		width:95%;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos .textos a {
		font-size: 18px;
		margin: 0 auto;
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio {
		font-size: 30px;
		max-width: 190px;
	}
	#caixa_general_text_centrat_mes_imatge.primer .caixa_interior_text_centrat_mes_imatge .caixa_textos .titol_seccio span {
		font-size: 40px;
	}
	#caixa_general_text_centrat_mes_imatge .caixa_interior_text_centrat_mes_imatge .caixa_textos p {
        font-size: 16px;
    }


	/**/
	header .caixa_avisos_fixes_cap .frase{
		font-size: 12px;
	}
	.head_dreta i {
		font-size: 16px;
	}
	.head_mig_dreta {
		width: 25%;
	}
	.menu_lat_categories ul li {
		width: 100%;
	}

	.head_menu_mobil {
		width: 25%;
		display: block;
	}

		.head_dreta {width: 35%;}

	.head_mig {
		display: none;
	}

	.quick_info {
		width: 100%;
		padding: 5% 20px 5% 20px;
		justify-content: space-between;
	}

	.botons_quick_view {
		width: 100%;
		padding: 5% 20px 5% 20px;

	}

	.bloc_formulari {
		width: 100%;
	}

	.bloc_formulari .caixa_doble_camp {
		flex-direction: column;
		gap: 15px;
	}

	.bloc_formulari .caixa_doble_camp .field {
		width: 100%;
	}

	.caixa_general_pag_generica.pag_timeline {
		padding: 0 5%;
		padding-bottom: 10%;
	}

	.timeline {
		align-items: flex-start;
		margin-top: 0px;
		/* margin: 0 5%; */
	}

	.timeline:after {
		transform: translateX(100%);
	}

	.timeline>.any {
		width: 90%;
		transform: translateX(10%);
		text-align: left;
	}

	.timeline>.any:nth-child(odd) {
		transform: translate(10%);
	}

	.timeline>.any:after {
		left: calc(-10% - (var(--width-timeline-bar) * 2));
		transform: translateX(40%);
	}

	.banner_categories {
		padding: 40px 0 20px 0;
	}
	.banner_categories.search {
		padding: 0;
	}
	.banner_categories .contenidor_ruta {
		margin: 0;
		position: absolute;
		top: 30px;
		left: 15px;
	}
	.banner_categories .container .t {
        font-size: 30px;
    }
	.banner_categories .container .d {
		font-size: 14px;
		padding: 0 5%;
	}
	.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
	}

	#frm_limits {
		margin-top: 0px;
		padding: 0px;
	}
	footer {
		justify-content: space-evenly;
		gap: 50px;
		flex-direction: column;
	}
	footer .caixa_esquerra_footer {
		text-align: center;
	}
	footer .caixa_dreta_footer {
        grid-template-columns: repeat(1, 250px);
		justify-content: center;
    }
	footer .caixa_dreta_footer a.penultim{
		border-bottom: 0.5px solid var(--color-negre);
	}
	.caixa_general_butlleti_footer {
        max-height: unset;
		height: unset;
    }
	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer {
		max-height: unset;
		height: unset;
		flex-direction: column;
		gap: 20px;
		
	}
	.caixa_interna_butlleti_footer .bloc_superior_text_butlleti .titol_bloc_butlleti {
		font-size: 30px;
    }
	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_text_butlleti {
		width: 90%;
    }
	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_imatge_butlleti {
		align-self: end;
		width: 500px;
    }
	footer .caixa_dreta_footer a {
		text-align: center;
	}
	#inv_button {
        width: 100%;
    }
	

	.mfp-content .menu_lat_categories {
		padding: 20px;
		height: 95%;
	}

	.mfp-content .menu_lat_categories .btn.apply {
		width: 50%;
	}
	/* Sobre nosotros */
	#sobre_nosotros {
        padding-bottom: 100px;
    }
	.caixa_banner_generic {
        height: 25vh;
    }
	.caixa_banner_generic img{
        height: 25vh;
    }
	.caixa_banner_generic.contacte{
		height: 25vh;
	}
	#sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros {
        padding: 10% 5%;
    }
	#sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros .titol_sobre_nosotros {
		font-size: 20px;
	}
	#sobre_nosotros .caixa_general_sobre_nosotros .caixa_textos_sobre_nosotros .bloc_text_llarg {
		font-size: 14px;
	}
	/* --- Estils mobile pag categoria --- */
	.contenidor_ruta {
		margin: 30px 15px;
	}
	#filtres_shop_phone, #order_by_filters {
		max-width: 45%;
  		font-size: 15px;
  		padding: 8px 15px;
  		border-radius: 0;
	}
	/* --- Fi estils mobile pag categoria --- */
	/* --- Estils personalitzats per la fitxa de producte --- */
	.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle {
		flex-direction: column;
		align-items: center;
	}

	.caixa_interna_fitxa_subarticle .titol_article.mobile_show {
		display: flex;
		flex-direction: column;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.titol_article.mobile_show .breadcrumb ul {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.titol_article.mobile_show .breadcrumb ul .fal,
	.titol_article.mobile_show .breadcrumb ul span {
		font-size: 13px;
	}

	.caixa_interna_fitxa_subarticle .titol_article.mobile_show span.subtitol_categoria {
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		text-transform: uppercase;
	}

	.caixa_interna_fitxa_subarticle .titol_article.mobile_show h2 {
		color: black;
		font-size: 22px;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 10px;

	}

	.caixa_interna_fitxa_subarticle .titol_article.mobile_show .pes {
		font-size: 18px;
		font-weight: 200;
		margin-bottom: 20px;
	}

	.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .fitxa_imatge_prin {
		width: 100%;
		max-width: 100%;
	}

	.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .caixa_textos_principals_subarticle {
		width: 100%;
		max-width: 100%;
		padding: 30px 0% 15px;
	}

	.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .caixa_textos_principals_subarticle .breadcrumb,
	.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .caixa_textos_principals_subarticle .nom_marca {
		display: none;
	}

	.caixa_interna_fitxa_subarticle .caixa_imatges_textos_subarticle .caixa_textos_principals_subarticle .titol_article {
		overflow: hidden;
		height: 0;
		margin-bottom: 0;
	}

	.caixa_interna_fitxa_subarticle .descripcio_prin_subarticle {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle button.accordion h2, .caixa_interna_fitxa_subarticle .caixa_escull_format button.accordion h2 {
		font-size: 16px;
	}
	.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle strong,
	.caixa_interna_fitxa_subarticle .caixa_escull_format strong {
		font-size: 18px;
	}

	.caixa_interna_fitxa_subarticle .caixa_desc_carac_subarticle p,
	.caixa_text_format_subarticle {
		font-size: 14px;
	}

	.caixa_interna_fitxa_subarticle .caixa_llistat_opcions_subarticle a {
		width: 25%;
	}

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

	.caixa_preu_mes_boto_afegir {
		position: fixed;
		background-color: #fff;
		bottom: 0;
		box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.15);
		width: 100%;
		left: 0;
		padding: 15px;
		border-radius: 20px 20px 0px 0px;
		z-index: 9;
	}

	.caixa_boto_afegir_cistella #fitxa_add_cart a.btn_fitxa_cart {
		font-size: 14px;
		padding: 11px 20px;
	}

	.caixa_boto_afegir_cistella #fitxa_add_cart .qty_fitxa_art input.numero_afegir_article {
		font-size: 15px;
		border-radius: 0;
		max-width: 50px;
	}

	.caixa_boto_afegir_cistella #fitxa_add_cart .qty_fitxa_art .fa-minus.menys,
	.caixa_boto_afegir_cistella #fitxa_add_cart .qty_fitxa_art .fa-plus.mes {
		padding: 10px;
	}

	.caixa_general_textos_informatius_fitxa_subarticle .caixa_interna_textos_informatius_fitxa_subarticle {
		margin-top: 10px;
		margin-bottom: 10px;
		flex-direction: column;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .bloc_textos_propietats_item_pare {
		width: 100%;
		max-width: 100%;
		padding-right: 0;
		font-size: 16px;
		padding-top: 0px;
		padding-bottom: 35px;
		padding-left: 0px;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .bloc_textos_propietats_item_pare h3 {
		font-size: 20px;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle {
		width: 100%;
		max-width: 100%;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .titol_bloc_especificacio {
		font-size: 20px;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle .caixa_metode_preparacio {
		font-size: 16px;
		margin: 0 auto;
		width: 100%;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle .caixa_nota_tast,
	.caixa_interna_textos_informatius_fitxa_subarticle .bloc_especificacions_subarticle .caixa_alergens_intolerancies {
		width: 100%;
		font-size: 16px;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .linia_nota_tast {
		font-size: 16px;
	}

	.caixa_interna_textos_informatius_fitxa_subarticle .linia_nota_tast strong {
		font-size: 16px;
	}

	.seccio_relacionats_fitxa {
		margin-top: 70px;
		margin-bottom: 70px;
	}

	.seccio_relacionats_fitxa .contenidor_centrat {
		/*padding-left: 5%;
		padding-right: 5%;*/
	}

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

	.seccio_relacionats_fitxa .owl-carousel .owl-nav {
		width: 100%;
		left: 0;
		justify-content: space-between;
		top: 35%;
		font-size: 20px;
	}

	/* --- Fi estils personalitzats per la fitxa de producte --- */

	/**/

	#content_productes #list_productes.productes_relacionats {
		    grid-template-columns: repeat(2, 1fr);
	}

	#content_productes #list_productes .bloc_article .caixa_interna_llistat_producte,
	.bloc_destacat .bloc_article .caixa_interna_llistat_producte {
		row-gap: 10px;
	}

	#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte,
	.bloc_destacat .bloc_article .caixa_textos_llistat_producte {
		row-gap: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 0;
	}

	#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte h2,
	.bloc_destacat .bloc_article .caixa_textos_llistat_producte h2 {
		font-size: 25px;
		text-align: center;
		line-height: 1.1;
	}

	#content_productes #list_productes .bloc_article .caixa_textos_llistat_producte p,
	.bloc_destacat .bloc_article .caixa_textos_llistat_producte p {
		font-size: 13px;
		max-height: 125px;
		overflow: hidden;
	}
	/* Destacats */
	#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes .titol_seccio {
        font-size: 30px;
    }
	#caixa_general_destacats_home .swiper-button-prev:after, #caixa_general_destacats_home .swiper-button-next:after {
        font-size: 30px;
    }
	#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes .fletxes {
		width: 75px;
	}
	#caixa_general_destacats_home .caixa_interior_destacats_home .titol_fletxes {
		padding: 0 20px;
	}
	#caixa_general_destacats_home .caixa_interior_destacats_home .llistat_destacats .caixa_bloc_destacat_home .imatge_icona i, 
	#content_productes #list_productes .bloc_article .caixa_foto_llistat_producte i {
		font-size: 20px;
	}
	/* fi destacats*/
	#content_productes #list_productes {
		grid-template-columns: repeat(2, 1fr);
	}
	.seccio_relacionats_fitxa .titol {
		margin-bottom: 30px;
		padding-left: 15px;
	}

	.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill {
		width: 48%;
	}
	.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_titol h2 {
		font-size: 18px;
	}
	.caixa_general_continguts .caixa_llistat_fills_pag_continguts .caixa_single_fill .caixa_text {
		font-size: 13px;
	}
	.boto_generic {
		font-size: 10px;
		padding: 10px 12px;
	}
	.caixa_interna_pag_generica {
		padding-top: 50px;
		padding-bottom: 50px;
		flex-direction: column;
		width: 100%;
	}
	.caixa_interna_pag_generica .bloc_contingut,.caixa_interna_pag_generica .bloc_imatge {
		width: 90%;
		margin: 0 auto;
	}
	.caixa_general_continguts .caixa_llistat_fills_pag_continguts_pare .caixa_single_fill .caixa_textos .caixa_titol h2 {
		font-size: 30px;
	}
}
@media screen and (max-width: 500px) {
	.breadcrumb ul li a {
		font-size: 10px;
	}
	#sobre_nosotros .caixa_general_sobre_nosotros {
		width: 100%;
	}
	.caixa_general_butlleti_footer .caixa_interna_butlleti_footer .caixa_imatge_butlleti {
		width: 350px;
    }
}

@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 screen and (max-width: 600px) {
	.titol_message  {
		font-size: 20px;
	}
}

/* --- Fi blocs responsive --- */