/*!
Theme Name: ulzama
Theme URI: http://underscores.me/
Author: holarafa
Author URI: https://holarafa.com
Description: Wordpress theme by holarafa
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ulzama
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wordpress limpio is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*-----------------------------------------------------------------------------------------------------------
>>> STYLES CSS
-----------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
	font-family: 'InstrumentSans';
	src: url('/wp-content/themes/ulzama/fonts/InstrumentSans-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'InstrumentSans-Bold';
	src: url('/wp-content/themes/ulzama/fonts/InstrumentSans-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'HW Cigars Light';
	src: url('/wp-content/themes/ulzama/fonts/HW-Cigars-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html {
    font-family: 'InstrumentSans',sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

html {
    font-size: 62.5%;
}

h1 {
	margin: 0;
	padding: 0px;
}

h2 {
	margin: 0;
	padding: 0px;
}

h3 {
	margin: 0;
	padding: 0px;
}

p, span {
	font-family: 'InstrumentSans',sans-serif;
	margin: 0px;
	padding: 0px;
}

div {
	font-family: 'InstrumentSans',sans-serif;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

em {
	font-family: 'InstrumentSans',sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

b, strong {
	font-family: 'InstrumentSans-Bold',sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

a {
	font-family: 'InstrumentSans',sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

a:hover,
a:focus {
	font-family: 'InstrumentSans',sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-mds-1, .col-mds-10, .col-mds-11, .col-mds-12, .col-mds-2, .col-mds-3,
.col-mds-4, .col-mds-5, .col-mds-6, .col-mds-7, .col-mds-8, .col-mds-9, .col-sms-1, .col-sms-10, .col-sms-11,
.col-sms-12, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9 {
    position:relative;
    min-height:1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.hentry {
    margin: 0;
}

*:focus {
	color: inherit;
	text-decoration: none;
	outline: none;
	outline: 0 !important;
	text-decoration: none;
}

a:focus {
	color: inherit;
	text-decoration: none;
	outline: none !important;
	outline-offset: 0 !important;
}

a[href^="tel"]{
    color:inherit;
    font-family: inherit;
    font-weight: inherit;
    text-decoration:none;
}

a.sin-formato, a.sin-formato:hover {
	text-decoration: none !important;
	color: inherit;
	outline: none !important;
}

.tabla-wordpress {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.fila-wordpress {
	display: table-row;
	width: 100%;
}

.celda-10 {
	display: table-cell;
	vertical-align: top;
	width: 10%;
}

.celda-20 {
	display: table-cell;
	vertical-align: top;
	width: 20%;
}

.celda-30 {
	display: table-cell;
	vertical-align: top;
	width: 30%;
}

.celda-40 {
	display: table-cell;
	vertical-align: top;
	width: 40%;
}

.celda-50 {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}

.celda-60 {
	display: table-cell;
	vertical-align: top;
	width: 60%;
}

.celda-70 {
	display: table-cell;
	vertical-align: top;
	width: 70%;
}

.celda-80 {
	display: table-cell;
	vertical-align: top;
	width: 80%;
}

.celda-90 {
	display: table-cell;
	vertical-align: top;
	width: 90%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #FDF1E7 inset !important;
}

.no-desktop {
	display: none;
}

.full-image {
	width: 100%;
	height: auto;
}

.div-relative {
	position: relative;
}

.wow {
	animation-delay: 0.2s;
}

.alinear-derecha {
	text-align: right;
}

#cookie-law-info-bar, .wt-cli-cookie-bar {
	right: 0 !important;
	bottom: 0 !important;
	padding: 4.0rem 4.0rem !important;
	box-shadow: none !important;
}

#wt-cli-settings-btn {
	text-decoration: none !important;
}

.cli-bar-message {
	margin-bottom: 2.9rem;
	color: #ECE5DE;
	font-size: 1.6rem;
	line-height: normal;
}

.cli-bar-message a {
	display: table;
	border-bottom: 1px solid #fff;
}

#wt-cli-settings-btn {
	border-radius: 3rem;
	border: 1px solid #fff;
	background: transparent !important;
	color: #fff !important;
	font-size: 1.6rem;
	line-height: normal;
	transition: all 0.3s ease;
}

#wt-cli-settings-btn:hover {
	background-color: #fff !important;
	color: #566330 !important;
	opacity: 1 !important;
	transition: all 0.3s ease;
}

#wt-cli-accept-all-btn {
	border-radius: 3rem;
	border: 1px solid #fff;
	background: #fff !important;
	color: #566330 !important;
	font-size: 1.6rem;
	line-height: normal;
	transition: all 0.3s ease;
}

#wt-cli-accept-all-btn:hover {
	background-color: transparent !important;
	color: #fff !important;
	opacity: 1 !important;
	transition: all 0.3s ease;
}

/*--------------------------------------------------------------
# Footer & Header
--------------------------------------------------------------*/

#header_vilafoods {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 2.8rem;
	position: fixed;
	top: 0;
	left: 0;
	height: 8.6rem;
	z-index: 1000;
	transition: all 0.3s ease;
}

.is-nav-showing #header_vilafoods {
	top: 0;
	/*background-color: #AF402F;*/
	background: rgba(0, 0, 0, .4);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	/*border-bottom: 1.5px solid rgba(209, 213, 219, 0.3);*/
	transition: all 0.3s ease;
}

.is-nav-hidden #header_vilafoods {
	top: -8.6rem;
	/*background-color: #AF402F;*/
	background: rgba(0, 0, 0, .4);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	/*border-bottom: 1.5px solid rgba(209, 213, 219, 0.3);*/
	transition: all 0.3s ease;
}

.page-template-page-contacte.is-nav-showing #header_vilafoods,
.page-template-page-contacte.is-nav-hidden #header_vilafoods,
.page-template-page-legal.is-nav-showing #header_vilafoods,
.page-template-page-legal.is-nav-hidden #header_vilafoods,
.page-template-page-form-contacte.is-nav-showing #header_vilafoods,
.page-template-page-form-contacte.is-nav-hidden #header_vilafoods,
.page-template-page-producto.is-nav-showing #header_vilafoods,
.page-template-page-producto.is-nav-hidden #header_vilafoods,
.page-template-page-trabaja-con-nosotros.is-nav-showing #header_vilafoods,
.page-template-page-trabaja-con-nosotros.is-nav-hidden #header_vilafoods {
	background: rgba(255, 255, 255, .4);
}

.logo-header-centrado {
	text-align: center;
}

.logo-header {
	width: 16em;
	height: auto;
	transition: all 0.3s ease;
}

.logo-header-color {
	display: none;
	width: 16rem;
	height: auto;
	transition: all 0.3s ease;
}

.page-template-page-contacte .logo-header-color,
.page-template-page-legal .logo-header-color,
.page-template-page-form-contacte .logo-header-color,
.page-template-page-producto .logo-header-color,
.page-template-page-trabaja-con-nosotros .logo-header-color {
	display: inline-block !important;
}

.page-template-page-contacte .logo-header,
.page-template-page-legal .logo-header,
.page-template-page-form-contacte .logo-header,
.page-template-page-producto .logo-header,
.page-template-page-trabaja-con-nosotros .logo-header {
	display: none !important;
}

.page-template-page-home .logo-header {
	width: 16rem;
	margin-top: 0rem;
	transition: all 0.3s ease;
}

.page-template-page-home.is-nav-hidden .logo-header,
.page-template-page-home.is-nav-showing .logo-header {
	width: 16rem;
	margin-top: 0;
	transition: all 0.3s ease;
}

.texto-logo-header-home {
	display: none;
}

