/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Version: 2.65
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.6
Requires PHP: 7.2
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, 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.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">


/*HEADER ADAPTAT*/

    
	

	.shfb-header .sydney-dropdown > .sydney-dropdown-ul, .shfb-header .sydney-dropdown > div > .sydney-dropdown-ul {
        padding-right: 80px;
		margin-bottom: 20px;
    }

	.sydney-dropdown .sydney-dropdown-li {
		font-size: 20px;
		font-weight:500;
		
	}
	.shfb-row.shfb-cols-layout-equal-desktop.shfb-cols-3 {
        padding: 40px 0px 40px 20px;
    }

	.shfb-main_header_row {
		border-bottom-style:none;
	}
	.sticky-header-active .has-sticky-header .shfb-main_header_row {
		box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
	}

	.shfb-main_header_row {		
		z-index: 999;
		width: 100%;
		position: relative;
	}

	.shfb-row-wrapper .container-fluid {
		width: 100%;
	}

	.shfb-row.shfb-cols-layout-equal-desktop.shfb-cols-3 {
		width: 100%;
		margin: auto;
		grid-template-columns: repeat(3, 1fr);
		align-items: end;
	}

	.shfb-header .shfb-main_header_row .shfb-column-1 {
			justify-content: flex-start;
		}
		.shfb-header .shfb-main_header_row .shfb-column-3 {
			justify-content: flex-end;
		}

	.page-wrap {
		padding: 0 0;

	}





/* Estils base del botó */
.boto-contacte {
	display: inline-flex;
	align-items: center;
	background-color: #8cd4ad; /* El verd menta de la imatge */
	border-radius: 100px;      /* Forma de píndola */
	padding: 10px 15px 10px 50px; 
	text-decoration: none;
	font-family: 'Arial', sans-serif;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}



/* Efecte en passar el ratolí */
.boto-contacte:hover {
	background-color: #7bc49d;
}

/* El text "CONTACTE" */
.boto-text {
	color: #000000;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-right: 30px;
}

.boto-text-2{
	color: #000000;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
}

/* El cercle blanc que conté la fletxa */
.cercle-icona-header {
	background-color: #ffffff;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}


/* Icona de la fletxa */
.icona {
	width: 17px;
	height: 17px;
}


/*Ocultem títol de la pàgina*/

.entry-header{
	display:none;
}

/* AMPLADA */
.container {
	max-width: 100vw;
}

/*PORTADA EASYDRIVE*/
/*Seccions ocultes mbl*/

#imatge-pordada-mbl{
	display:none;
}

#reserves-mbl{
	display:none;
}

#text-portada{
	display:none;
}




/* Estils del contenidor principal */

.contact-form-wrap, .content-area .post-wrap {
    padding-right: 0px;
}

.content-area.no-sidebar {
    padding-left: 0px;
    padding-right: 0px; 
}
#portada-home{
	position:relative;
	padding-right: 0;
    padding-left: 0;
}

#div-imatge-hero{
	padding-right:0;
}

.imatge-hero{
	position: absolute;
    right: 0;
    top: 35px;
}

/* Text superior (Subtítol) */
.subtitol {
	color: #8cd4ad; 
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 40px;
}

/* Títol principal */
.titol {
	font-size:4.5rem;
	font-weight: 300;
	margin: 0 0 60px 0;
	color: #000;
}

.destacat{
	color:#8cd4ad;
	font-weight:600;
}

#col-esquerra-hero p{
	font-size:20px;
	font-weight:300;
}



/* --- BOTÓ GENÈRIC --- */
.boto-accions {
	display: inline-flex;
	align-items: center;
	background-color: #8cd4ad;
	color: #000000;
	text-decoration: none;
	border-radius: 50px; /* Forma arrodonida genèrica */
	padding: 8px 8px 8px 24px;
	font-weight: 600;
	font-size: 18px;
	transition: all 0.3s ease;
}

.boto-accions:hover {
	background-color: #a5e0c1;
	transform: translateY(-2px);
}

/* Icona blanca dins del botó */
.boto-icona {
	background-color: #ffffff;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-left: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.boto-icona img {
	width: 17px;
	height: 17px;
}

.col-img-carac{
	display:flex;
	flex-direction:column;
	align-items:center;
}

/*Secció caracterstiques*/
.icona-container{
	display:flex;
	align-items:center;
	width:140px;
	height:140px;
	justify-content: center;
}