.page-template-page-home .texto-logo-header-home {
	display: none;
	width: 12.4rem;
	height: auto;
	position: absolute;
	top: 6.5rem;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	transition: all 0.3s ease;
}

.page-template-page-home.is-nav-hidden .texto-logo-header-home,
.page-template-page-home.is-nav-showing .texto-logo-header-home {
	opacity: 0;
	transition: all 0.3s ease;
}

.row-header {
	margin-left: -1.35rem;
	margin-right: -1.35rem;
}

.enlace-header,
.enlace-header:hover,
.enlace-header:focus {
	margin-right: 1.35rem;
	margin-left: 1.35rem;
	color: #FFF;
	font-size: 1.7rem;
	line-height: normal;
	border-bottom: 1px solid rgba(255,255,255,0);
	transition: all 0.3s ease;
}

.enlace-header:hover,
.enlace-header.enlace-header-activo {
	border-bottom: 1px solid rgba(255,255,255,1);
	transition: all 0.3s ease;
}

.page-template-page-contacte .enlace-header,
.page-template-page-contacte .enlace-header:hover,
.page-template-page-contacte .enlace-header:focus,
.page-template-page-legal .enlace-header,
.page-template-page-legal .enlace-header:hover,
.page-template-page-legal .enlace-header:focus,
.page-template-page-form-contacte .enlace-header,
.page-template-page-form-contacte .enlace-header:hover,
.page-template-page-form-contacte .enlace-header:focus,
.page-template-page-producto .enlace-header,
.page-template-page-producto .enlace-header:hover,
.page-template-page-producto .enlace-header:focus,
.page-template-page-trabaja-con-nosotros .enlace-header,
.page-template-page-trabaja-con-nosotros .enlace-header:hover,
.page-template-page-trabaja-con-nosotros .enlace-header:focus {
	color: #000;
}

.page-template-page-contacte .enlace-header:hover,
.page-template-page-contacte .enlace-header.enlace-header-activo,
.page-template-page-legal .enlace-header:hover,
.page-template-page-legal .enlace-header.enlace-header-activo,
.page-template-page-form-contacte .enlace-header:hover,
.page-template-page-form-contacte .enlace-header.enlace-header-activo,
.page-template-page-producto .enlace-header:hover,
.page-template-page-producto .enlace-header.enlace-header-activo,
.page-template-page-trabaja-con-nosotros .enlace-header:hover,
.page-template-page-trabaja-con-nosotros .enlace-header.enlace-header-activo {
	border-bottom: 1.5px solid rgba(0,0,0,1);
}

#footer_vilafoods {
	padding: 4.7rem 4.0rem 4.5rem 4.0rem !important;
	background-color: #ECE5DE;
	position: relative;
	border-top: 0.5px solid #1A1A1A;
	margin-top: -3.0rem;
}

.page-template-page-contacte #footer_vilafoods,
.page-template-page-form-contacte #footer_vilafoods {
	border-top: none;
}

.titular-footer {
	color: #1A1A1A;
	font-family: "InstrumentSans-Bold";
	font-size: 1.6rem;
	line-height: normal;
	margin-bottom: 1.2rem;
}

.segunda-fila-footer {
	margin-top: 5.0rem;
}

.enlace-footer,
.enlace-footer:hover,
.enlace-footer:focus {
	color: #1A1A1A;
	font-size: 1.6rem;
	line-height: 169%;
	display: table;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	transition: all 0.3s ease;
}

.enlace-footer:hover {
	border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
	transition: all 0.3s ease;
}

.enlace-footer.enlace-especial-footer:hover {
	border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}

.texto-derecha-footer {
	color: #1A1A1A;
	font-family: "HW Cigars Light";
	font-size: 4rem;
	line-height: 138%;
}

.copyright {
	color: #1A1A1A;
	font-size: 1.2rem;
	line-height: normal;
}

.enlace-red-social,
.enlace-red-social:hover,
.enlace-red-social:focus {
	height: 1.9rem;
	width: auto;
	margin-right: 2.0rem;
	transition: all 0.3s ease;
}

.enlace-red-social:hover {
	opacity: 0.7;
	transition: all 0.3s ease;
}

.texto-especial-footer p,
.texto-especial-footer div,
.texto-especial-footer li {
	color: #1A1A1A;
	font-size: 1.2rem;
	line-height: normal;
}

.texto-especial-footer a,
.texto-especial-footer a:hover,
.texto-especial-footer a:focus {
	color: #1A1A1A;
	font-size: 1.2rem;
	line-height: normal;
	border-bottom: 1px solid #1A1A1A;
}

.row-last-footer {
	margin-top: 10.0rem;
}

.logo-footer {
	height: 3.0rem;
	width: auto;
	max-width: 90%;
}

.enlace-categoria-footer,
.enlace-categoria-footer:hover {
	margin-left: 3.7rem;
	transition: all 0.3s ease;
}

.enlace-categoria-footer:hover {
	opacity: 0.7;
}

.icono-categoria-footer {
	height: 5.5rem;
	width: auto;
}


/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

#header_home {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #ECE5DE;
	overflow: hidden;
	z-index: 0;
}

.loop-video-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	object-fit: cover;
	z-index: 0;
}

.div-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(217, 217, 217, 0) 56.07%);
	background-blend-mode: multiply;
	z-index: 1;
}

.div-text-header {
	z-index: 5;
	top: 3.8rem;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	text-align: center;
	display: inline-block;
	animation-delay: 0.5s;
}

.logo-header-home {
	width: 45.4rem;
	height: auto;
	margin-bottom: 1.5rem;
}

.subtitulo-header-home {
	font-family: 'HW Cigars Light';
	font-size: 3.1rem;
	line-height: 178%;
	color: #FFFFFF;
	margin-top: 7.3rem;
	transition: all 0.3s ease;
}

.subtitulo-header-home-scroll {
	opacity: 0 !important;
	transition: all 0.3s ease;
}

.content-home {
	background: #ECE5DE;
}

.content-scroll-page {
	border-radius: 3rem 3rem 0rem 0rem;
	position: relative;
	margin-top: 100vh;
	min-height: calc(100vh + 3.0rem);
}

#origen_tradicio {
	padding: 10rem 4.0rem 6.8rem 4.0rem !important;
}

#origen_tradicio h2 {
	color: #1A1A1A;
	text-align: center;
	font-family: "HW Cigars Light";
	font-size: 12rem;
	line-height: normal;
}

.subtitulo-vilafoods {
	color: #1A1A1A;
	text-align: center;
	font-size: 2rem;
	line-height: normal;
	width: 67.1rem;
	max-width: calc(100vw - 4.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}

.subtitulo-ulzama {
	color: #1A1A1A;
	text-align: center;
	font-size: 2rem;
	line-height: normal;
	width: 67.1rem;
	max-width: calc(100vw - 4.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}

.wrapper-categorias-home {
	margin-left: -0.8rem;
	margin-right: -0.8rem;
	margin-top: 8.0rem;
}

.categoria-home {
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.div-categoria-home {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 2.0rem;
}

.div-categoria-home .img-categoria-home {
	transition: all 0.3s ease;
	opacity: 1;
	height: 100%;
	object-fit: cover;
}

.div-categoria-home:hover .img-categoria-home {
	transition: all 0.3s ease;
	opacity: 0;
}

.div-categoria-home:hover .texto-categoria-home {
	transition: all 0.3s ease;
	transform: translate(-50%, 0);
	opacity: 1;
}

.div-categoria-home .texto-categoria-home {
	transition: all 0.3s ease;
	transform: translate(-50%, -2.0rem);
	opacity: 0;
}

.texto-categoria-home {
	color: #FFF;
	text-align: center;
	font-size: 1.6rem;
	line-height: 125%;
	position: absolute;
	top: 4.1rem;
	left: 50%;
	width: calc(100% - 8.0rem);
	max-width: 25.0rem;
}

.icono-categoria-home {
	position: absolute;
	bottom: 3.8rem;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 6.7rem;
}

.nombre-producto-home {
	position: absolute;
	bottom: 3.8rem;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'HW Cigars Light';
	font-size: 3.0rem;
	line-height: 4.3rem;
	width: 100%;
	text-align: center;
	color: white;
}

.overlay-categoria-home {
	width: calc(100% - 1.6rem);
	height: 100%;
	position: absolute;
	border-radius: 2.0rem;
	top: 0;
	left: 0.8rem;
	background: linear-gradient(0deg, #29221E 6.65%, rgba(55, 44, 38, 0.00) 36.97%);
	mix-blend-mode: multiply;
}

.div-categoria-home:hover .overlay-categoria-home {
	opacity: 0;
	transition: all 0.3s ease;
}

.div-categoria-home .overlay-categoria-home {
	opacity: 0.7;
	transition: all 0.3s ease;
}

.textos-sobre-nosaltres-home {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 110.4rem;
	max-width: calc(100vw - 8.0rem);
	position: absolute;
}

.enlace-vilafoods-blanco,
.enlace-vilafoods-blanco:hover,
.enlace-vilafoods-blanco:focus {
	color: #FFF;
	font-size: 2rem;
	line-height: normal;
	border-bottom: 1px solid rgba(255,255,255,0);
	transition: all 0.3s ease;
}

#sobre_nosaltres_home {
	text-align: center;
}

#sobre_nosaltres_home h2 {
	color: #FFF;
	text-align: center;
	font-family: "HW Cigars Light";
	font-size: 8.3rem;
	line-height: 110%;
	margin-bottom: 8rem;
}

.enlace-vilafoods-blanco:hover {
	border-bottom: 1px solid rgba(255,255,255,1);
}

.div-overlay-sobre-nosaltres-home {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.30);
}

#asesoramos_home {
	background-color: #9D9A71;
	padding-top: 15.6rem;
	padding-bottom: 14.5rem;
	border-radius: 3rem 3rem 0rem 0rem;
	transform: translateY(-3.0rem);
	text-align: center;
}

.titular-asesoramos {
	margin-bottom: 2.1rem;
	font-family: 'HW Cigars Light';
	font-size: 7.0rem;
	line-height: 106%;
	text-align: center;
	letter-spacing: -0.02em;
	color: #FFFFFF;
}

/*--------------------------------------------------------------
# Sobre nosaltres
--------------------------------------------------------------*/

#header_sobre_nosaltres {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #ECE5DE;
	overflow: hidden;
	z-index: 0;
}

.imagen-header-full {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.content-sobre-nosaltres {
	background-color: #9D9A71;
	padding-top: 7.3rem;
	padding-bottom: 9.5rem;
}

.titular-sobre-nosaltres {
	color: #ECE5DE;
	text-align: center;
	font-family: "HW Cigars Light";
	font-size: 7rem;
	line-height: 102%;
	width: 111rem;
	max-width: calc(100vw - 8.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	margin-bottom: 7.7rem;
}

.imagen-edificio {
	width: 100.0rem;
	height: auto;
	max-width: calc(100vw - 12.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	margin-bottom: 10.0rem;
	mix-blend-mode: multiply;
}

.texto-sobre-nosaltres {
	color: #ECE5DE;
	text-align: center;
	font-size: 2rem;
	line-height: normal;
	width: 66.0rem;
	max-width: calc(100vw - 8.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	margin-bottom: 10.0rem;
}

.visita-sobre-nosaltres {
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
}

.visita-sobre-nosaltres img {
	border-radius: 2.0rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.visita-sobre-nosaltres:hover img {
	transform: scale(1.02);
	transition: all 0.3s ease;
}

.visita-sobre-nosaltres div {
	margin-top: 3.0rem;
	color: #ECE5DE;
	text-align: center;
	font-size: 2rem;
	line-height: normal;
	padding-left: 6.0rem;
	padding-right: 6.0rem;
}

/*--------------------------------------------------------------
# Contacte
--------------------------------------------------------------*/

.page-template-page-contacte {
	background-color: #ECE5DE;
}

#contenido_contacte {
	margin-top: 8.6rem;
}

.izquierda-contacte {
	max-height: 100vh;
	border-radius: 2.0rem;
	overflow: hidden;
	background-color: #1A1A1A;
	padding: 7.0rem 4.0rem 4.0rem 4.0rem !important;
}

.derecha-contacte {
	max-height: 100vh;
	border-radius: 2.0rem;
	overflow: hidden;
}

.derecha-contacte img {
	object-fit: cover;
}

.titular-contacte {
	color: #ECE5DE;
	font-family: "HW Cigars Light";
	font-size: 7.0rem;
	line-height: 110%;
	max-width: 51.0rem;
}

.textos-inferiores-contacte {
	position: absolute;
	bottom: 4.0rem;
	left: 4.0rem;
}

.enlace-contacte {
	position: relative;
	margin-bottom: 0.8rem;
}

.enlace-contacte svg {
	position: absolute;
	top: 0.5rem;
	left: 0;
}

.direccion-contacte p,
.direccion-contacte a,
.direccion-contacte a:hover,
.direccion-contacte a:focus,
.direccion-contacte div {
	color: #ECE5DE;
	font-size: 1.6rem;
	line-height: 138%;
}

.enlace-a-contacte,
.enlace-a-contacte:hover,
.enlace-a-contacte:focus {
	color: #ECE5DE;
	font-size: 1.6rem;
	line-height: 138%;
	border-bottom: 1px solid rgba(255,255,255,0);
	transition: all 0.3s ease;
}

.enlace-a-contacte:hover {
	border-bottom: 1px solid rgba(255,255,255,1);
}

.otros-contactos {
	margin-top: 5.6rem;
}

/*--------------------------------------------------------------
# Formulari Contacte
--------------------------------------------------------------*/

.page-template-page-form-contacte {
	background-color: #ECE5DE;
}

#contenido_form_contacte {
	margin-top: 8.6rem;
}

.derecha-form-contacte {
	min-height: 100vh;
	border-radius: 2.0rem;
	overflow: hidden;
	padding: 7.0rem 10.0rem 7.0rem 10.0rem !important;
}

.izquierda-form-contacte {
	min-height: 100vh;
	border-radius: 2.0rem;
	overflow: hidden;
}

.izquierda-form-contacte img {
	object-fit: cover;
	height: 100%;
}

.titular-form-contacte {
	color: #ECE5DE;
	max-width: 52.0rem;
	font-family: "HW Cigars Light";
	font-size: 8.3rem;
	line-height: 110%;
}

.texto-form-contacte {
	color: #ECE5DE;
	max-width: 52.0rem;
	font-size: 2rem;
	line-height: normal;
	margin-top: 3.7rem;
}

.formulario-form-contacte {
	margin-top: 5.4rem;
	width: 100%
}

.campo-texto,
.campo-area-texto {
	border-radius: 1rem;
	background: #ECE5DE;
	font-size: 1.6rem;
	line-height: 100%;
	letter-spacing: -0.032rem;
	border: none;
	box-shadow: none;
	padding: 2.0rem 2.0rem;
	margin-bottom: 1.6rem;
	width: 100%;
}

.campo-area-texto {
	height: 13.5rem;
}

.boton-envia,
.boton-envia:hover,
.boton-envia:focus {
	color: #ECE5DE;
	font-size: 1.6rem;
	line-height: normal;
	padding: 1.9rem 1.9rem 1.8rem 1.9rem;
	margin-top: 4.2rem;
	display: inline-block;
	border-radius: 10rem;
	border: 1px solid #ECE5DE;
	background-color: transparent;
	transition: all 0.3s ease;
}

.boton-envia:hover {
	background-color: #ECE5DE;
}

.wpcf7-not-valid-tip {
	color: #ECE5DE;
	font-size: 1.6rem;
	line-height: normal;
	margin-top: -1.0rem;
}

span.wpcf7-list-item-label:before {
	content: url('/wp-content/themes/vilafoods/images/check-off.svg');
	position: absolute;
	left: 0;
    top: -5px;
	z-index: 10;
}

.wpcf7-acceptance input:checked + span.wpcf7-list-item-label::before {
	content: url('/wp-content/themes/vilafoods/images/check-on.svg') !important;
}

#politica_privacidad {
	display: none;
}

.wpcf7-list-item {
	padding-left: 1.5rem;
	color: #ECE5DE;
	font-size: 1.4rem;
	line-height: 115%;
	letter-spacing: -0.028rem;
}

.wpcf7-list-item a,
.wpcf7-list-item a:hover,
.wpcf7-list-item a:focus {
	color: #ECE5DE;
	font-size: 1.4rem;
	line-height: 115%;
	letter-spacing: -0.028rem;
	border-bottom: 1px solid #ECE5DE;
}

.wpcf7 form .wpcf7-response-output {
	color: #ECE5DE;
	font-size: 2.6rem;
	line-height: 115%;
	letter-spacing: -0.028rem;
	border: none;
	padding: 0 0;
	margin: 0 0;
}

.sent .campo-texto,
.sent .campo-area-texto,
.sent .wpcf7-acceptance,
.sent .boton-envia {
	display: none;
}

.wpcf7 form.invalid .wpcf7-response-output {
	margin-top: 3.0rem;
}

#contenido_contacte .enlace-texto-con-cta,
#contenido_contacte .enlace-texto-con-cta:hover,
#contenido_contacte .enlace-texto-con-cta:focus {
	color: #fff;
    border: 1px solid #fff !important;
    position: absolute;
    right: -2rem;
    bottom: 5rem;
    display: inline-block;
    left: auto;
}

#contenido_contacte .enlace-texto-con-cta:hover {
	background-color: #fff;
	color: #1A1A1A;
}