.icones-caracter{
	max-height: 110px;
    width: auto;
	max-width:125px;
    margin: auto;
}

.icona-special{
	width:115px;
	
}


.caracter-nom{
	font-size:1.2rem;
	text-align:center;
	font-weight:600;
}

/* TRASLLAT HOME SECTION*/

#trasllats-info{
	
	width:85%
}

.trasllats-container{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.contingut-titol {
	font-size: 3rem;
	line-height: 1.1;
	margin: 0;
	color: #000;
	font-weight: 300;
	padding-bottom:25px;
	letter-spacing: 2px;
}

.contingut-text {
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 0;
	color: #000000;
	padding-bottom:50px;
	font-weight:300;
	padding-right:50px;
	
}

.seccio-fotos {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 20px; /* Espai entre les fotos */
	max-width: 1400px; /* Ample màxim per a pantalles grans */
	margin: 0 auto; /* Centrar la secció */
}

/* Estils comuns per a les imatges */
.foto-contenidor img {
	width: 100%;
	height: 100%!important;
	object-fit: cover; /* Mantenir proporcions sense deformar */
	border-radius: 40px!important; /* Cantons molt arrodonits com a la imatge */
	box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Opcional: ombra suau */
}

/* Per mantenir una alçada consistent (ajustable si cal) */
.foto-contenidor {
	height: 580px;
}
/* --- BOTÓ GENÈRIC (Versió Invertida) --- */
.boto-blanc {
	display: inline-flex;
	align-items: center;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	border-radius: 50px;
	padding: 6px 6px 6px 25px;
	font-weight: 600;
	width: fit-content;
	transition: transform 0.2s ease;
}

.boto-blanc:hover {
	transform: scale(1.02);
}

.cercle-icona-verd {
	background-color: #8cd4ad;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*RESERVA*/
/* Contenidor de la columna (Esquerra) */
.trasllats-info{
	width:85%;
}


.columna-contingut {
	width: 632px; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	background-color:#88D2AB;
	height:828px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}

/* Títol principal amb negreta combinada */
.titol-reserva {
	font-size: 3.5rem;
	line-height: 1.15;
	color: #000000;
	margin: 0;
	font-weight: 300;
	letter-spacing: -0.5px;
}

.titol-reserva strong {
	font-weight: 600;
}

/* Targeta blanca de contacte */
.targeta-contacte {
	background-color: #ffffff;
	padding: 40px 30px;
	border-radius: 30px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
	height:450px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.targeta-contacte p {
	font-size: 1.5rem;
	color: #1a1a1a;
	line-height: 1.4;
	margin: 0 0 35px 0;
}

/* Estils per a les files de WhatsApp i Email */
.item-contacte {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #000000;
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 20px;
}

.item-contacte:last-child {
	margin-bottom: 0;
}

/* El cercle verd de la icona */
.cercle-icona {
	background-color: #8cd4ad;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	flex-shrink: 0;
	padding:10px;
}

.cercle-icona svg {
	width: 22px;
	height: 22px;
	stroke: #000;
}

/*FRASE ABANS FOOTER*/

.last-tagline{
	font-weight:300;
	font-size:3rem;
	text-align:center;
	
}

/*VEHICLES*/

.card-vehicle{
	background-color:#8cd4ad;
	padding:40px;
	height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
	border-radius:40px;
}


.card-vehicle-inv{
	background-color:#000;
	padding:40px;
	height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
	border-radius:40px;
}

.card-vehicle-inv .model{
	color:#8cd4ad;
}

.pass-info{
	font-weight: 600;
    color: #8cd4ad;
    font-size: 5rem;
}

.pass-info-inv{
	font-weight: 600;
    color: #000;
    font-size: 5rem;
}


.card-vehicle-inv .vehicle-info{
	color:#fff;
}
.titol-vehicles{
	font-weight:600;
	font-size: 3.5rem;
}

.tipologia{
	color:#fff;
}

.model{
	color:#000;
}

.vehicles-icons{
	display:flex;
	flex-direction:row;
	gap:15px;
	align-items:center;
}

.vehicles-icons img{
	height:auto;
	width:56px;
}

/*Galeria de vehicles*/

/* Contenidor principal (el marc negre) */
.targeta-galeria {
	background-color: #000000;
	padding: 20px;
	border-radius: 40px; /* Cantons molt arrodonits */
	max-width: 600px; /* Pots ajustar l'amplada segons el teu layout */
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height:520px;
}

.targeta-galeria-inv{
	background-color: #8cd4ad;
	padding: 20px;
	border-radius: 40px; /* Cantons molt arrodonits */
	max-width: 600px; /* Pots ajustar l'amplada segons el teu layout */
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height:520px;
}

/* Contenidor de la imatge */
.imatge-principal {
	width: 100%;
	border-radius: 30px; /* Cantons interns de la imatge */
	overflow: hidden;
	display: block;
	
}

.imatge-principal img {
	height:390px!important;
	width:auto;
	display: block;
	object-fit: cover;
}

/* Fila de botons inferior */
.controls-galeria {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px 10px 10px;
}

/* Grups de fletxes (esquerra) */
.fletxes-navegacio {
	display: flex;
	gap: 12px;
}

/* Botons circulars genèrics */
.boto-circular {
	background-color: #8cd4ad; /* Verd de la marca */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.2s, background-color 0.2s;
	border: none;
	width:50px;
	height:50px;
}

.boto-circular-inv{
	background-color: #000; /* Verd de la marca */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.2s, background-color 0.2s;
	border: none;
	width:50px;
	height:50px;
}

.boto-circular:hover {
	transform: scale(1.1);
	background-color: #a5e0c1;
}
.boto-circular-inv:hover {
	transform: scale(1.1);
	background-color: #00000070;
}

.boto-circular img{
	width:25px;
}

.boto-circular-inv img{
	width:25px;
}

/*SERVEIS DESTACATS*/

.serveis-destacats{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:20px;
}

.serveis-destacats img{
	width:120px;
	height:auto;
	display:block;
	margin:auto;
}

.serveis-caracter{
	font-weight:500;
	color:#000;
	text-align: center;
}

.detalls-serveis h3{
	font-size:3rem;
}

.detalls-cos{
	font-size:22px;
	font-weight:300
}

.vehicle-info{
	font-size:22px;
	font-weight:300
}
.separador-personalitzat {
	width: 140px;    
	height: 11px;         
	background-color: #8cd4ad; 
	margin: 100px 0 0 0;  
}

.quadre-reserves{
		border:solid 18px #88D2AB;
		border-radius:40px;
		height:auto;
        margin:30px;
		position:relative;
	}

/*FOOTER*/

.logo-footer{
	width:50%;
}

.shfb-row.shfb-cols-1 {
    width: 85%;
    margin: auto;
}

.footer-container {
    display: grid;
    grid-template-columns: 3fr 1.5fr 2.5fr;
    gap: 100px;
    align-items: start;
}

.footer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.contact-group{
	gap:50px;
	display: flex;
    flex-direction: column;
}

.contact-box{
	display:flex;
	flex-direction:column;
}

.whatsapp-row{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:15px;
	margin-top:30px;
}

.label-top{
	font-weight:600;
	font-size:1.25rem;
	margin-bottom:0;
}

.value-bot{
	font-weight:600;
	font-size:1.75rem;
	margin-bottom:0;
}

.whatsapp-row img{
	width:40px;
	height:auto;
}
.whatsapp-row  p{
	margin-bottom:0;
	font-weight:600;
	font-size:1.75rem;
}

.links{
	display:flex;
	flex-direction:row;
	gap:40px;
	margin-right:30px;
	margin-top:40px;
}

.links a{
	color:#000;
	font-size:1.25rem;
	font-weight:600;
}

.links a:hover{
	color:#00000070;
}

.social-black-bar {
    display: flex;
    flex-direction: row;
    background-color: #000;
    padding: 9px;
    justify-content: space-around;
    border-radius: 500px;
    align-items: center;
	width:632px;
}
.segueix{
	color:#8cd4ad;
	font-weight:400;
}
.icons-xarxes{
	display:flex;
	flex-direction:row;
	gap:15px;
}
.icons-xarxes img {
    width: auto;
    height: 35px;
}

.footer-row-bis{
	display:flex;
	flex-direction:column;
	gap:25px;
	align-items: flex-end;
	justify-content: space-between;
	height:100%;
}

.shfb-footer {
    border-top-left-radius:40px;
	border-top-right-radius:40px;
}

.logo-foote-bo{
	display:none;
}





/*----------------RESPONSIVE------------------*/

@media screen and (max-width: 1806px){
	.footer-container {
		grid-template-columns: 1fr;
		height: auto;
		padding: 40px 0px;
		gap:50px;
	}
	
	.logo-foote-bo{
		width:30%;
		display:block;
		margin:auto;
	}
	
	.logo-footer{
		display:none;
	}
	
	.social-black-bar {
		width: 100%;
		flex-direction: column;
		border-radius: 25px;
		padding: 25px;
		gap: 15px;
		max-width: 25%;
        margin: auto;
	}
	
	.links {
		flex-direction: column;
		gap:15px:
	}
	.footer-row-bis {
		align-items: flex-start;
		gap:50px;
	}
	
	.label-top{
		font-size:1.1rem;
	}
	.value-bot{
		font-size:1.5rem;
	}
	
	.whatsapp-row p{
		font-size:1.5rem;
	}
	
	.links a{
		font-size:1.5rem;
	}
	.segueix{
		font-size: 1.25rem;
	}
	
	.shfb-component-html{
		width:100%;
	}	
	
	
}

@media screen and (max-width: 1200px){
	
	.admin-bar.sticky-header-active .shfb.has-sticky-header.sticky-row-main-header-row .sticky-active {
        top: 0px;
    }
	
	.admin-bar .sydney-offcanvas-menu {
		top: 0px;
	}
	
	.shfb-mobile_offcanvas .mobile-menu-close {
        top: 20px;
    }
	
	.shfb-row.shfb-cols-layout-bigright-tablet.shfb-cols-2 {
		direction: rtl;
		align-items:center;
	}
	
	.site-logo, .shfb-component-logo .site-logo {
        height: 50px;
    }
	
	.menu-toggle{
		padding:5px;
	}
	
	.menu-toggle{
		background-color: #88D2AB;
        height: 47px;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 500px;
		
	}
	
	svg rect {
		transform-box: fill-box;
		transform-origin: center;
		transform: scaleY(2.2); 
	}
	
	.shfb-mobile_offcanvas .mobile-menu-close {
		background-color: #000000;
		border-radius: 50px;
		height:47px;
		width:47px;
		top:28px;
	}
	
	
	
	.page-wrap {
		padding-top: 0;
	}
	
	#portada-home{
		display:none;
	}
	
	#imatge-pordada-mbl{
		display:block;
	}
	
	.portada-mbl{
		position:relative;
		display:flex;
		flex-direction:column;
		width:100%;
		align-items:center;
		padding-top:50px;
		
	}
	
	.portada-mbl .imatge-destacada {
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 10;
        object-fit: cover;
        object-position: top center;
        border-radius: 40px;
    }
	
	.portada-mbl .boto-contacte{
		position:absolute;
		bottom: -25px;
        margin: auto;
	}
	
	.button-div{
		display:flex;
		justify-content:center;
		margin-bottom: 25px;
	}
	
	.boto-accions{
		margin-top:25px;
	}
	
	#text-portada{
		display:block;
		padding-top:75px;
		
	}
	
	#text-portada p{
		font-size:20px;
		font-weight:300;
	}
	
	.icones-caracter {
		max-height: 85px;
	}
	
	.icona-special{
		width:95px;
		height:auto;
	}
	
	.icona-container {
		width: 150px;
		height: 150px;
		justify-content: center;
	}
	
	.caracter-nom{
		margin-top:0;
	}
	
	.grid-home-icons{
		--e-con-grid-template-columns: repeat(2, 1fr)!important;
	}
	
	
	.grid-home-icons :last-child:nth-child(odd) {
	  	grid-column: 1 / span 2;
	  	justify-self: center; 
		justify-items: center;
	}
	
	#trasllats-info{
		flex-direction:column;
		gap:50px;
		width:100%
	}
	
	#col-left-trasllats{
		width:100%;
	}
	
	#col-right-trasllats{
		width:100%;
	}
	
	.contingut-text {
		padding-right: 0px;
	}
	
	.seccio-fotos {
		grid-template-columns: 1fr;
	}
	
	.seccio-fotos .foto-contenidor {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center center;
    }
	
	#reserves-desktop{
		display:none;
	}
	
	#reserves-mbl{
		display:block;
        margin-top: 75px;
    
	}
	
	.quadre-reserves{
		border:solid 10px #88D2AB;
		border-radius:40px;
		height: 100vh;
        margin: 10px;
		position:relative;
	}
	
	.columna-contingut{
		width:100%;
		position:absolute;
		bottom:0;
		gap:20px;
		height:auto;
	}
	
	.titol-reserva {
		font-size: 1.8rem;
	}
	
	.targeta-contacte {
		padding: 20px 10px;
	}
	
	.item-contacte{
		font-size:14px;
	}
	
	.detalls-cos{
		font-size:20px;
	}
	
	.vehicle-info{
		font-size:20px;
	}
	
	.card-vehicle{
		height:auto;
	}
	
	.card-vehicle-inv{
		height:auto;
	}
	
	.footer-container {
		grid-template-columns: 1fr;
		height: auto;
		padding: 40px 0px;
		gap:50px;
	}
	
	.logo-foote-bo{
		width:60%;
		display:block;
		margin:auto;
	}
	
	.logo-footer{
		display:none;
	}
	
	.social-black-bar {
		width: 100%;
		flex-direction: column;
		border-radius: 25px;
		padding: 25px;
		gap: 15px;
		max-width: 70%;
        margin: auto;
	}
	
	.links {
		flex-direction: column;
		gap:15px:
	}
	.footer-row-bis {
		align-items: flex-start;
		gap:50px;
	}
	
	.label-top{
		font-size:1.1rem;
	}
	.value-bot{
		font-size:1.5rem;
	}
	
	.whatsapp-row p{
		font-size:1.5rem;
	}
	
	.links a{
		font-size:1.5rem;
	}
	.segueix{
		font-size: 1rem;
	}
	
	.shfb-component-html{
		width:100%;
	}	
}
@media screen and (max-width: 1024px) {
	
	.shfb-row.shfb-cols-layout-bigright-tablet.shfb-cols-2 {
		direction: rtl;
		align-items:center;
	}
	
	.site-logo, .shfb-component-logo .site-logo {
        height: 50px;
    }
	
	.menu-toggle{
		padding:5px;
	}
	
	.menu-toggle{
		background-color: #88D2AB;
        height: 47px;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 500px;
		
	}
	
	svg rect {
		transform-box: fill-box;
		transform-origin: center;
		transform: scaleY(2.2); 
	}
	
	.shfb-mobile_offcanvas .mobile-menu-close {
		background-color: #000000;
		border-radius: 50px;
		height:47px;
		width:47px;
	}
	
	
	.page-wrap {
		padding-top: 0;
	}
	
	#portada-home{
		display:none;
	}
	
	#imatge-pordada-mbl{
		display:block;
	}
	
	.portada-mbl{
		position:relative;
		display:flex;
		flex-direction:column;
		width:100%;
		align-items:center;
		padding-top:50px;
		
	}
	
	.portada-mbl .imatge-destacada {
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 10;
        object-fit: cover;
        object-position: top center;
        border-radius: 40px;
    }
	
	.portada-mbl .boto-contacte{
		position:absolute;
		bottom: -25px;
        margin: auto;
	}
	
	.button-div{
		display:flex;
		justify-content:center;
		margin-bottom: 25px;
	}
	
	.boto-accions{
		margin-top:25px;
	}
	
	#text-portada{
		display:block;
		padding-top:75px;
	}
	
	#text-portada p{
		font-size:18px;
		font-weight:300;
	}
	
	.icones-caracter {
		max-height: 85px;
	}
	
	.icona-special{
		width:95px;
		height:auto;
	}
	
	.icona-container {
		width: 150px;
		height: 150px;
		justify-content: center;
	}
	
	.caracter-nom{
		margin-top:0;
	}
	
	.grid-home-icons :last-child:nth-child(odd) {
	  	grid-column: 1 / span 2;
	  	justify-self: center; 
		justify-items: center;
	}
	
	.contingut-text {
		padding-right: 0px;
	}
	
	.seccio-fotos {
		grid-template-columns: 1fr;
	}
	
	.seccio-fotos .foto-contenidor {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center center;
    }
	
	#reserves-mbl{
		display:block;
        margin-top: 75px;
    
	}
	
	.quadre-reserves{
		border:solid 10px #88D2AB;
		border-radius:40px;
		height: 100vh;
        margin: 10px;
		position:relative;
	}
	
	.columna-contingut{
		width:100%;
		position:absolute;
		bottom:0;
		gap:20px;
		height:auto;
	}
	
	.titol-reserva {
		font-size: 1.8rem;
	}
	
	.targeta-contacte {
		padding: 20px 10px;
	}
	
	.item-contacte{
		font-size:14px;
	}
	
	.detalls-cos{
		font-size:18px;
	}
	
	.vehicle-info{
		font-size:18px;
	}
	
	.footer-container {
		grid-template-columns: 1fr;
		height: auto;
		padding: 40px 0px;
		gap:50px;
	}
	
	.logo-foote-bo{
		width:60%;
		display:block;
		margin:auto;
	}
	
	.logo-footer{
		display:none;
	}
	
	.social-black-bar {
		width: 100%;
		flex-direction: column;
		border-radius: 25px;
		padding: 25px;
		gap: 15px;
		max-width: 70%;
        margin: auto;
	}
	
	.links {
		flex-direction: column;
		gap:15px:
	}
	
	footer-row-bis {
		align-items: flex-start;
		gap:50px;
	}
	
	.label-top{
		font-size:1.1rem;
	}
	.value-bot{
		font-size:1.5rem;
	}
	
	.whatsapp-row p{
		font-size:1.5rem;
	}
	
	.links a{
		font-size:1.5rem;
	}
	.segueix{
		font-size: 1rem;
	}
	
	.shfb-component-html{
		width:100%;
	}	
	
	
}
@media screen and (max-width: 992px) {
	
	.shfb-row.shfb-cols-layout-bigright-tablet.shfb-cols-2 {
		direction: rtl;
		align-items:center;
		
	}
	
	.site-logo, .shfb-component-logo .site-logo {
        height: 50px;
    }
	
	.menu-toggle{
		padding:5px;
	}
	
	.menu-toggle{
		background-color: #88D2AB;
        height: 47px;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 500px;
		
	}
	
	svg rect {
		transform-box: fill-box;
		transform-origin: center;
		transform: scaleY(2.2); 
	}
	
	.shfb-mobile_offcanvas .mobile-menu-close {
		background-color: #000000;
		border-radius: 50px;
		height:47px;
		width:47px;
	}
	
	
	
	.page-wrap {
		padding-top: 0;
	}
	
	#portada-home{
		display:none;
	}
	
	#imatge-pordada-mbl{
		display:block;
	}
	
	.portada-mbl{
		position:relative;
		display:flex;
		flex-direction:column;
		width:100%;
		align-items:center;
		padding-top:50px;
		
	}
	
	.portada-mbl .imatge-destacada {
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 10;
        object-fit: cover;
        object-position: top center;
        border-radius: 40px;
    }
	
	.portada-mbl .boto-contacte{
		position:absolute;
		bottom: -25px;
        margin: auto;
	}
	
	.button-div{
		display:flex;
		justify-content:center;
		margin-bottom: 25px;
	}
	
	.boto-accions{
		margin-top:25px;
	}
	
	#text-portada{
		display:block;
		padding-top:75px;
	}
	
	#text-portada p{
		font-size:18px;
		font-weight:300;
	}
	
	.icones-caracter {
		max-height: 85px;
	}
	
	.icona-special{
		width:95px;
		height:auto;
	}
	
	.icona-container {
		width: 150px;
		height: 150px;
		justify-content: center;
	}
	
	.caracter-nom{
		margin-top:0;
	}
	
	.grid-home-icons :last-child:nth-child(odd) {
	  	grid-column: 1 / span 2;
	  	justify-self: center; 
		justify-items: center;
	}
	
	.contingut-text {
		padding-right: 0px;
	}
	
	.seccio-fotos {
		grid-template-columns: 1fr;
	}
	
	.seccio-fotos .foto-contenidor {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center center;
    }
	
	#reserves-mbl{
		display:block;
        margin-top: 75px;
    
	}
	
	.quadre-reserves{
		border:solid 10px #88D2AB;
		border-radius:40px;
		height: 100vh;
        margin: 10px;
		position:relative;
	}
	
	.columna-contingut{
		width:100%;
		position:absolute;
		bottom:0;
		gap:20px;
		height:auto;
	}
	
	.titol-reserva {
		font-size: 1.8rem;
	}
	
	.targeta-contacte {
		padding: 20px 10px;
	}
	
	.item-contacte{
		font-size:14px;
	}
	
	.footer-container {
		grid-template-columns: 1fr;
		height: auto;
		padding: 40px 0px;
		gap:50px;
	}
	
	.logo-foote-bo{
		width:60%;
		display:block;
		margin:auto;
	}
	
	.logo-footer{
		display:none;
	}
	
	.social-black-bar {
		width: 100%;
		flex-direction: column;
		border-radius: 25px;
		padding: 25px;
		gap: 15px;
		max-width: 70%;
        margin: auto;
	}
	
	.links {
		flex-direction: column;
		gap:15px:
	}
	.footer-row-bis {
		align-items: flex-start;
		gap:50px;
	}
	
	.label-top{
		font-size:1.1rem;
	}
	.value-bot{
		font-size:1.5rem;
	}
	
	.whatsapp-row p{
		font-size:1.5rem;
	}
	
	.links a{
		font-size:1.5rem;
	}
	.segueix{
		font-size: 1rem;
	}
	
	.shfb-component-html{
		width:100%;
	}	
}
@media screen and (max-width: 768px) {
	
	
	.shfb-row.shfb-cols-layout-bigright-tablet.shfb-cols-2 {
		direction: rtl;
		align-items:center;
	}
	
	.site-logo, .shfb-component-logo .site-logo {
        height: 50px;
    }
	
	.menu-toggle{
		padding:5px;
	}
	
	.menu-toggle{
		background-color: #88D2AB;
        height: 47px;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 500px;
		
	}
	
	svg rect {
		transform-box: fill-box;
		transform-origin: center;
		transform: scaleY(2.2); 
	}
	
	.shfb-mobile_offcanvas .mobile-menu-close {
		background-color: #000000;
		border-radius: 50px;
		height:47px;
		width:47px;
	}
	
	
	
	.page-wrap {
		padding-top: 0;
	}
	
	#portada-home{
		display:none;
	}
	
	#imatge-pordada-mbl{
		display:block;
	}
	
	.portada-mbl{
		position:relative;
		display:flex;
		flex-direction:column;
		width:100%;
		align-items:center;
		padding-top:50px;
		
	}
	
	.portada-mbl .imatge-destacada {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 4;
        object-fit: cover;
        object-position: top center;
        border-radius: 40px;
    }
	
	.portada-mbl .boto-contacte{
		position:absolute;
		bottom: -25px;
        margin: auto;
	}
	
	.button-div{
		display:flex;
		justify-content:center;
		margin-bottom: 25px;
	}
	
	.boto-accions{
		margin-top:25px;
	}
	
	.icones-caracter {
		max-height: 85px;
	}
	
	.icona-special{
		width:95px;
		height:auto;
	}
	
	.icona-container {
		width: 150px;
		height: 150px;
		justify-content: center;
	}
	
	.caracter-nom{
		margin-top:0;
	}
	
	.grid-home-icons :last-child:nth-child(odd) {
	  	grid-column: 1 / span 2;
	  	justify-self: center; 
		justify-items: center;
	}
	
	.contingut-text {
		padding-right: 0px;
	}
	
	.seccio-fotos {
		grid-template-columns: 1fr;
	}
	
	.seccio-fotos .foto-contenidor {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center center;
    }
	
	#reserves-mbl{
		display:block;
	}
	
	.quadre-reserves{
		border:solid 10px #88D2AB;
		border-radius:40px;
		height: 100vh;
        margin: 10px;
		position:relative;
	}
	
	.columna-contingut{
		width:100%;
		position:absolute;
		bottom:0;
		gap:20px;
		height:auto;
	}
	
	.titol-reserva {
		font-size: 1.8rem;
	}
	
	.targeta-contacte {
		padding: 20px 10px;
	}
	
	.item-contacte{
		font-size:14px;
	}
	
	.footer-container {
		grid-template-columns: 1fr;
		height: auto;
		padding: 40px 0px;
		gap:50px;
	}
	
	.logo-foote-bo{
		width:60%;
		display:block;
		margin:auto;
	}
	
	.logo-footer{
		display:none;
	}
	
	.social-black-bar {
		width: 100%;
		flex-direction: column;
		border-radius: 25px;
		padding: 25px;
		gap: 15px;
		max-width: 70%;
        margin: auto;
	}
	
	.label-top{
		font-size:1rem;
	}
	.value-bot{
		font-size:1.2rem;
	}
	
	.whatsapp-row p{
		font-size:1.2rem;
	}
	
	.links a{
		font-size:1.2rem;
	}
	.segueix{
		font-size: 0.9rem;
	}
	
	.links {
		flex-direction: column;
		gap:15px:
	}
	.footer-row-bis {
		align-items: flex-start;
		gap:50px;
	}
	
	.label-top{
		font-size:1.1rem;
	}
	.value-bot{
		font-size:1.5rem;
	}
	
	.whatsapp-row p{
		font-size:1.5rem;
	}
	
	.links a{
		font-size:1.5rem;
	}
	.segueix{
		font-size: 1rem;
	}
	
	.shfb-component-html{
		width:100%;
	}
	
	

}
@media (max-width: 576px){
	
	.shfb-row.shfb-cols-layout-bigright-tablet.shfb-cols-2 {
		direction: rtl;
		align-items:center;
	}
	
	.site-logo, .shfb-component-logo .site-logo {
        height: 50px;
    }
	
	.menu-toggle{
		padding:5px;
	}
	
	.menu-toggle{
		background-color: #88D2AB;
        height: 47px;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 500px;
		
	}
	
	svg rect {
		transform-box: fill-box;
		transform-origin: center;
		transform: scaleY(2.2); 
	}
	
	.shfb-mobile_offcanvas .mobile-menu-close {
		background-color: #000000;
		border-radius: 50px;
		height:47px;
		width:47px;
	}
	
	.page-wrap {
		padding-top: 0;
	}
	
	#portada-home{
		display:none;
	}
	
	#imatge-pordada-mbl{
		display:block;
	}
	
	
	.portada-mbl{
		position:relative;
		display:flex;
		flex-direction:column;
		width:100%;
		align-items:center;
		
	}
	
	.portada-mbl .imatge-destacada {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 4;
        object-fit: cover;
        object-position: top center;
        border-radius: 40px;
    }
	
	.portada-mbl .boto-contacte{
		position:absolute;
		bottom: -25px;
        margin: auto;
	}
	
	.button-div{
		display:flex;
		justify-content:center;
		margin-bottom: 25px;
	}
	
	.boto-accions{
		margin-top:25px;
	}
	
	.icones-caracter {
		max-height: 85px;
	}
	
	.icona-special{
		width:95px;
		height:auto;
	}
	
	.icona-container {
		width: 150px;
		height: 150px;
		justify-content: center;
	}
	
	.caracter-nom{
		margin-top:0;
	}
	
	.grid-home-icons :last-child:nth-child(odd) {
	  	grid-column: 1 / span 2;
	  	justify-self: center; 
		justify-items: center;
	}
	
	.contingut-text {
		padding-right: 0px;
	}
	
	.seccio-fotos {
		grid-template-columns: 1fr;
	}
	
	.seccio-fotos .foto-contenidor {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center center;
    }
	
	#reserves-mbl{
		display:block;
	}
	
	.quadre-reserves{
		border:solid 10px #88D2AB;
		border-radius:40px;
		height: 100vh;
        margin: 10px;
		position:relative;
	}
	
	.columna-contingut{
		width:100%;
		position:absolute;
		bottom:0;
		gap:20px;
		height:auto;
	}
	
	.titol-reserva {
		font-size: 1.8rem;
	}
	
	.targeta-contacte {
		padding: 20px 10px;
	}
	
	.item-contacte{
		font-size:14px;
	}
	
	.footer-container {
		grid-template-columns: 1fr;
		height: auto;
		padding: 40px 0px;
		gap:25px;
	}
	
	.logo-foote-bo{
		width:60%;
		display:block;
		margin:auto;
	}
	
	.logo-footer{
		display:none;
	}
	
	.social-black-bar {
		width: 100%;
		flex-direction: column;
		border-radius: 25px;
		padding: 25px;
		gap: 15px;
		max-width:85%;
	}
	
	.links {
		flex-direction: column;
		gap:15px:
	}
	
	.label-top{
		font-size:0.8rem;
	}
	.value-bot{
		font-size:1.2rem;
	}
	
	.whatsapp-row p{
		font-size:1.2rem;
	}
	
	.links a{
		font-size:1.2rem;
	}
	.segueix{
		font-size: 0.8rem;
	}
	.footer-row-bis {
		align-items: flex-start;
	}
	
	
	
}