/*--------------------------------------------------------------
# Trabaja con nosotros
--------------------------------------------------------------*/

#trabaja_con_nosotros {
	padding: 14.0rem 2.5rem 6.1rem 2.5rem !important;
	background-color: #9D9A71;
}

#trabaja_con_nosotros img {
	border-radius: 2.0rem;
}

#trabaja_con_nosotros h1 {
	max-width: calc(100% - 2.0rem);
	width: 56.0rem;
	font-family: 'HW Cigars Light';
	font-size: 3.6rem;
	line-height: 4.3rem;
	color: #1A1A1A;
	margin-bottom: 5.0rem;
}

.texto-trabaja-con-nosotros {
	max-width: calc(100% - 2.0rem);
	width: 56.0rem;
	font-size: 2.0rem;
	line-height: 2.4rem;
	color: #1A1A1A;
	margin-bottom: 5.7rem;
}

#trabaja_con_nosotros .enlace-texto-con-cta,
#trabaja_con_nosotros .enlace-texto-con-cta:hover,
#trabaja_con_nosotros .enlace-texto-con-cta:focus {
	border: 1px solid #1A1A1A;
	color: #1A1A1A;
	position: relative;
	left:0;
	transform: translateX(0);
}

#trabaja_con_nosotros .enlace-texto-con-cta:hover {
	background-color: #1A1A1A;
	color: #9D9A71;
}


/*--------------------------------------------------------------
# Categoría
--------------------------------------------------------------*/

#header_categoria {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #ECE5DE;
	overflow: hidden;
	z-index: 0;
}

.content-categoria {
	background-color: #ECE5DE;
	padding-top: 6.7rem;
	padding-bottom: 4.6rem;
}

.nombre-producto-header {
	position: absolute;
	top: calc(100vh - 10.0rem);
	z-index: 50;
	animation-delay: 0.3s;
	width: 60.0rem;
	max-width: calc(100vw - 4.0rem);
	font-family: 'HW Cigars Light';
	font-size: 3.6rem;
	line-height: 4.3rem;
	text-align: center;
	color: #FFFFFF;
	left: 50%;
	transform: translateX(-50%);
}

.icono-categoria-header {
	position: absolute;
	top: calc(100vh - 18rem);
	left: 50%;
	transform: translateX(-50%);
	height: 9.5rem;
	width: auto;
	z-index: 50;
	animation-delay: 0.3s;
}

.titular-categoria {
	text-align: center;
	font-family: "HW Cigars Light";
	font-size: 8.8rem;
	line-height: 107%;
	width: 111rem;
	max-width: calc(100vw - 8.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	margin-bottom: 3.4rem;
}

.texto-intro-categoria {
	text-align: center;
	font-size: 2rem;
	line-height: normal;
	width: 70.0rem;
	max-width: calc(100vw - 8.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	margin-bottom: 4.0rem;
}

.enlace-categoria,
.enlace-categoria:hover,
.enlace-categoria:focus {
	display: inline-block;
	font-size: 2rem;
	line-height: normal;
	transition: all 0.3s ease;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}

.row-dos-fotos {
	margin-top: 9.0rem;
	margin-left: -0.8rem;
	margin-right: -0.8rem;
	padding-left: 4.8rem !important;
	padding-right: 4.8rem !important;
}

.dos-fotos {
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
}

.dos-fotos img {
	border-radius: 2.0rem;
	overflow: hidden;
}

.row-3-fotos {
	justify-content: center;
	padding-top: 6.5rem;
	padding-bottom: 6.5rem;
	text-align: center;
}

.row-3-fotos img {
	border-radius: 2.0rem;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	width: calc(100% - 1.4rem);
}

.multiply.row-3-fotos img {
	mix-blend-mode: multiply;
}

.multiply.row-3-fotos .fondo {
	background-color: #ECE5DE;
}

.texto-3-fotos {
	padding-top: 2.3rem;
	font-family: 'HW Cigars Light';
	font-size: 3.6rem;
	line-height: 4.3rem;
}

.row-2-ctas {
	justify-content: center;
	padding-top: 6.5rem;
	padding-bottom: 10.5rem;
}

.swiper-container-vilafoods {
	padding-left: 10.0rem;
	padding-right: 4.0rem;
	width: 100vw;
	overflow: hidden;
}

.page-id-39 .swiper-container-vilafoods,
.page-id-593 .swiper-container-vilafoods {
	margin-bottom: 10.0rem;
}

.swiper-container-vilafoods .swiper-wrapper {
	margin-top: 6.0rem;
	margin-bottom: 9.3rem;
	padding-bottom: 6.0rem;
}

.multiply .swiper-slide {
	background-color: #ECE5DE;
}

.swiper-slide img {
	border-radius: 2.0rem;
	overflow: hidden;
}

.multiply .swiper-slide img {
	mix-blend-mode: multiply;
}

.swiper-slide,
.swiper-slide img {
	width: auto;
	height: 30.0rem;
    max-width: 27.5rem;
    object-fit: contain;
}

.swiper-container-horizontal>.swiper-scrollbar {
	left: 50%;
	transform: translateX(-50%);
	width: 50vw;
	background: #fff;
}

.swiper-pagination-fraction {
	left: 4.2rem;
	width: auto;
	bottom: 0;
	font-size: 2.0rem;
	line-height: 2.3rem;
}

.swiper-button-vilafoods-next,
.swiper-button-vilafoods-prev {
	width: auto;
	display: inline-block;
}

.swiper-buttons-navigation {
	position: absolute;
	right: 4.2rem;
	bottom: 0;
}

.swiper-button-disabled {
	opacity: 0.5;
}

.texto-slide {
	text-align: center;
	color: #7D5B43;
	font-family: "HW Cigars Light";
	font-size: 4rem;
	line-height: normal;
	margin-top: 2.1rem;
}

.titular-modulo-categoria {
	margin-top: 9.7rem;
	margin-bottom: 8.2rem;
	color: #7D5B43;
	text-align: center;
	max-width: calc(100vw - 8.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	font-family: "HW Cigars Light";
	font-size: 7rem;
	line-height: 103%;
}

.row-inverse {
	flex-direction: row-reverse;
}

.row-producto {
	margin-bottom: 2.0rem;
	margin-left: -0.8rem;
	margin-right: -0.8rem;
	padding-left: 4.8rem !important;
	padding-right: 4.8rem !important;
}

.row-producto img {
	border-radius: 2.0rem;
	overflow: hidden;
	margin-left: 1.5rem;
	width: calc(100% - 1.5rem);
	height: 100%;
	object-fit: cover;
}

.row-inverse img {
	margin-right: 1.5rem;
	margin-left: 0 !important;
	width: calc(100% - 1.5rem);
}

.textos-producto-categoria {
	border-radius: 2.0rem;
	overflow: hidden;
	padding: 5.0rem 5.0rem !important;
}

.titulo-producto {
	color: #FFF;
	font-family: "HW Cigars Light";
	font-size: 8.3rem;
	line-height: 110%;
}

.imagen-producto-modulo {
	height: 3.4rem !important;
	width: auto !important;
	border-radius: 0 !important;
}

.textos-producto-inferior {
	position: absolute;
	left: 5.0rem;
	bottom: 5.0rem;
}

.descripcion-producto-cat {
	margin-bottom: 2.6rem;
	color: #FFF;
	font-size: 2rem;
	line-height: normal;
	width: calc(100% - 6.0rem);
}

.enlace-producto-cat,
.enlace-producto-cat:hover,
.enlace-producto-cat:focus {
	color: #FFF;
	font-size: 2rem;
	line-height: normal;
	border-bottom: 1px solid rgba(255,255,255,0);
	transition: all 0.3s ease;
}

.enlace-producto-cat:hover {
	border-bottom: 1px solid rgba(255,255,255,1);
}

/*--------------------------------------------------------------
# Legal
--------------------------------------------------------------*/

.page-template-page-legal {
	background-color: #ECE5DE;
}

#contenido_legal {
	margin-top: 16.2rem;
	padding-bottom: 10.0rem;
}

#contenido_legal h1 {
	margin-bottom: 4.7rem;
	color: #1A1A1A;
	font-family: "HW Cigars Light";
	font-size: 8.3rem;
	line-height: 110%;
}

.contenido-legal h2 {
	color: #000;
	font-family: 'InstrumentSans-Bold';
	font-size: 1.6rem;
	line-height: 125%;
	margin-bottom: 2.1rem;
	margin-top: 3.2rem;
}

.contenido-legal h3 {
	color: #000;
	font-family: 'InstrumentSans-Bold';
	font-size: 1.6rem;
	line-height: 125%;
	margin-top: 1.5rem;
	margin-bottom: 1.0rem;
}

.contenido-legal p,
.contenido-legal li {
	color: #000;
	font-size: 1.6rem;
	line-height: 125%;
	margin-bottom: 1.5rem;
}

.contenido-legal a,
.contenido-legal a:hover,
.contenido-legal a:focus {
	color: #1A1A1A;
	font-size: 1.6rem;
	line-height: 125%;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: all 0.3s ease;
}

.contenido-legal a:hover {
	border-bottom: 1px solid #1A1A1A;
}

/*--------------------------------------------------------------
# Producto
--------------------------------------------------------------*/

.page-template-page-producto {
	background-color: #ECE5DE;
}

#contenido_producto {
	margin-top: 8.6rem;
}

.izquierda-header-producto {
	max-height: 100vh;
	border-radius: 2.0rem;
	overflow: hidden;
	background-color: #7D5B43;
	padding: 7.0rem 4.0rem 4.0rem 4.0rem !important;
}

.derecha-header-producto {
	max-height: 100vh;
	border-radius: 2.0rem;
	overflow: hidden;
}

.derecha-header-producto img {
	object-fit: cover;
}

.texto-superior-header-producto {
	color: #FFF;
	font-family: 'InstrumentSans-Bold';
	font-size: 1.6rem;
	line-height: normal;
	letter-spacing: 0.144rem;
	text-transform: uppercase;
}

.texto-inferior-header-producto {
	position: absolute;
	bottom: 4.0rem;
	left: 4.0rem;
	color: #FFF;
	font-family: "HW Cigars Light";
	font-size: 7.0rem;
	line-height: 110%;
	padding-right: 4.0rem;
}

.content-producto {
	background-color: #ECE5DE;
	padding-top: 6.7rem;
	padding-bottom: 9.0rem;
}

.page-template-page-producto .swiper-slide,
.page-template-page-producto .swiper-slide img {
	width: auto;
	max-height: 45.0rem;
}

.texto-con-link {
	margin-top: 10rem;
	margin-bottom: 3rem;
	text-align: center;
	width: 90.0rem;
	max-width: calc(100vw - 8.0rem);
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	color: #7D5B43;
	font-size: 2rem;
	line-height: normal;
}

.enlace-texto-con-link,
.enlace-texto-con-link:hover,
.enlace-texto-con-link:focus {
	font-size: 2rem;
	line-height: normal;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	transition: all 0.3s ease;
	display: inline-block;
	white-space: nowrap;
}

.enlace-texto-con-cta,
.enlace-texto-con-cta:hover,
.enlace-texto-con-cta:focus {
	font-size: 2rem;
	line-height: normal;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	transition: all 0.3s ease;
	padding: 1.5rem 2.0rem 1.3rem 2.0rem;
	border-radius: 5.0rem;
	display: inline-block;
	white-space: nowrap;
}

.row-slider-con-intro {
	margin-top: 10.0rem;
	margin-bottom: 9.0rem;
	padding-top: 6.8rem;
	padding-bottom: 8.7rem;
	background-color: #fff;
	border-radius: 2.0rem;
	overflow: hidden;
}

.row-slider-con-intro .swiper-container-horizontal>.swiper-scrollbar {
	background-color: #ECE5DE;
}

.row-intro {
	padding-left: 4.0rem !important;
	padding-right: 4.0rem !important;
}

.titular-slider-con-intro {
	font-family: "HW Cigars Light";
	font-size: 8.3rem;
	line-height: 110%;
	margin-bottom: 4.1rem;
	padding-right: 4.0rem;
}

.texto-slider-con-intro {
	color: #7D5B43;
	font-size: 2rem;
	line-height: normal;
	margin-bottom: 10.0rem;
	padding-right: 10.0rem;
}

/*--------------------------------------------------------------
# Treballa amb nosaltres
--------------------------------------------------------------*/

.campo-label {
	color: #ECE5DE;
    font-size: 1.6rem;
    line-height: 115%;
    letter-spacing: -0.028rem;
    margin-bottom: 1rem;
}

#curriculum_treballa {
	color: #ECE5DE;
    font-size: 1.6rem;
    line-height: 115%;
    letter-spacing: -0.028rem;
    margin-bottom: 1.6rem;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

#menu_hamburger {
	position:fixed;
	width: 100vw;
	height: 100%;
	background-color: #1A1A1A;
	text-align: center;
	top: -100%;
	left: 0;
	z-index: 500;
	transition: all 0.3s ease;
}

.enlaces-hamburger {
	top: calc(50% - 2rem);
	left: 50%;
	text-align: center;
	position: absolute;
	transform: translate(-50%, -50%);
	width: calc(100vw - 3.0rem);
}

.enlace-menu-hamburger,
.enlace-menu-hamburger:hover,
.enlace-menu-hamburger:focus {
	color: #ECE5DE;
	font-family: "HW Cigars Light";
	font-size: 3.2rem;
	line-height: normal;
	margin-bottom: 0.9rem;
	margin-top: 0.9rem;
	text-align: center;
	left: 50%;
    position: relative;
    transform: translateX(-50%);
	display: none;
}

.separador-menu-hamburger {
	padding-bottom: 3.7rem;
	width: 100vw;
}

.is-menu-mobile-active #menu_hamburger {
	top: 0;
	transition: all 0.3s ease;
}

.is-menu-mobile-active .enlace-menu-hamburger {
	display: table;
}

.is-menu-mobile-active #header_vilafoods {
	background: transparent !important;
}

.is-menu-mobile-active .logo-header-color {
	display: none !important;
}

.is-menu-mobile-active .logo-header {
	display: inline-block !important;
}

.hamburger {
	display: none;
	padding: 0;
	transform: translateY(0.5rem);
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	height: 1px;
	width: 20px;
	border-radius: 0;
	background-color: #fff;
}

.page-template-page-contacte .hamburger-inner,
.page-template-page-contacte .hamburger-inner:after,
.page-template-page-contacte .hamburger-inner:before,
.page-template-page-legal .hamburger-inner,
.page-template-page-legal .hamburger-inner:after,
.page-template-page-legal .hamburger-inner:before,
.page-template-page-form-contacte .hamburger-inner,
.page-template-page-form-contacte .hamburger-inner:after,
.page-template-page-form-contacte .hamburger-inner:before,
.page-template-page-producto .hamburger-inner,
.page-template-page-producto .hamburger-inner:after,
.page-template-page-producto .hamburger-inner:before {
	background-color: #1A1A1A;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color: #fff !important;
}

.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1;
}

.hamburger-inner:before {
    top: -8px;
}

.hamburger-inner:after {
    bottom: -8px;
}

.hamburger-box {
    width: 20px;
    height: 20px;
}

.redes-sociales-hamburger {
	position: absolute;
    bottom: 5.0rem;
    width: 100%;
}

@media (max-width: 500px) {
	html {
	    font-size: 62.5%;
	}
	.wow {
		animation-delay: 0.2s !important;
	}
	.no-desktop {
		display: block;
	}
	.no-mobile {
		display: none !important;
	}
	.logo-header,
	.logo-header-color,
	.page-template-page-home.is-nav-hidden .logo-header, .page-template-page-home.is-nav-showing .logo-header {
		width: 10.5rem;
	}
	.is-menu-mobile-active.page-template-page-home .texto-logo-header-home {
		opacity: 0;
	}
	.nombre-producto-header {
		top: 75vh;
	}
	.logo-footer {
		display: none !important;
	}
	#cookie-law-info-bar, .wt-cli-cookie-bar {
		width: 100vw !important;
	}
	.page-template-page-home .logo-header {
		margin-top: 0;
		width: 9rem;
	}
	.enlace-header {
		display: none;
	}
	.subtitulo-header-home {
		font-size: 2rem;
		top: 6.13rem;
		margin-top: 2.3rem;
	}
	#origen_tradicio h2,
	#sobre_nosaltres_home h2,
	.titular-categoria,
	.titular-modulo-categoria,
	.titulo-producto,
	.titular-slider-con-intro,
	.titular-sobre-nosaltres,
	.titular-form-contacte,
	.titular-contacte,
	#contenido_legal h1,
	.titular-asesoramos,
	#trabaja_con_nosotros h1 {
		font-size: 4.5rem;
	}
	#asesoramos_home {
		padding-top: 7.6rem;
		padding-bottom: 8.5rem;
	}
	.row-2-ctas a,
	.row-2-ctas a:hover,
	.row-2-ctas a:focus {
		margin-bottom: 3.0rem;
	}
	#contenido_contacte .enlace-texto-con-cta,
	#contenido_contacte .enlace-texto-con-cta:hover,
	#contenido_contacte .enlace-texto-con-cta:focus {
		position: relative;
		left: 0;
		right: auto;
		transform: translateX(0);
		margin-top: 9.0rem;
	}
	#trabaja_con_nosotros .enlace-texto-con-cta, #trabaja_con_nosotros .enlace-texto-con-cta:hover, #trabaja_con_nosotros .enlace-texto-con-cta:focus {
		margin-bottom: 5.0rem;
	}
	.subtitulo-vilafoods,
	.subtitulo-ulzama,
	.enlace-vilafoods-blanco,
	.enlace-vilafoods-blanco:hover,
	.enlace-vilafoods-blanco:focus,
	.texto-intro-categoria,
	.enlace-categoria,
	.enlace-categoria:hover,
	.enlace-categoria:focus,
	.descripcion-producto-cat,
	.enlace-producto-cat,
	.enlace-producto-cat:hover,
	.enlace-producto-cat:focus,
	.texto-con-link,
	.enlace-texto-con-cta,
	.enlace-texto-con-cta:hover,
	.enlace-texto-con-cta:focus,
	.enlace-texto-con-link,
	.enlace-texto-con-link:hover,
	.enlace-texto-con-link:focus {
		font-size: 1.6rem;
	}
	#origen_tradicio {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		padding-top: 6.5rem !important;
	}
	.categoria-home {
		margin-bottom: 2.4rem;
		padding-left: 0 !important;
		padding-right: 0 !important;
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
	.wrapper-categorias-home {
		margin-left: 0;
		margin-right: 0;
	}
	.overlay-categoria-home {
		left: 0;
		width: 100%;
	}
	.columna-footer,
	.texto-derecha-footer,
	.row-last-footer {
		display: none;
	}
	.segunda-fila-footer {
		margin-top: 0;
		text-align: center;
	}
	.segunda-fila-footer .alinear-derecha {
		text-align: center;
	}
	#sobre_nosaltres_home img {
		height: 41.5rem;
		object-fit: cover;
	}
	.copyright {
		margin-bottom: 0.5rem;
		margin-top: 2.5rem;
	}
	.enlace-footer-mobile,
	.enlace-footer-mobile:hover,
	.enlace-footer-mobile:focus {
		color: #AF402F;
		font-size: 1.2rem;
		line-height: 142%;
		display: inline-block !important;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		margin-bottom: 1.5rem;
	}
	.texto-especial-footer {
		margin-bottom: 2.9rem;
	}
	.swiper-slide, .swiper-slide img {
		height: 27.5rem;
	}
	.swiper-container-vilafoods {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.swiper-buttons-navigation {
		display: none;
	}
	.swiper-pagination-fraction {
		display: none;
	}
	.swiper-container-horizontal>.swiper-scrollbar {
		width: 60vw;
	}
	.textos-producto-inferior {
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 11.0rem;
	}
	.textos-producto-categoria {
		padding: 3.0rem 2.5rem !important;
	}
	.row-producto {
		margin-left: 0;
		margin-right: 0;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.row-producto img {
		border-radius: 2.0rem;
		overflow: hidden;
		margin-left: 0;
		width: 100%;
		margin-top: 1.0rem;
	}
	.row-inverse img {
		margin-right: 0;
		margin-left: 0 !important;
		width: 100%;
	}
	.texto-inferior-header-producto {
		position: relative;
		bottom: 0;
		left: 0;
		font-size: 3.5rem;
		padding-right: 3rem;
		margin-top: 25.0rem;
	}
	.row-2-ctas {
		justify-content: center;
		padding-top: 3.5rem;
		padding-bottom: 4.5rem;
	}
	.texto-3-fotos {
		margin-bottom: 6.0rem;
	}
	.texto-superior-header-producto {
		text-align: center;
	}
	.izquierda-header-producto {
		max-height: auto;
		padding: 3.0rem 2.5rem !important;
	}
	#contenido_producto .row {
		flex-direction: column-reverse;
	}
	.content-producto {
		padding-top: 0;
	}
	.texto-con-link,
	.texto-con-cta {
		max-width: calc(100vw - 3.0rem);
	}
	.titular-modulo-categoria {
		margin-top: 4.8rem;
		margin-bottom: 4.8rem;
		font-size: 4.5rem;
		line-height: 110%;
	}
	.page-template-page-producto .swiper-container-vilafoods .swiper-wrapper {
		margin-top: 3.0rem;
		margin-bottom: 6.3rem;
		padding-bottom: 3.0rem;
	}
	.page-template-page-producto .swiper-slide, .page-template-page-producto .swiper-slide img {
		width: 100%;
		height: 34rem;
		object-fit: cover;
	}
	.titular-slider-con-intro {
		padding-right: 0;
	}
	.row-intro {
		padding-left: 2.3rem !important;
		padding-right: 2.3rem !important;
	}
	.texto-slider-con-intro {
		font-size: 1.6rem;
		margin-bottom: 5.0rem;
		padding-right: 3.0rem;
	}
	.texto-slide {
		font-size: 2rem;
		margin-top: 1.1rem;
	}
	.descripcion-producto-cat {
		width: 100%;
	}
	.row-dos-fotos {
		margin-top: 7rem;
		margin-left: 0;
		margin-right: 0;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.dos-fotos {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 1.0rem;
	}
	#header_sobre_nosaltres .imagen-header-full {
		object-position: 25%;
	}
	.imagen-edificio {
		width: 100vw;
		max-width: 100vw;
	}
	.texto-sobre-nosaltres { 
		font-size: 1.6rem;
		width: calc(100vw - 3.0rem);
		max-width: calc(100vw - 3.0rem);
		margin-bottom: 6.0rem;
	}
	.visita-sobre-nosaltres div {
		margin-bottom: 3.0rem;
		margin-top: 1.5rem;
	}
	.izquierda-form-contacte {
		height: 50vh;
		min-height: 50vh;
	}
	.derecha-form-contacte {
		min-height: 100vh;
		padding: 4.0rem 1.5rem !important;
	}
	span.wpcf7-list-item-label:before {
		top: -20px;
	}
	.boton-envia, .boton-envia:hover, .boton-envia:focus {
		width: 100%;
	}
	.textos-inferiores-contacte {
		position: relative;
		bottom: 0;
		left: 0;
		margin-top: 5.0rem;
	}
	#contenido_legal {
		margin-top: 10.2rem;
	}
	.hamburger {
		display: inline-block;
	}
	#header_vilafoods {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 1.3rem;
		height: 5.6rem;
	}
	.row-header {
		margin-left: 0;
		margin-right: 0;
	}
	.row-3-fotos img {
		max-width: 32.0rem;
	}
	.row-last-footer {
		display: block !important;
		margin-top: 3.0rem;
	}
}

@media (min-width: 501px) and (max-width: 800px) {
	html {
	    font-size: 62.5%;
	}
	.wow {
		animation-delay: 0.2s !important;
	}
	.no-desktop {
		display: block;
	}
	.no-mobile {
		display: none !important;
	}
	.logo-header,
	.logo-header-color,
	.page-template-page-home.is-nav-hidden .logo-header, .page-template-page-home.is-nav-showing .logo-header {
		width: 10.5rem;
	}
	.is-menu-mobile-active.page-template-page-home .texto-logo-header-home {
		opacity: 0;
	}
	.nombre-producto-header {
		top: 75vh;
	}
	.logo-footer {
		display: none !important;
	}
	#cookie-law-info-bar, .wt-cli-cookie-bar {
		width: 100vw !important;
	}
	.page-template-page-home .logo-header {
		margin-top: 0;
		width: 9rem;
	}
	.enlace-header {
		display: none;
	}
	.subtitulo-header-home {
		font-size: 2rem;
		top: 6.13rem;
		margin-top: 2.3rem;
	}
	#origen_tradicio h2,
	#sobre_nosaltres_home h2,
	.titular-categoria,
	.titular-modulo-categoria,
	.titulo-producto,
	.titular-slider-con-intro,
	.titular-sobre-nosaltres,
	.titular-form-contacte,
	.titular-contacte,
	#contenido_legal h1,
	.titular-asesoramos,
	#trabaja_con_nosotros h1 {
		font-size: 4.5rem;
	}
	#asesoramos_home {
		padding-top: 7.6rem;
		padding-bottom: 8.5rem;
	}
	.row-2-ctas a,
	.row-2-ctas a:hover,
	.row-2-ctas a:focus {
		margin-bottom: 3.0rem;
	}
	#contenido_contacte .enlace-texto-con-cta,
	#contenido_contacte .enlace-texto-con-cta:hover,
	#contenido_contacte .enlace-texto-con-cta:focus {
		position: relative;
		left: 0;
		right: auto;
		transform: translateX(0);
		margin-top: 9.0rem;
	}
	#trabaja_con_nosotros .enlace-texto-con-cta, #trabaja_con_nosotros .enlace-texto-con-cta:hover, #trabaja_con_nosotros .enlace-texto-con-cta:focus {
		margin-bottom: 5.0rem;
	}
	.subtitulo-vilafoods,
	.subtitulo-ulzama,
	.enlace-vilafoods-blanco,
	.enlace-vilafoods-blanco:hover,
	.enlace-vilafoods-blanco:focus,
	.texto-intro-categoria,
	.enlace-categoria,
	.enlace-categoria:hover,
	.enlace-categoria:focus,
	.descripcion-producto-cat,
	.enlace-producto-cat,
	.enlace-producto-cat:hover,
	.enlace-producto-cat:focus,
	.texto-con-link,
	.enlace-texto-con-cta,
	.enlace-texto-con-cta:hover,
	.enlace-texto-con-cta:focus,
	.enlace-texto-con-link,
	.enlace-texto-con-link:hover,
	.enlace-texto-con-link:focus {
		font-size: 1.6rem;
	}
	#origen_tradicio {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		padding-top: 6.5rem !important;
	}
	.categoria-home {
		margin-bottom: 2.4rem;
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
	.wrapper-categorias-home {
		margin-left: 0;
		margin-right: 0;
	}
	.overlay-categoria-home {
		left: 0;
		width: 100%;
	}
	.columna-footer,
	.texto-derecha-footer,
	.row-last-footer {
		display: none;
	}
	.segunda-fila-footer {
		margin-top: 0;
		text-align: center;
	}
	.segunda-fila-footer .alinear-derecha {
		text-align: center;
	}
	#sobre_nosaltres_home img {
		height: 41.5rem;
		object-fit: cover;
	}
	.copyright {
		margin-bottom: 0.5rem;
		margin-top: 2.5rem;
	}
	.enlace-footer-mobile,
	.enlace-footer-mobile:hover,
	.enlace-footer-mobile:focus {
		color: #AF402F;
		font-size: 1.2rem;
		line-height: 142%;
		display: inline-block !important;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		margin-bottom: 1.5rem;
	}
	.texto-especial-footer {
		margin-bottom: 2.9rem;
	}
	.swiper-slide, .swiper-slide img {
		height: 27.5rem;
	}
	.swiper-container-vilafoods {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.swiper-buttons-navigation {
		display: none;
	}
	.swiper-pagination-fraction {
		display: none;
	}
	.swiper-container-horizontal>.swiper-scrollbar {
		width: 60vw;
	}
	.textos-producto-inferior {
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 11.0rem;
	}
	.textos-producto-categoria {
		padding: 3.0rem 2.5rem !important;
	}
	.row-producto {
		margin-left: 0;
		margin-right: 0;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.row-producto img {
		border-radius: 2.0rem;
		overflow: hidden;
		margin-left: 0;
		width: 100%;
		margin-top: 1.0rem;
	}
	.row-inverse img {
		margin-right: 0;
		margin-left: 0 !important;
		width: 100%;
	}
	.texto-inferior-header-producto {
		position: relative;
		bottom: 0;
		left: 0;
		font-size: 3.5rem;
		padding-right: 3rem;
		margin-top: 25.0rem;
	}
	.row-2-ctas {
		justify-content: center;
		padding-top: 3.5rem;
		padding-bottom: 4.5rem;
	}
	.texto-3-fotos {
		margin-bottom: 6.0rem;
	}
	.texto-superior-header-producto {
		text-align: center;
	}
	.izquierda-header-producto {
		max-height: auto;
		padding: 3.0rem 2.5rem !important;
	}
	#contenido_producto .row {
		flex-direction: column-reverse;
	}
	.content-producto {
		padding-top: 0;
	}
	.texto-con-link,
	.texto-con-cta {
		max-width: calc(100vw - 3.0rem);
	}
	.titular-modulo-categoria {
		margin-top: 4.8rem;
		margin-bottom: 4.8rem;
		font-size: 4.5rem;
		line-height: 110%;
	}
	.page-template-page-producto .swiper-container-vilafoods .swiper-wrapper {
		margin-top: 3.0rem;
		margin-bottom: 6.3rem;
		padding-bottom: 3.0rem;
	}
	.page-template-page-producto .swiper-slide, .page-template-page-producto .swiper-slide img {
		width: 100%;
		height: 34rem;
		object-fit: cover;
	}
	.titular-slider-con-intro {
		padding-right: 0;
	}
	.row-intro {
		padding-left: 2.3rem !important;
		padding-right: 2.3rem !important;
	}
	.texto-slider-con-intro {
		font-size: 1.6rem;
		margin-bottom: 5.0rem;
		padding-right: 3.0rem;
	}
	.texto-slide {
		font-size: 2rem;
		margin-top: 1.1rem;
	}
	.descripcion-producto-cat {
		width: 100%;
	}
	.row-dos-fotos {
		margin-top: 7rem;
		margin-left: 0;
		margin-right: 0;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.dos-fotos {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 1.0rem;
	}
	#header_sobre_nosaltres .imagen-header-full {
		object-position: 25%;
	}
	.imagen-edificio {
		width: 100vw;
		max-width: 100vw;
	}
	.texto-sobre-nosaltres { 
		font-size: 1.6rem;
		width: calc(100vw - 3.0rem);
		max-width: calc(100vw - 3.0rem);
		margin-bottom: 6.0rem;
	}
	.visita-sobre-nosaltres div {
		margin-bottom: 3.0rem;
		margin-top: 1.5rem;
	}
	.izquierda-form-contacte {
		height: 50vh;
		min-height: 50vh;
	}
	.derecha-form-contacte {
		min-height: 100vh;
		padding: 4.0rem 1.5rem !important;
	}
	span.wpcf7-list-item-label:before {
		top: -20px;
	}
	.boton-envia, .boton-envia:hover, .boton-envia:focus {
		width: 100%;
	}
	.textos-inferiores-contacte {
		position: relative;
		bottom: 0;
		left: 0;
		margin-top: 5.0rem;
	}
	#contenido_legal {
		margin-top: 10.2rem;
	}
	.hamburger {
		display: inline-block;
	}
	#header_vilafoods {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 1.3rem;
		height: 5.6rem;
	}
	.row-header {
		margin-left: 0;
		margin-right: 0;
	}
	.row-3-fotos img {
		max-width: 32.0rem;
	}
	.row-last-footer {
		display: block !important;
		margin-top: 3.0rem;
	}
}

@media (min-width: 801px) and (max-width: 1100px) {
	html {
	    font-size: 50.0%;
	}
	.enlace-footer-mobile {
		display: none !important;
	}
	.textos-producto-inferior {
		position: relative;
		left: 0;
	    margin-top: 8rem;
	    bottom: 0;
	}
	.textos-producto-categoria {
		flex: 0 0 40% !important;
        max-width: 40% !important;
	}
	.imagen-producto-modulo-grid {
		flex: 0 0 60% !important;
        max-width: 60% !important;
	}
	.texto-inferior-header-producto,
	.titular-slider-con-intro,
	.titulo-producto,
	.titular-contacte {
		font-size: 4.5rem;
	}
	.textos-producto-categoria {
		padding: 3rem 3rem !important;
	}
	.descripcion-producto-cat {
		width: 100%;
	}
	.texto-slide {
		font-size: 3.0rem;
	}
}

@media (min-width: 1101px) and (max-width: 1200px) {
	html {
	    font-size: 62.5%;
	}
	.enlace-footer-mobile {
		display: none !important;
	}
	.textos-producto-inferior {
		position: relative;
		left: 0;
	    margin-top: 8rem;
	    bottom: 0;
	}
	.textos-producto-categoria {
		flex: 0 0 40% !important;
        max-width: 40% !important;
	}
	.imagen-producto-modulo-grid {
		flex: 0 0 60% !important;
        max-width: 60% !important;
	}
	.texto-inferior-header-producto,
	.titular-slider-con-intro,
	.titulo-producto,
	.titular-contacte {
		font-size: 4.5rem;
	}
	.textos-producto-categoria {
		padding: 3rem 3rem !important;
	}
	.descripcion-producto-cat {
		width: 100%;
	}
	.texto-slide {
		font-size: 3.0rem;
	}
}

@media (min-width: 1201px) and (max-width: 1400px) {
	html {
	    font-size: 62.5%;
	}
	.enlace-footer-mobile {
		display: none !important;
	}
	.textos-producto-inferior {
		position: relative;
		left: 0;
	    margin-top: 8rem;
	    bottom: 0;
	}
	.textos-producto-categoria {
		flex: 0 0 40% !important;
        max-width: 40% !important;
	}
	.imagen-producto-modulo-grid {
		flex: 0 0 60% !important;
        max-width: 60% !important;
	}
	.texto-inferior-header-producto,
	.titular-slider-con-intro,
	.titulo-producto,
	.titular-contacte {
		font-size: 4.5rem;
	}
	.textos-producto-categoria {
		padding: 3rem 3rem !important;
	}
	.descripcion-producto-cat {
		width: 100%;
	}
	.texto-slide {
		font-size: 3.0rem;
	}
}

@media (min-width: 1401px) and (max-width: 1600px) {
	.texto-inferior-header-producto,
	.titular-slider-con-intro,
	.titulo-producto,
	.titular-contacte {
		font-size: 4.5rem;
	}
	.texto-slide {
		font-size: 3.0rem;
	}
}

@media (min-width: 1401px) and (max-width: 1919px) {
	html {
	    font-size: 62.5%;
	}
	.enlace-footer-mobile {
		display: none !important;
	}
}

@media (min-width: 1920px) {
	html {
	    font-size: 62.5%;
	}
	.enlace-footer-mobile {
		display: none !important;
	}
}