@charset "utf-8";
/* CSS Document */


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

#PRESETS 

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



/* #Modo oscuro */
@media (prefers-scheme: dark) {
	 :root {
		--body-bg   : #333333;
		--body-color: #f5f5f5;
	 }
}


/* #root */ 
:root {


	/* rutas */
	--ruta: url('');


	/* modo claro */
	--body-bg         : #f5f5f5;
	--body-color      : #333333;

	/* colores base */
	--cygnus          : #003F55;

	--fff-rgb         : 255 255 255;
	--f5f-rgb         : 245 245 245;
	--bbb-rgb         : 187 187 187;
	--eee-rgb         : 238 238 238;
	--ddd-rgb         : 221 221 221;
	--ccc-rgb         : 204 204 204;
	--999-rgb         : 153 153 153;
	--444-rgb         : 68 68 68;
	--666-rgb         : 102 102 102;
	--333-rgb         : 51 51 51;
	--222-rgb         : 34 34 34;
	--111-rgb         : 17 17 17;
	--000-rgb         : 0 0 0;
	--ok-rgb          : 0 114 13;
	--error-rgb       : 173 0 0;
	--alert-rgb       : 160 160 0;

	--fff             : rgb(var(--fff-rgb));
	--f5f             : rgb(var(--f5f-rgb));
	--bbb             : rgb(var(--bbb-rgb));
	--eee             : rgb(var(--eee-rgb));
	--ddd             : rgb(var(--ddd-rgb));
	--ccc             : rgb(var(--ccc-rgb));
	--999             : rgb(var(--999-rgb));
	--666             : rgb(var(--666-rgb));
	--444             : rgb(var(--444-rgb));
	--333             : rgb(var(--333-rgb));
	--222             : rgb(var(--222-rgb));
	--111             : rgb(var(--111-rgb));
	--000             : rgb(var(--000-rgb));
	--placeholder     : rgb(var(--666));


	/* colores web */ 
	
	/*
	--color-web-1-hash: var(--cygnus);
	--color-web-1-rgb : var(--cygnus);
	--color-web-1     : var(--cygnus);
	*/

	--color-web-1-hash: #172B6C;
	--color-web-1-rgb : 23 43 108;
	--color-web-1     : rgb(var(--color-web-1-rgb));


	/* font's */
	--font-awesone: 'Font Awesome 6 Free';
	--font        : 'Roboto','Open Sans', sans-serif;
	
	/* size's */
	--size     : .96rem; /* 15px */

	--size-1   : 3.25rem; /* 52px */
	--size-2   : 2.75rem; /* 44px */
	--size-3   : 2rem; /* 34px */
	--size-4   : 1.563rem; /* 25px */
	--size-5   : 1.375rem; /* 22px */
	--size-6   : 1.125rem; /* 18px */

	--display  : 1.25;

	--display-1: calc(var(--size-1) * var(--display)); /* 74px */
	--display-2: calc(var(--size-2) * var(--display)); /* 67px */
	--display-3: calc(var(--size-3) * var(--display)); /* 54px */
	--display-4: calc(var(--size-4) * var(--display)); /* 44px */
	--display-5: calc(var(--size-5) * var(--display)); /* 34px */
	--display-6: calc(var(--size-6) * var(--display)); /* 28px */

	/* container */
	--container-full: 100%;
	--container-gr  : 1300px;
	--container-md  : 1024px;
	--container-sm  : 800px;

	/* grid */
	--grid-col-1              : 8.333333333%;
	--grid-col-2              : 16.66666667%;
	--grid-col-3              : 25%;
	--grid-col-4              : 33.33333333%;
	--grid-col-5              : ;
	--grid-col-6              : 50%;
	--grid-col-7              : ;
	--grid-col-8              : 66.66666667%;
	--grid-col-9              : 75%;
	--grid-col-10             : 83.33333333%;
	--grid-col-11             : 91.66666667%;
	--grid-col-12             : 100%;

	/* medidas */
	--h-header                : 90px;
	--h-header-scroll         : 55px;
	--w-col-header-left       : 206px;
	--w-col-header-left-scroll: 130px;
	--w-col-header-right      : 1fr;
	--w-logo                  : 100%;

	--w-sidebar               : 300px;
	--h-cabezal               : 150px;
	--h-btn                   : 43px;

	--h-footer                : 372px;

	--padding-container       : 30px;
	--padding-section         : 40px 0 0 0;
	--fix-padding-menu        : 22px;
	--padding-container-menu  : calc(var(--padding-container) + var(--fix-padding-menu));

	--w-form                  : 550px;

	--h-ico                   : 49px;
	--h--ico-custom           : 30px;

	/* separador */
	/* --separador-bg   :; */
	/* --separador-width:; */

	/* radius */
	--radius: 10px;

	/* espacios */
	--espacio-10: 10px;
	--espacio-15: 15px;
	--espacio-20: 20px;
	--espacio-30: 30px;
	--espacio-40: 40px;
	--espacio-50: 50px;
	--espacio-60: 60px;
	--espacio-70: 70px;
	--espacio-80: 80px;
	--espacio-90: 90px;


	/* ratio */
	--ratio-1x1  : 100%;
	--ratio-4x3  : 75%;
	--ratio-3x4  : 133%;
	--ratio-slide: 31.5%;
	--ratio      : 0%;

	/* efectos */
	--transition: all .35s ease;


} 

*, 
:before,
:after{
	margin                  : 0;
	padding                 : 0; 
	box-sizing              : border-box;
	position                : relative;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust   : none;
	-ms-text-size-adjust    : none; 
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust   : 100%; 
	-ms-text-size-adjust    : 100%;
}



/* #html - body */
html {
	font-size       : 16px;
	scroll-behavior : smooth !important;
	height          : 100%;
}

body{
	width           : 100%;
	height          : 100%;
	min-height      : 100%;
	float           : left;
	overflow-x      : hidden;
	font-size       : var(--size);
	background-color: var(--eee);
	color           : var(--222);
	font-family     : var(--font);
}

body.pg-index,
body.pg-inicio {
	background-color: var(--fff);

	/*background-color: red;*/
}

/* #selection */
::selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-moz-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-o-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}
::-ms-selection{
	background: var(--color-web-1);
	color     : var(--fff);
}

main,
header,
section,
form,
aside,
nav,
time,
picture,
figure,
article,
address,
footer,
figcaption{
	width: 100%;
	float: left;
}

/* #img */
img{
	width    : auto;
	max-width: 100%;
	height   : auto
}
figure{
	margin     : 0;
	line-height: 0;
	overflow   : hidden;
}

/* canvas {
	margin: auto;
} */

/* #tx */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font);
	margin     : 0;
	line-height: 1.25;

	color      : var(--color-web-1);
	scroll-margin-top: 90px;
}
h1 {
	font-size: var(--size-1);
}
h2 {
	font-size: var(--size-2);
}
h3 {
	font-size: var(--size-3);
}
h4 {
	font-size: var(--size-4);
}
h5 {
	font-size: var(--size-5);
}
h6 {
	font-size: var(--size-6);
}

p {
	font-family: var(--font);
	margin     : 0;
	padding    : 0;
	line-height: 1.5;
}

ul li {
	line-height: 1.5;
}

b,
strong {
	font-family: var(--font);
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size  : 1em;
}
small {
	font-size: 70%;
}
sub,
sup {
	font-size     : 70%;
	line-height   : 0;
	position      : relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
pre {
	background   : var(--eee);
	font-family  : "Courier 10 Pitch", courier, monospace;
	line-height  : 1.6;
	margin-bottom: 15px;
	max-width    : 100%;
	overflow     : auto;
	padding      : 15px;
}
code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted var(--666);
	cursor       : help;
}
mark,
ins {
	/*background     : #fff9c0;*/
	text-decoration: none;
}
big {
	font-size: 125%;
}
a {
	color: var(--eee);
}
a:visited {
	color: var(--eee);
}
a:hover,
a:focus,
a:active {
	color: var(--eee);
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}

address {
	font-style: normal;
}


/* #loading's */
.loading {
	position        : absolute;
	top             : 0;
	left            : 0;
	width           : 100%;
	height          : 100%;
	background-color: rgba(255 255 255 / .85);
	z-index         : 99999999999;
	display         : none;
	align-items     : flex-start;
	justify-content : center;
	transition      : var(--transition);
}

.pg-index .loading,
.loading.home {
	/*display: flex;*/
}


	.loading .lds-ring {
		display : inline-block;
		position: relative;
		width   : 45px;
		height  : 45px;
		margin  : auto;
	}
	.loading .lds-ring div {
		box-sizing   : border-box;
		display      : block;
		position     : absolute;
		width        : 45px;
		height       : 45px;
		margin       : 6px;
		border       : 6px solid var(--color-web-1);
		border-radius: 50%;
		animation    : lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		border-color : var(--color-web-1) transparent transparent transparent;
	}
	.loading .lds-ring div:nth-child(1) {
		animation-delay: -0.45s;
	}
	.loading .lds-ring div:nth-child(2) {
		animation-delay: -0.3s;
	}
	.loading .lds-ring div:nth-child(3) {
		animation-delay: -0.15s;
	}
	@keyframes lds-ring {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	/* activo */
	.loading.activo {
		display: flex;
	}

	.msg-loader {
		width              : 24px;
		height             : 24px;
		border             : 3px solid var(--color-web-1);
		border-bottom-color: transparent;
		border-radius      : 50%;
		display            : inline-block;
		box-sizing         : border-box;
		animation          : rotation 1s linear infinite;
	}

	@keyframes rotation {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	} 

/* #btn's */
button {
	border    : none;
	cursor    : pointer;
	background: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding     : 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

button:focus {
	outline   : none;
	box-shadow: none;
}

.btn--custom {
	width           : auto;
	height          : var(--h-btn);
	background-color: var(--color-web-1);
	color           : var(--fff);
	font-family     : var(--font);
	font-size       : var(--size);
	border          : 1px solid var(--color-web-1);
	text-align      : center;
	border-radius   : var(--radius);
	transition      : var(--transition);
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	padding         : 0 35px;
	text-decoration : none;
}
a.btn--custom {
	cursor          : pointer;
}
a.btn--custom:hover,
.check--custom.btn--custom:hover {
	background-color: #fff !Important;
	color           : var(--color-web-1);
}


.btn--custom:visited {
	color: var(--222) !important;
}
.btn--custom:visited:hover {
	color: var(--color-web-1) !important;
}
.btn--custom.invertido:visited {
	color: var(--000) !important;
}
.btn--custom.invertido:visited:hover {
	color: var(--fff) !important;
}

/* Deshabilitar calendario del input date e input time*/
/* input::-webkit-calendar-picker-indicator {
    display: none;
} */


/* hamburg */
.btn--menu {
	margin   : auto;
	width    : 100%;
	height   : 30px;
	cursor   : pointer;
	transform: translateX(0);
	z-index  : 9999;
}
body[data-version="desktop"] .btn--menu {
	display: none;
}
body[data-version="mobile"] .btn--menu {
	display: block;
}

		.btn--menu span {
			position     : absolute;
			top          : 0;
			right        : 0;
			bottom       : 0;
			left         : 0;
			width        : 100%;
			height       : 2px;
			margin       : auto;
			border-radius: 0;
			transition   : background 0s .25s;
			background   : var(--fff);
		}

			.btn--menu span:before,
			.btn--menu span:after {
				position           : absolute;
				width              : inherit;
				height             : inherit;
				content            : '';
				transition-delay   : .25s, 0s;
				transition-duration: .25s, .25s;
				background         : var(--fff);
				border-radius      : 0;
				width              : 100%;
				transform          : translateX(0);
				transition         : all .3s ease;
			}
			.btn--menu span:before {
				top                : -8px;
				transition-property: top, -webkit-transform;
				transition-property: top, transform;
			}
			.btn--menu span:after {
				bottom             : -8px;
				transition-property: bottom, -webkit-transform;
				transition-property: bottom, transform;
			}

		/* hover - activo */
		body.visible--menu #flag + span {
			background: none;
		} 
		body.visible--menu #flag + span:before {
			top              : 0;
			-webkit-transform: rotate(45deg);
			transform        : rotate(45deg);
		}
		body.visible--menu #flag + span:after {
			bottom           : 0;
			-webkit-transform: rotate(-45deg);
			transform        : rotate(-45deg);
		}
		body.visible--menu #flag + span:before,
		body.visible--menu #flag + span:after {
			transition-delay: 0s, .25s;
		}

		.btn--menu input {
			opacity: 0;
		}


	/* hover */
	.btn--menu:hover {

	}
	.btn--menu:hover span:before,
	.btn--menu:hover span:after {
		transform: translateX(0);
	}


/* #wpp */
.btn--wpp {
	position        : fixed;
	top             : 0;
	bottom          : 0;
	right           : 30px;
	margin          : auto;
	background-size : contain;
	width           : 70px;
	height          : 70px;
	z-index         : 990;
	display         : flex;
	align-items     : center;
	justify-content : center;
	text-decoration : none !important;
	background-color: transparent;
	border-radius   : 50%;
	transition      : var(--transition);
	border          : #25D366;
}

	.btn--wpp .whatsapp-svg {
		/*display       : contents;*/

		position        : absolute;
		top             : 0;
		left            : 0;
		width           : 100%;
		height          : 100%;
		border-radius   : 50%;
		background-color: #25D366;
		transition      : var(--transition);
	}
	.btn--wpp .whatsapp-svg svg {
		fill      : #fff;
		width     : 55px !important;
		height    : 55px !important;
		position  : absolute;
		top       : 0;
		right     : 0;
		bottom    : 0;
		left      : 0;
		margin    : auto;
		transition: var(--transition);
	}

	/* hover */
	.btn--wpp:hover .whatsapp-svg {
		background-color: #fff;
	}
	.btn--wpp:hover .whatsapp-svg svg {
		fill: #25D366;
	}


/* scroll */
.btn--scroll-down {
	width              : 45px;
	height             : 45px;
	background-size    : contain;
	background-image   : url("../images/ico--scroll-down-dJpM2N1.svg");
	background-position: center;
	background-repeat  : no-repeat;
	position           : absolute;
	right              : 0;
	bottom             : 30px;
	left               : 0;
	margin             : auto;
	cursor             : pointer;
}


/* mas */
.btn--mas {
	color          : var(--444);
	display        : flex;
	align-items    : center;
	justify-content: flex-start;
	font-size      : .8rem;
	text-decoration: none;
	max-width      : 120px;
}
.btn--mas:visited {
	color: var(--444);
}
.btn--mas:before {
	content         : '+';
	width           : 18px;
	height          : 18px;
	border-radius   : 50%;
	
	background-color: var(--444);
	color           : var(--fff);
	display         : flex;
	align-items     : center;
	justify-content : center;
	margin-right    : 5px;
}

.btn--mas:hover {
	text-decoration: none !important;
	color: var(--color-web-1) !important;
}
.btn--mas:hover:before {
	text-decoration : none !important;
	background-color: var(--color-web-1) !important;
}

/* modificar */
.btn--modificar {
	display        : flex;
	align-items    : center;
	justify-content: flex-start;
	color          : var(--color-web-1);
	font-size      : .8rem;
	text-decoration: none;
	width: fit-content;
}
.btn--modificar:visited {
	color: var(--color-web-1);
}
	
	.btn--modificar > div {
		width           : 37px;
		height          : 37px;
		background-color: var(--color-web-1);
		border-radius   : 50%;
		display         : flex;
		align-items     : center;
		justify-content : center;
		margin-right    : 10px;
	}

	/* hover */
	.btn--modificar:hover > div {
		background-color: var(--444);
	}
	.btn--modificar:hover {
		color: var(--444);
	}




/* modal */
.btn--modal {
	margin-top: 30px;
	float     : left;
}


/* #ico */
.ico {
	background-size    : auto;
	background-repeat  : no-repeat;
	background-position: center;
}

.ico--24 {
	background-image: url("../images/ico--24-bm8JoL7.png");
	width           : 27px;
	height          : 25px;
}
.ico--auto {
	background-image: url("../images/ico--auto-YnKWdnI.png");
	width           : 50px;
	height          : 28px;
}
.ico--correo {
	background-image: url("../images/ico--correo-OmXgd9W.png");
	width           : 25px;
	height          : 20px;
}
.ico--horario {
	background-image: url("../images/ico--horario-S1AyRKZ.png");
	width           : 23px;
	height          : 23px;
}
.ico--orientaciones {
	background-image: url("../images/ico--orientaciones-uocuHXS.png");
	width           : 76px;
	height          : 76px;
}
.ico--electrico {
	background-image: url("../images/ico--electrico-mUaejlm.png");
	width           : 76px;
	height          : 76px;
}
.ico--requisitos {
	background-image: url("../images/ico--requisitos-fn_fAmN.png");
	width           : 76px;
	height          : 76px;
}
.ico--servicios {
	background-image: url("../images/ico--servicios-qAsexKr.png");
	width           : 76px;
	height          : 76px;
}
.ico--tarifa {
	background-image: url("../images/ico--tarifa-ja4uR3Y.png");
	width           : 76px;
	height          : 76px;
}
.ico--tel {
	background-image: url("../images/ico--tel--SqTnw0.png");
	width           : 23px;
	height          : 24px;
}
.ico--ubicacion {
	background-image: url("../images/ico--ubicacion-xt77Ksw.png");
	width           : 25px;
	height          : 32px;
}
.ico--wpp {
	background-image: url("../images/ico--wpp-JK_G65p.png");
	width           : 25px;
	height          : 24px;
}
.ico--modificar {
	background-image: url("../images/ico--modificar-VESz1mK.png");
	width           : 20px;
	height          : 23px;
	background-size : 14px;

	transform       : translateX(-2px);
}
.ico--1,
.icon-transmision {
	background-image: url("../images/ico--1-aGGpYKA.jpg");
	width           : 38px;
	height          : var(--h-ico);
}
.ico--2,
.icon-capacidad-del-maletero {
	background-image: url("../images/ico--2-OQLAqlX.jpg");
	width           : 51px;
	height          : var(--h-ico);
}
.ico--3,
.icon-aire-acondicionado {
	background-image: url("../images/ico--3-fCcYvh9.jpg");
	width           : 48px;
	height          : var(--h-ico);
}
.ico--4,
.icon-pasajeros {
	background-image: url("../images/ico--4-ir8DSRX.jpg");
	width           : 31px;
	height          : var(--h-ico);
}
.ico--5,
.icon-puertas {
	background-image: url("../images/ico--5-vZXRFuX.jpg");
	width           : 45px;
	height          : var(--h-ico);
}


.icon-additional-driver,
.icon-joven {
	background-image   : url("../images/ico-additional-driver-U9vXPwx.png");


}
.icon-asistencia-en-carretera {
	background-image   : url("../images/ico-asistencia-en-carretera-s50sUXz.png");


}
.icon-booster {
	background-image   : url("../images/ico-booster-ftvZviE.png");


}
.icon-seguro-total {
	background-image   : url("../images/ico-seguro-total-h_ZWXfz.png");

}
.icon-silla-bebes {
	background-image   : url("../images/ico-silla-bebes-J897VOO.png");


}
.icon-silla-infantil {
	background-image   : url("../images/ico-silla-infantil-fWpEebV.png");

}
.icon-wifi {
	background-image   : url("../images/ico-wifi-Yp67wUy.png");
}
.icon-winshield-protection {
	background-image   : url("../images/ico-winshield-protection-0rQr5c6.png");
}

.icon-gps {
	background-image   : url("../images/ico-gps-fdEpVvz.png");
}


.icon-asistencia {
	background-image   : url("../images/ico-asistencia-D5uHaqO.png");
}



/* #otros */
progress {
	vertical-align: baseline;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}






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

#CLASS 

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

/* #container */
[class*=container--] {
	width    : 100%;
	padding  : 0 var(--padding-container);
	margin   : auto;
}
.container--full {
	max-width: var(--container-full);
}
.container--gr {
	max-width: var(--container-gr);
}
.container--md {
	max-width: var(--container-md);
}
.container--sm {
	max-width: var(--container-sm);
}

/* #display */
.d--none {
	display: none;
}
.d--grid {
	display: grid;
}
.d--flex {
	display: flex;
}
.d--table {
	display: table;
}
.d--block {
	display: block;
}

/* #grid */
.d--grid {
	grid-template-columns: 1fr;
	grid-column-gap      : 15px;
}
.d--grid.grid--1 {
	grid-template-columns: repeat(12, 1fr);
}
.d--grid.grid--2 {
	grid-template-columns: repeat(6, 1fr);
}
.d--grid.grid--3 {
	grid-template-columns: repeat(4, 1fr);
}
.d--grid.grid--4 {
	grid-template-columns: repeat(3, 1fr);
}
.d--grid.grid--5 {
	grid-template-columns: repeat(5, 1fr);
}
.d--grid.grid--6 {
	grid-template-columns: repeat(2, 1fr);
}

/* #direction */
.row--reverse {
	flex-direction: row-reverse;
}
.column--reverse {
	flex-direction: column-reverse;
}
.direction--rtl {
	direction : rtl;
	text-align: left;
}

	.direction--rtl * {
		text-align: left;
	}

/* #bg */
.bg--1 {
	background-color: var(--color-web-1);
}
.bg--2 {
	background-color: var(--color-web-2);
}
.bg--3 {
	background-color: var(--color-web-3);
}
.bg--4 {
	background-color: var(--color-web-4);
}
.bg--5 {
	background-color: var(--color-web-5);
}
.bg--fff {
	background-color: var(--fff);
}
.bg--eee {
	background-color: var(--eee);
}
.bg--000 {
	background-color: var(--000);
}


/* #color */
.color--1 {
	color: var(--color-web-1) !important;
}
.color--2 {
	color: var(--color-web-2) !important;
}
.color--3 {
	color: var(--color-web-3) !important;
}
.color--4 {
	color: var(--color-web-4) !important;
}
.color--fff {
	color: var(--fff) !important;
}
.color--000 {
	color: var(--000) !important;
}

/* #tx */
.display--1 {
	font-size: var(--display-1) !important;
}
.display--2 {
	font-size: var(--display-2) !important;
}
.display--3 {
	font-size: var(--display-3) !important;
}
.display--4 {
	font-size: var(--display-4) !important;
}
.display--5 {
	font-size: var(--display-5) !important;
}
.display--6 {
	font-size: var(--display-6) !important;
}

/* weight */
.font--normal {
	font-weight: normal !important;
}
.font--semi-bold {
	font-weight: 600 !important;
}
.font--bold {
	font-weight: bolder !important;
}


/* #separador */
.cont--separador {
	width          : 100%;
	float          : left;
	height         : 1px;
	margin         : 15px auto;
	text-align     : center;
	display        : flex;
	align-items    : center;
	justify-content: center;
}

	.cont--separador div {
		width           : var(--separador-width);
		height          : 1px;
		background-color: var(--separador-bg);
		margin          : auto;
	}
	

/* #espacios */
.cont--section [class*=espacio--]{
	width: 100%;
	float: left;
}

.espacio--10 {
	height: var(--espacio-10) !important;
}
.espacio--15 {
	height: var(--espacio-15) !important;
}
.espacio--20 {
	height: var(--espacio-20) !important;
}
.espacio--30 {
	height: var(--espacio-30) !important;
}
.espacio--40 {
	height: var(--espacio-40) !important;
}
.espacio--50 {
	height: var(--espacio-50) !important;
}
.espacio--60 {
	height: var(--espacio-60) !important;
}
.espacio--70 {
	height: var(--espacio-70) !important;
}
.espacio--80 {
	height: var(--espacio-80) !important;
}
.espacio--90 {
	height: var(--espacio-90) !important;
}


/* #section */
.cont--section {
	padding: var(--padding-section);
}

/* #transition */
.transition {
	transition : var(--transition);
	will-change: auto;
}

/* #radius */
.radius {
	border-radius: var(--radius)
}
.radius--30 {
	border-radius: var(--radius-30) !important;
}
.radius--20 {
	border-radius: var(--radius-20) !important;
}
.radius--10 {
	border-radius: var(--radius-10) !important;
}
.radius--5 {
	border-radius: var(--radius-5) !important;
}

/* #ratio */
.cont--ratio {
	width           : 100%;
	float           : left;
	position        : relative;
	overflow        : hidden;

	background-color: var(--eee);
}

	.cont--ratio img {
		position  : absolute;
		top       : 0;
		left      : 0;
		width     : 100%;
		height    : 100%;
		object-fit: cover;
		margin    : auto;
	}

.ratio--1x1 {
	padding-top: var(--ratio-1x1);
}
.ratio--4x3 {
	padding-top: var(--ratio-4x3);
}
.ratio--3x4 {
	padding-top: var(--ratio-3x4);
}


/* #efecto zoom */
.efecto--zoom:hover .cont--ratio img,
.efecto--zoom:hover figure img,
.efecto--zoom:hover picture img {
	transform: scale(1.08);
}
/* #efecto gris */
.efecto--gris:hover .cont--ratio img,
.efecto--gris:hover figure img,
.efecto--gris:hover picture img {
	filter: grayscale(100%);
}
/* #efecto bg */
.efecto--bg .cont--ratio:before,
.efecto--bg figure:before,
.efecto--bg picture:before {
	content         : '';
	width           : 100%;
	height          : 100%;
	position        : absolute;
	top             : 0;
	left            : 0;
	z-index         : 10;
	background-color: var(--000);
	mix-blend-mode  : multiply;
	opacity         : .25;
	transition      : var(--transition);
}
.efecto--bg:hover .cont--ratio:before,
.efecto--bg:hover figure:before,
.efecto--bg:hover picture:before {
	opacity: .75;
}

/* #efecto shadow */
.efecto--shadow {
	box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .45);
}


/* #data */
[data-align="left"] {
	text-align: left !important;
}
[data-align="center"] {
	text-align: center !important;
}
[data-align="right"] {
	text-align: right !important;
}

[hidden] {
	display: none;
}
[data-hidden="true"] {
	display: none;
}
[data-hidden="false"] {
	display: flex;
}


.content--box {
	background-color: var(--fff);
	padding         : 30px;
	border-radius   : var(--radius);
}
 

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

#COMPONENTES 

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


/* #logo */
.cont--logo {
	width: var(--w-logo);
}

	.cont--logo img {
		width: 100%;
	}


/* #menú's' */
.cont--menu {
	height: 100%;
	
}

	.cont--menu > div {
		width          : 100%;
		height         : 100%;
		display        : flex;
		align-items    : center;
		justify-content: flex-end;
		color          : var(--fff);
		transition     : var(--transition);
	}

	.cont--menu a {
		width          : auto;
		display        : flex;
		color          : var(--fff);
		text-decoration: none;
		padding        : 12px 24px;
		font-weight    : 400;
		text-transform : uppercase;
		cursor         : pointer;
	}

	.cont--menu a:nth-of-type(3) {
		/* text-transform: inherit; */
	}


	/* #mobile */
	.visible--menu .cont--menu  {
		width           : 100%;
		height          : auto;
		top             : var(--h-header-scroll);
		background-color: var(--color-web-1);
		margin          : 0;
		padding         : 30px 0 15px 0;
		z-index         : 899;
		position        : fixed;
		left            : 0;
		text-align      : center;
		opacity         : 1;
		visibility      : visible;
		transform       : translateX(0) translateY(0)
	}

		.visible--menu .cont--menu > div {
			display        : flex !important;
			flex-direction : column;
			justify-content: flex-start;
			align-items    : end;
			max-width      : var(--container-gr);
			padding        : 0 var(--padding-container);
			margin         : auto;
		}

		.visible--menu .cont--menu .sep {
			display: none;
		}

		.visible--menu .cont--menu a {
			width          : 100%;
			font-size      : 1.4rem;
			padding        : 15px 0;
			text-align     : right;
			justify-content: end;
			margin         : auto;
			float          : none;
			border-bottom  : 1px solid transparent;
			border-image   : linear-gradient(45deg, transparent, rgba(255, 255, 255, .10)) 1;
		}	

		.visible--menu .cont--menu a:last-child {
			border-bottom: none;
		}







/* #idioma */
.cont--idioma {
	justify-content: end;
	margin-left    : 15px;
}
.cont--idioma,
.cont--idioma a,
.cont--idioma button {
	color: var(--fff);
}

	.cont--idioma button i,
	.cont--idioma button svg {
		margin-left: 5px;
	}

	.cont--idioma button svg {
		fill: var(--fff);
		height: 15px;
		width: 15px;
	}

	.cont--idioma button {
		font-size: 0 !important;

	}


	.cont--idioma button + nav {
		display                   : none;
		position                  : absolute;
		top                       : var(--h-header);
		right                     : 10px;
		transform                 : translateY(-39px);
		width                     : 100%;
		background-color          : var(--color-web-1);
		border-bottom-right-radius: var(--radius);
		border-bottom-left-radius : var(--radius);
		z-index                   : 99999;
	}
	.cont--idioma button + nav.activo {
		display: block;
	}

		.cont--idioma nav a {
			width          : 100%;
			float          : left;
			padding        : 5px 10px;
			font-size      : .85rem;
			text-decoration: none;
			opacity        : 1;
		}
		.cont--idioma nav a:nth-of-type(1) {
			border-bottom  : 1px solid rgba(var(--fff-rgb) / .5);
		}
		.cont--idioma nav a.activo {
			font-weight: bold !Important;
			opacity    : .65;
		}

	/* banderas */
	.cont--idioma button img {
		width: 22px;
	}
	.cont--idioma a {
		font-size : 0 !important;
		text-align: center;
	}
	.cont--idioma a:after {
		content         : '';
		width           : 22px;
		height          : 22px;
		border-radius   : 50%;
		overflow        : hidden;
		background-repeat: none;
		background-size: contain;
		background-position: center;
		display         : flex;
		margin          : auto;
	}

	.cont--idioma a:nth-of-type(1):after {
		background-image: url("../images/bandera-es-skM8YGw.png");
	}
	.cont--idioma a:nth-of-type(2):after {
		background-image: url("../images/bandera-en-VMkCplp.png");
	}
	.cont--idioma a:nth-of-type(3):after {
		background-image: url("../images/bandera-pt-h_Gu4TW.png");
	}





/* #modal */
.cont--modal{
	position       : fixed;
	top            : 0;
	left           : 0;
	width          : 100%;
	height         : 100vh;
	display        : flex;
	align-items    : center;
	justify-content: center;
	z-index        : -1;
	opacity        : 0;
	visibility     : hidden;
	--transition   : all 2s ease;
	transition     : var(--transition);
}

	/* bg */
	.cont--modal:before {
		content         : '';
		width           : 100%;
		height          : 100%;
		position        : absolute;
		top             : 0;
		left            : 0;
		background-color: rgba(var(--color-web-4-rgb) / .75);
		transition      : var(--transition);
	}

	/* content */
	.cont--modal .container--modal {
		width       : 100%;
		max-width   : 960px;
		height      : auto;
		padding     : 0 30px;
		transform   : translateY(-150px);
		margin      : 0;
		opacity     : 0;

		--transition: all 1s ease;
		transition  : var(--transition);
	}

		.content--modal {
			width           : 100%;
			height          : auto;
			max-height      : inherit;
			background-color: var(--fff);
			--radius        : 25px;
			border-radius   : var(--radius);
			padding         : 45px 60px 30px 60px;	
			float           : left;
		}

		/* btn */
		.cont--modal .btn--cerrar {
			position: absolute;
			top     : 15px;
			right   : 15px;
			width   : 30px;
			height  : 30px;
			color   : var(--color-web-3);
		}

	/* visible */
	.visible--modal.cont--modal {
		opacity   : 1;
		visibility: visible;
		z-index   : 9999999999;
	}

		.visible--modal.cont--modal .container--modal {
			opacity  : 1;
			transform: translateY(0);
		}

	/*
	.cont--main:before,
	.cont--footer:before {
		content    : '';
		width      : 100%;
		height     : 100%;
		position   : absolute;
		top        : 0;
		left       : 0;
		background : var(--000);
		display    : none;
		opacity    : 0;
		transition : all .3s ease;
		will-change: auto;
	}

	body.cont--visible-menu .cont--main:before,
	body.cont--visible-menu .cont--footer:before,
	body.cont--visible-search-pc .cont--main:before,
	body.cont--visible-search-pc .cont--footer:before {
		display: block;
		z-index: 897;
		opacity: .75;
	}
	*/


	/* #registro */
	.cont--modal.registro h3 {
		color        : var(--color-web-1);
		margin-bottom: 15px;
	}

	.cont--modal.registro .d--grid {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap      : 30px;
	}

		/* form */
		.cont--modal.registro form {
			margin-top: 30px;
		}

		.cont--modal.registro form div > .d--grid {
			grid-template-columns: 20px 1fr;
			grid-column-gap      : 20px;
		}
		.cont--modal.registro form div > .d--grid p {
			font-size  : .75rem;
			line-height: 1.15;
			color      : #666;
		}

		.cont--modal.registro form select {
			color      : var(--color-web-3) !important;
			font-family: var(--font);
		}

		/* autocompletar */
		.cont--modal input:focus:invalid, 
		.cont--modal textarea:focus:invalid{
			background-color: var(--fff);
		}



	/* #menú */
	.cont--modal.menu {
		display    : block;
		position   : fixed;
		top        : 0;
		left       : 0;
		width      : 100%;
		height     : 100vh;
		background : var(--fff);
		z-index    : 998;
		border-left: 1px solid var(--000);

		transform  : translateY(-120vh);
		transition : var(--transition);
	}
	
		/* container */
		.cont--modal.menu .container--gr {
			--container     : 1580px;
			height          : 100vh;
			position        : absolute;
			top             : 0;
			left            : 0;
			right           : 0;
			bottom          : 0;
			margin          : auto;
			padding         : 40px 0;
		}	

		.cont--modal.menu .cont--cont.scrollbar {
			overflow        : auto;
			height          : 100vh;
			padding         : 0 40px;
		}	

		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar {
			width: 4px;
		}
		/* Track */
		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar-track {
			background: var(--eee); 
		}
		/* Handle */
		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar-thumb {
			background: var(--000); 
		}
		/* Handle on hover */
		.cont--modal.menu .cont--cont.scrollbar::-webkit-scrollbar-thumb:hover {
			background: var(--666); 
		}


		/* header */
		.cont--modal.menu header {
			margin-bottom  : 40px;
			display        : flex;
			align-items    : center;
			justify-content: space-between;
		}

			/* img */
			.cont--modal.menu header  img {
				max-height: 60px;
			}

			/* button */
			.cont--modal.menu header span {
				font-size: 3rem;
			}

		/* section */


		/* footer */
		.cont--modal.menu footer {
			padding: 60px 0 0 0;
		}

		/* redes */
		.cont--sec-redes {
			text-align: center;
		}
			.cont--sec-redes .cont--redes {
				margin-top: 30px;
			}

		/* address */
		.cont--modal.menu address {
			margin-top: 40px;
			color     : var(--000);
			text-align: center;
		}

			.cont--modal.menu address * {
				color          : var(--000);
				text-decoration: none;
				text-align     : center;
			}



	


/* #cabezal */
.cont--cabezal {
	display            : flex;
	height             : var(--h-cabezal);
	align-items        : center;
	justify-content    : center;
	margin-bottom      : 40px;
	border-bottom      : 1px solid rgba(var(--color-web-1-rgb) / .35);
}

	.cont--cabezal img {
		position  : absolute;
		top       : 0;
		left      : 0;
		width     : 100%;
		height    : 100%;
		object-fit: cover;
		filter    : grayscale(100%);
		z-index   : 1;
	}

	.cont--cabezal:before {
		content         : '';
		width           : 100%;
		height          : 100%;
		position        : absolute;
		top             : 0;
		left            : 0;
		background-color: rgba(var(--color-web-1-rgb) / .9);
		mix-blend-mode  : multiply;
		z-index         : 2;
	}


	.cont--cabezal [class*=container--] {
		position       : absolute;
		top            : 0;
		left           : 0;
		right          : 0;
		height         : 100%;
		display        : inline-flex;
		align-items    : center;
		justify-content: flex-start;
		z-index        : 3;
	}

		/* tit */
		.cont--cabezal * {
			font-weight: 300;
			color      : var(--fff);
		}


		/* img */
		.cont--cabezal figure,
		.cont--cabezal figure img {
			position  : absolute;
			top       : 0;
			left      : 0;
			width     : 100%;
			height    : 100%;
			object-fit: cover;
			z-index   : 10;
		}

	.pg-our-fleet .cont--cabezal {
		/*margin-bottom: 0;*/
	}




/* #tit */
.cont--tit {
	line-height  : 1.35;
	margin-bottom: 60px;
}

	/* colores */
	.cont--tit.color-fff * {
		color: var(--fff) !important;
	}
	.cont--tit.color-000 * {
		color: var(--fff) !important;
	}



/* #pasos */
.cont--pasos {
	background-color: var(--fff);
}

	.cont--pasos [class*=d--] {
		/*grid-template-columns: repeat(5, 1fr);*/
		align-items            : center;
		justify-content        : center;
	}

		.cont--pasos a {
			display              : grid;
			grid-template-columns: 30px 1fr;
			grid-column-gap      : 8px;
			align-items          : center;
			justify-content      : flex-start;
			color                : var(--ccc);
			padding              : 40px 20px;
			font-weight          : 400;
			font-size            : var(--size-6);
			line-height          : 1;
			transition           : var(--transition);
		}
		.cont--pasos .activo {
			color         : var(--color-web-1);
			cursor        : default;
			pointer-events: none;
		}

		.cont--pasos a:before {
			content         : '';
			width           : 100%;
			height          : 30px;
			border-radius   : 50%;
			background-color: var(--ccc);
			color           : var(--fff);

			font-weight     : 300;
			display         : flex;
			align-items     : center;
			justify-content : center;
			margin-right    : 12px;
		}
		.cont--pasos a.activo:before {
			background-color: var(--color-web-1);
		}

		.cont--pasos [class*=d--] > div:nth-of-type(1) a:before {
			content: '1'
		}
		.cont--pasos [class*=d--] > div:nth-of-type(2) a:before {
			content: '2'
		}
		.cont--pasos [class*=d--] > div:nth-of-type(3) a:before {
			content: '3'
		}
		.cont--pasos [class*=d--] > div:nth-of-type(4) a:before {
			content: '4'
		}
		.cont--pasos [class*=d--] > div:nth-of-type(5) a:before {
			content: '5'
		}

			.cont--pasos a {
				text-decoration: none !important;
			}

			.cont--pasos a:hover {
				color: var(--333);
			}

			.cont--pasos a:hover:before {
				background-color: var(--333);
			}



/* #tags */
.cont--etiqueta {
	padding         : 4px 9px;
	color           : var(--fff);
	font-size       : .75rem;
	width           : auto;
	display         : inline-flex;
	border-radius   : 20px;
	background-color: var(--000); /* color por defecto */
}

	/* ico */
	.cont--etiqueta span.cont--ico {
		font-size  : .8rem;
		transform  : translateY(2px);
		margin-left: 3px;
	}


/* #widget's */
.cont--widget {
	width: 100%;
	float: left;
}

	.cont--widget .cont--widget-title {
		margin-bottom: 20px;
		width        : 100%;
		float        : left;
		text-align   : left;
	}


/* #redes */
.cont--redes {
	width: 100%;
	float: left;
}

footer .cont--redes {
	display: flex;
}

	.cont--redes a {
		margin-right   : 15px;
		text-decoration: none !important;
	}

	.cont--redes i {
		font-size: 50px;
		color    : var(--fff);
	}

	.cont--redes svg {
		width: 50px;
		height: 50px;
		fill    : var(--fff);
	}

	.cont--redes a:hover i,
	.cont--redes a:hover svg {
		opacity: .5;
	}


/* #scrollbar */
::-webkit-scrollbar {
	width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
	background: var(--eee); 
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--color-web-1); 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--666); 
}


/* #acordeon */
.cont--acordeon {
	margin-bottom: 100px;
}
	
	/*   button */
	.cont--acordeon .item--aco {
		width          : 100%;
		float          : left;
		border-bottom  : 1px solid var(--color-web-1);
		padding        : 10px 0;
		margin-bottom  : 15px;
		display        : flex;
		align-items    : center;
		justify-content: space-between;
		font-size      : var(--size-6);
		color          : var(--color-web-1);
		cursor         : pointer;
		text-decoration: none;
	}

		.cont--acordeon .item--aco:after {
			content         : '+';
			width           : 20px;
			height          : 20px;
			border-radius   : 50%;
			background-color: var(--color-web-1);
			color           : var(--fff);
			display         : flex;
			align-items     : center;
			justify-content : center;
			font-size       : var(--size-6);
			font-weight     : 400;
			transform       : translateX(-10px);
		}

	.cont--acordeon .item--aco.activo {
		border-bottom   : 1px solid var(--fff);
		font-weight     : 600;
		background-color: var(--color-web-1);
		color           : var(--fff);
		padding-left    : 15px;
		border-radius   : 3px;
	}
		.cont--acordeon .item--aco.activo:after {
			content    : '-';
		}

	/* content */
	.cont--acordeon .content {
		width     : 100%;
		float     : left;
		visibility: hidden;
		opacity   : 0;
		height    : 0;
		transition: opacity .3s ease;
	}

		/* visible */
		.cont--acordeon .item--aco.activo + .content,
		.cont--acordeon .content.activo {
			visibility: visible;
			opacity   : 1;
			height    : auto;
			padding   : 0 15px 15px 15px;
		}




/* #form's */
form section,
.cont--form section {
	margin-bottom: 5px;
}
	
	/* grid */
	.cont--form .d--grid {
		width: 100%;
		float: left;
	}

	.cont--form.adicionales .d--grid.grid--6 {
		grid-column-gap: 30px;
	}

	.cont--form .btn--modificar {
		margin-bottom: 15px;
	}

	.cont--form .cont--input {
		width: 100%;
		float: left;
	}

	.cont--form .cont--input.retiro {
		margin-bottom: 5px;
	}

	span.label {
		width      : 100%;
		float      : left;
		font-size  : 0.938rem;
		line-height: 1.9;
	}

	form input,
	form textarea,
	form select,
	.cont--form input,
	.cont--form textarea,
	.cont--form select {
		border          : 1px solid var(--color-web-1);
		background-color: var(--eee);
		--radius        : 6px;
		border-radius   : var(--radius);
		width           : 100%;
		height          : var(--h-btn);
		padding         : 6px 15px;
		font-family     : var(--font);
		margin-bottom   : 15px;
		font-size       : var(--size); 
		color           : var(--444);
	}

	input[hidden] {
		display: none;
	}


	form textarea,
	.cont--form textarea {
		height       : 130px !important;
		border-radius: var(--radius) !important;
		padding      : 12px !important;
	}

	form input[type="file"] {
		line-height: 1.7;
	}

	form select,
	.cont--form select {
		color: var(--444) !important;
	}

	/* date piker */
	.date--piker {
		width : 100%;
		float : left;
		cursor: pointer;
	}
		/* Google icons */
		.date--piker .material-symbols-outlined {
			width     : 20px;
			height    : 20px;
			position  : absolute;
			top       : 10px;
			right     : 10px;
			color     : var(--color-web-1);
			transition: var(--transition);
		}

		.date--piker > input[disabled="disabled"] + .material-symbols-outlined {
			opacity: .6;
		}

		.date--piker:hover .material-symbols-outlined {
			opacity: .85;
		}

		/* SVG icons */
		.date--piker-svg svg {
			width     : 24px;
			height    : 24px;
			position  : absolute;
			top       : 0px;
			right     : 4px;
			fill     : var(--color-web-1);
			transition: var(--transition);
		}

		.material-icon-svg svg {
			width     : 24px;
			height    : 24px;
			fill     : var(--color-web-1);
		}


	/* check -radio */
	form input.check--custom {
		width   : 1px !important;
		height  : 1px !important;
		position: absolute;
		top     : 5px;
		left    : 5px;
		margin  : 0 !important;
		padding : 0 !important;
	}
	form label.check--custom {
		width       : auto;
		cursor      : pointer;
		display     : flex;
		align-items : center;
		--transition: all .2s ease;
		transition  : var(--transition);
	}

		form label.check--custom > span {
			width      : 100%;
			display    : flex;
			align-items: center;
			--transition: all .2s ease;
			transition  : var(--transition);
		}

			form label.check--custom > span:before {
				content         : '';
				width           : 18px;
				height          : 18px;
				border          : 1px solid var(--color-web-1);
				background-color: var(--fff);
				border-radius   : 3px;
				margin-right    : 5px;
				transition      : var(--transition);
			}


	form input.check--custom:checked + label span:before {
		background-color   : var(--color-web-1);
		background-image   : url("../images/ico--check-E6Sd3wh.png");
		background-size    : auto;
		background-position: center;
		background-repeat  : no-repeat;
	}

	::placeholder {
		color      : var(--color-web-3);
		font-family: var(--font);
		font-size  : var(--size);
	}


	input:focus,
	textarea:focus,
	select:focus {
		background-color: rgba(var(--color-web-1-rgb) / .10 );
		border          : 1px solid rgba(var(--color-web-1-rgb) / .25 ) !important;
		outline         : none;
	}
	input:invalid,
	textarea:invalid,
	select:invalid {
		background-color: transparent;
	}
	input:focus:invalid,
	textarea:focus:invalid,
	select:focus:invalid {
		background-color: rgba(var(--color-web-1-rgb) / .15 );
	}
	input:valid,
	textarea:valid,
	select:valid {
		background-color: rgba(var(--color-web-1-rgb) / .08 );
	}

	form.invalid .required {
		border: 1px solid red;
	}

	/* submit */
	.cont--submit {
		width          : 100%;
		float          : left;
		margin-top     : 10px;
		display        : flex;
		align-items    : center;
		justify-content: center;
	}

		.cont--submit p {
			display    : flex;
			align-items: center;
		}

		.cont--submit input[type="submit"],
		.cont--submit button {
			width         : 100%;
			text-transform: uppercase;
		}


		:disabled,
		select:disabled {
			opacity: .3;
		}

		.cont--submit .btn--custom:hover {
			background-color: var(--fff) !important;
			color           : var(--color-web-1) !important;
		}


	/* #reserva */
	.cont--form.reserva {
		position   : absolute;
		right      : 0;
		bottom     : 0;
		transform  : translateY(100px);
		padding-top: 20px;
	}

		.cont--form.reserva header {
			border-bottom  : 1px solid rgba(var(--color-web-1-rgb) / .15);
			padding-bottom : 5px;
			margin-bottom  : 10px;
			display        : flex;
			align-items    : center;
			justify-content: space-between;
		}

			.cont--form.reserva header h4 {
				font-size: var(--size-5);
			}

			.cont--form.reserva header .ico {
				width : 50px;
				height: 38px;
			}

		.cont--form.reserva .content--form {
			border-bottom : 1px solid rgba(var(--color-web-1-rgb) / .15);
			padding-bottom: 5px;
			margin-bottom : 10px;
		}
		.cont--form.reserva .content--form:nth-of-type(1) {
			padding-bottom: 10px;
		}


		/* con alert */
		.visible--msj .cont--form.reserva {
			transform: translateY(185px);
		}
		.visible--msj .sec--botonera {
			padding-top: 270px;
		}



	/* orden */
	.cont--form.orden span.label {
		position       : absolute;
		width          : auto;
		height         : var(--h-btn);
		display        : flex;
		align-items    : center;
		justify-content: center;
		left           : -100px;
	}
	.cont--form.orden select {
		background-color: var(--fff);
	}


	/* adicionales */
	.cont--form.bg--fff,
	.cont--confirmacion {
		padding         : 30px;
		border-radius   : var(--radius);
	}

	.cont--form.adicionales .cont--input > label {
		padding      : 20px 15px 20px 0;
		border-bottom: 1px solid gray;
	}

		.cont--form.adicionales label.check--custom > span {
			display              : grid;
			grid-template-columns: 20px 40px 1fr;
			grid-column-gap      : 10px;
		}

				.cont--form.adicionales label.check--custom > span aside {
					display: grid;
					grid-template-columns: 1fr 1fr;
					grid-column-gap: 15px;
					max-width: 665px;
				}

				.cont--form.adicionales label.check--custom > span aside > div {
					max-width: 325px;
				}

		.cont--form.adicionales input.check--custom {
			top: 22px;
		}

		.cont--form.adicionales label.check--custom > span:before {
			margin-right: 0;
			width       : 22px;
			height      : 22px;
		}

		.cont--form.adicionales label.check--custom i {
			width              : 40px;
			height             : 40px;
			background-size    : contain;
			background-repeat  : no-repeat;
			background-position: center;
			margin-right       : 0;
		}

		.cont--form.adicionales label.check--custom:hover span {
			color      : var(--color-web-1);
			font-weight: 600;
		}

		.cont--form.adicionales label.check--custom > span p {
			font-size: .73rem;
			line-height: 1.15;
			padding-right: 15px;
		}


		.cont--form.adicionales input.check--custom:checked + label {
			background-color: rgba(var(--color-web-1-rgb) / .15);
		}
		.cont--form.adicionales .col--box.plan input.check--custom:checked + label {
			background-color: rgba(var(--color-web-1-rgb) / 1);
		}

		.cont--form.adicionales input.check--custom:checked + label span {
			color    : var(--color-web-1);
			transform: translateX(15px);
		}
		.cont--form.adicionales input.check--custom:checked + label span:before {
			border: 1px solid var(--fff) !important
		}

		.cont--form.adicionales input.check--custom:disabled + label {
			opacity: .5;
			cursor: auto;
		}
		.cont--form.adicionales input.check--custom:disabled + label span:before {
			visibility: hidden;
		}

		.cont--form.adicionales .cont--submit {
			margin-top: 30px;
		}

		.cont--form.adicionales .cont--fix-usd {
			width: 100%;
			float: left;
		}

		.cont--form.adicionales .cont--fix-usd .fix--usd {
			display: inline-flex;
			width  : auto;
		}

		.check--custom input {
			margin-bottom   : 0;
			max-width       : 80px;
			background-color: var(--fff);
		}



	/* peronal */
	.cont--form.personal .check--custom {
		margin-bottom: 15px;
	}


	/* confirmacion */
	.cont--confirmacion .d--grid {
		grid-column-gap: 50px;
	}

		.cont--confirmacion h5 {
			margin-bottom: 30px;
			font-size    : 1.25rem;
			display      : flex;
			align-items  : center;
		}

			.cont--confirmacion h5 span {
				margin-right: 5px;
			}

		.cont--confirmacion .d--grid .col--box div {
			margin-bottom : 12px;
			padding-bottom: 12px;
			border-bottom : 1px solid rgba(var(--color-web-1-rgb) / .1);
			line-height   : 1.75;
		}
		.cont--confirmacion .d--grid .col--box div:last-child {
			border-bottom: none 
		}

			.cont--confirmacion .d--grid .col--box div > span {
				font-weight  : 500;
				padding-right: 5px;
				font-size    : .85rem;
			}


		.cont--confirmacion > form button[type="submit"] {
			margin-top: 20px;
			width     : 100%;
		}

		
		/* precio total */
		.cont--total {
			border-top     : 1px solid rgba(var(--color-web-1-rgb) / .25);
			text-align     : center;
			padding        : 20px 0;
			display        : flex;
			align-items    : center;
			justify-content: flex-start;
			grid-column-gap: 20px;
		}

			.cont--total .total,
			.cont--total .total * {
				/*color      : var(--color-web-1);*/
				
			}

			.cont--total .total {
				display    : inline-flex;
				align-items: center;
				margin     : 0;
			}

				.cont--total .total span {
					font-size  : 1rem;
					font-weight: 500;
				}
				.cont--total .total h3,
				.cont--total .total h4,
				.cont--total .total h5,
				.cont--total .total h6 {
					/*margin: 0 0 0 10px*/
				}


			#totales .cont--total .total {
				width                : 100%;
				display              : grid;
				grid-template-columns: 1fr 200px
			}

				#totales .cont--total .total span {
					width     : 100%;
					text-align: right;
				}

				#totales .cont--total .total h3,
				#totales .cont--total .total h4,
				#totales .cont--total .total h6 {
					width     : 100%;
					text-align: left;
				}

				#totales .cont--total .total .cont--submit > div {
					width: 100%;
				}
				

				.cont--confirmacion > form #totales button[type="submit"] {
					margin-top: 0;
				}


	/* msj's */
	#msj {
		display: none;
	}

	#msj.visible {
		display: flex;
	}

	.cont--msj {
		width          : 100%;
		float          : left;
		padding        : 12px 16px;
		font-size      : .85rem;
		font-weight    : 500;
		letter-spacing : 0.02em;
		font-family    : var(--font);
		border-width   : 1px;
		border-style   : solid;
		margin         : 10px 0;
		border-radius  : 3px;
		display        : none;
		align-items    : center;
		grid-column-gap: 10px;
		overflow       : hidden;
		line-height    : 1.38;
	}
	.cont--msj.ch {
		padding        : 3px 4px;
		font-size      : .7rem;
		grid-column-gap: 7px;
		margin         : 4px 0;
	}
	.cont--msj.gr {
		font-size  : 1.05rem;
		display    : inline-flex;
		align-items: center;
		padding    : 18px 16px;
	}

	/* tx */
	.cont--msj h6 {
		width        : 100%;
		float        : left;
		text-align   : left;
		margin-bottom: 5px;
		font-size    : 1.25rem
	}
	.cont--msj p {
		font-size  : .85rem;
		line-height: 1.38;
	}
	.cont--msj.ch p {
		font-size  : .7rem;
		line-height: 1.3;
	}
	.cont--msj.gr p {
		font-size  : 1.05rem;
		line-height: 1.45;
	}

	.cont--msj strong,
	.cont--msj b {
		font-weight: 900 !important;
	}

	/* ico */
	.cont--msj i {
		font-size   : 24px;
		display     : flex;
		margin-right: 0;
		width       : 100%;
	}
	.cont--msj.ch i {
		font-size: 14px;
	}

	.cont--msj svg {
		width    : 100%;
		max-width: 24px;
		height   : 24px;
	}

	.app_payment_webhook .cont--msj {
		margin-bottom: 40px;
	}


	/* ok */
	.cont--msj.ok {
		display         : inline-flex;
		border-color    : rgba(var(--ok-rgb));
		background-color: rgba(var(--ok-rgb) / .03);
		color           : rgba(var(--ok-rgb));
	}
		.cont--msj.ok a {
			color: rgba(var(--ok-rgb));
			font-weight: 600 !important;
		}
		.cont--msj.ok * {
			color: rgba(var(--ok-rgb));
			fill: rgba(var(--ok-rgb));
		}

	/* error */
	.cont--msj.error {
		display         : inline-flex;
		border-color    : rgba(var(--error-rgb));
		background-color: rgba(var(--error-rgb) / .03);
		color           : rgba(var(--error-rgb));
	}
		.cont--msj.error a {
			color: rgba(var(--error-rgb));
			font-weight: 600 !important;
		}
		.cont--msj.error * {
			color: rgba(var(--error-rgb));
			fill: rgba(var(--error-rgb));
		}
	
	/* alert */
	.cont--msj.alert {
		display         : inline-flex;
		border-color    : #052c65;
		background-color: #cfe2ff;
		color           : #052c65;
	}

		.cont--msj.alert a {
			/*color    : rgba(var(--alert-rgb));*/
			color      : var(--color-web-1) !important;
			font-weight: 600 !important;
		}

		.cont--msj.alert * {
			color: #052c65;
			fill : #052c65;
		}


	.cont--msj.fix--loading-grid {
		display              : grid;
		grid-template-columns: 24px 1fr;
		grid-column-gap      : 18px;
		align-items          : center;
		justify-content      : flex-start;
	}

		.cont--msj.fix--loading-grid > div {
			display        : flex;
			align-items    : center;
			justify-content: center;
		}
		.cont--msj.fix--loading-grid > div.tx {
			display: block;
		}
	





		/* <i class="fa-solid fa-circle-info"></i> */
		/* <i class="fa-solid fa-clock"></i> */


	.sec--pasos > .container--gr > .cont--msj.ok,
	.sec--pasos > .container--gr > .cont--msj.error,
	.sec--pasos > .container--gr > .cont--msj.alert {
		display: flex;
		margin : 0 0 30px 0;
	}



	.cont--msj a {
		/*
		width           : auto !important;
		display         : flex;
		background-color: var(--fff) !important;
		padding         : 5px !important;
		border-radius   : 3px !important;
		border          : 1px solid var(--fff) !important;
		color           : var(--color-web-1) !important;*/
		text-decoration: underline !Important;
	}
	.cont--msj a:hover {
		text-decoration: none !important;
	}



		

/* #table */
table {
	border: none;
}

	table td,
	table th {
		border : none;
		padding: 5px 8px;
	}

	table th,
	table tr:nth-child(1) td {
		font-weight: 600 !important;
	}

	table tr:nth-child(even) td {
		background-color: var(--eee);
	}



/* #slide (OWL) */
.cont--slide .owl-stage {
	padding-left: 0 !important;
}

	/* item */
	.cont--slide [class*=container--] {
		position       : absolute;
		top            : 0;
		right          : 0;
		left           : 0;
		height         : 100%;
		margin         : auto;
		display        : flex;
		align-items    : end;
		justify-content: flex-start;
	}

	/* nav */
	.cont--slide .cont--nav-slide {
		float        : none;
		text-align   : right;
		margin       : 50px 0 0 0;
		padding-right: 115px;
	}

		.cont--slide nav span {
			font-size: var(--size-1);
			cursor   : pointer;
		}

	/* dots */
	.cont--slide .owl-dots {
		width          : 100%;
		float          : left;
		text-align     : center;
		display        : flex;
		align-items    : center;
		justify-content: center;
	}

		.cont--slide .owl-dots .owl-dot {
			width          : 16px;
			height         : 16px;
			border-radius  : 50%;
			border         : 1px solid var(--fff);
			display        : flex;
			align-items    : center;
			justify-content: center;
			margin         : 0 3px;
		}
		.cont--slide .owl-dots .owl-dot.active {
			border         : 1px solid var(--000);
		}

			.cont--slide .owl-dots .owl-dot span {
				width        : 6px;
				height       : 6px;
				position     : absolute;
				top          : 0;
				right        : 0;
				bottom       : 0;
				left         : 0;
				margin       : auto;
				background   : var(--000);
				border-radius: 50%;
			}




/* #scroll down */
.scroll--down,
.mobile {
	
}

	/* header */
	.scroll--down .cont--header,
	.mobile .cont--header {
		height: var(--h-header-scroll);
	}
	.scroll--down .cont--header [class*=container--] > .d--grid,
	.mobile .cont--header [class*=container--] > .d--grid {
		grid-template-columns: var(--w-col-header-left-scroll) var(--w-col-header-right);
	}
	.scroll--down .cont--menu a,
	.scroll--down .cont--idioma button,
	.mobile .cont--menu a,
	.mobile .cont--idioma button {
		font-size: .85rem;
	}
	.scroll--down .cont--idioma button,
	.mobile .cont--idioma button {
		transform: translateY(-1px);
	}
	.scroll--down .cont--idioma button + nav,
	.mobile .cont--idioma button + nav {
		transform: translateY(-47px);
	}

	/* main */
	.scroll--down .cont--main,
	.mobile .cont--main {
		padding-top: var(--h-header-scroll);
	}



.scroll--up {
	
}



/* #botonera */
.cont--botonera > .d--grid {
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap      : 30px;
	align-items          : center;
	justify-content      : center;
}

.cont--botonera * {
	transition: var(--transition);
}

.cont--botonera a {
	width          : 100%;
	display        : flex;
	align-items    : center;
	justify-content: flex-start;
	margin         : auto;
	text-decoration: none;
}

	.cont--botonera a i {
		width           : 76px;
		height          : 76px;
		border-radius   : 50%;
		background-color: var(--color-web-1);
		overflow        : hidden;
		border          : 2px solid var(--color-web-1);
	}

	.cont--botonera a h3 {
		width       : calc(100% - 76px);
		color       : var(--color-web-1);
		font-size   : var(--size-5);
		padding-left: 20px;
	}

	/* hover */
	.cont--botonera a:hover i {
		background-color: var(--444);
		border          : 2px solid var(--444);
	}
	.cont--botonera a:hover h3 {
		color: var(--444);
	}



/* #address */
.cont--address {

}
	.cont--address .content {
		display      : flex;
		align-items  : center;
		margin-bottom: 15px;
		column-gap   : 10px;
	}

		.cont--address a {
			text-decoration: none;
		}

		.cont--address .ico {
			margin-right   : 10px;
			display        : inline-flex;
		}



/* #flota */
.cont--flota {
	margin: 0 0 60px 0;
}

	/* grid */
	.cont--flota > .d--grid {
		gap: 40px;
	}

	/* box */
	.cont--flota .col--box {
		width           : 100%;
		float           : left;
		background-color: var(--fff);
		border-radius   : var(--radius);
		padding         : 25px 20px;
		overflow        : hidden;
		background-color: var(--fff);
	}

	.cont--flota .col--box:after {
		content         : '';
		width           : 100%;
		height          : 100%;
		position        : absolute;
		top             : 0;
		left            : 0;
		z-index         : 0;
		background-color: var(--fff);
	}

	.cont--flota .col--box header,
	.cont--flota .col--box section,
	.cont--flota .col--box figure,
	.cont--flota .col--box footer {
		z-index: 1;
	}

	.cont--flota .col--box.selected {
		border          : 0.125em solid var(--color-web-1);
		box-shadow      : 0 0 15px 3px rgba(0, 0, 0, .10);
	}
	.cont--flota .col--box.selected:after {
		background-color: rgba(var(--color-web-1-rgb) / .05);
	}

	.cont--flota .col--box.selected .btn--custom {
		background-color: var(--fff) !important;
		color           : var(--color-web-1) !Important;
	}
	.cont--flota .col--box.selected .btn--custom > div {
		display: none;
	}
	.cont--flota .col--box .btn--custom > div {
		display: block;
	}
	.cont--flota .col--box .btn--custom > div.selected {
		display: none;
	}
	.cont--flota .col--box.selected .btn--custom > div.selected {
		display: block;
	}

		/* header */
		.cont--flota .col--box .tit--tipo {
			font-size     : var(--size-6);
			margin-bottom : 5px;
			text-transform: uppercase;
		}
		.cont--flota .col--box .tit--modelo {
			font-size: .8rem;
			color    : var(--444);
		}


		/* img */
		.cont--flota .col--box figure {
			margin        : 20px 0;
			text-align    : center;
			height        : 0;
			padding-top   : 50%;
			mix-blend-mode: multiply;
		}

			.cont--flota .col--box figure img {
				width         : 100%;
				height        : 100%;
				object-fit    : contain;
				position      : absolute;
				top           : 0;
				left          : 0;
				mix-blend-mode: multiply;  
			}


		/* section */
		.cont--flota .col--box section {
			display        : flex;
			align-items    : center;
			justify-content: center;
			column-gap     : 40px;
		}
		.cont--flota .col--box.selected .btn-selected {
			/*filter: grayscale(100%);*/
			opacity : .7;
		}

			.cont--flota .col--box section > div {
				text-align     : center;
				display        : flex;
				flex-direction : column;
				justify-content: center;
				margin-bottom  : 15px;
				line-height    : 1.75;
			}

			.cont--flota .col--box .cont--precio {
				display: flex;
				align-items: center;
				grid-column-gap: 15px;
				flex-direction: row;
			}
			.cont--flota .col--box .precio {
				font-size  : var(--size-5);
				line-height: 1.25;
				color      : var(--color-web-1);
				text-align : center;
				font-weight: 600;
				margin     : 0 0 8px 0;
			}
			.cont--flota .col--box .cont--precio .precio {
				margin-bottom: 0 !important;
				line-height  : .8;
			}
			.cont--flota .col--box .cont--precio .precio small {
				font-size  : .9rem;
				font-weight: 400;
			}

			.cont--flota .col--box .btn--custom {
				text-transform: uppercase;
				padding       : 0 25px;
			}
			.cont--flota .col--box .btn--custom.btn-vehicle-click:hover {
				opacity: .65;
			}

			/*.cont--flota .col--box .btn--custom.btn-vehicle-click .selected {
				display: flex;
				align-items: center;
			}
			.cont--flota .col--box .btn--custom.btn-vehicle-click .selected:after {
				content: '';
				width: 15px;
				height: 15px;
				background-color: red;
				display: flex;
			}*/





			/* .cont--flota .col--box.selected .btn--custom {
				pointer-events: none !important;
				cursor        : default;
			} */

		/* footer */
		.cont--flota .col--box footer {
			display              : grid;
			grid-template-columns: 1fr 80px;
			margin-top           : 5px;

			mix-blend-mode       : multiply;
		}

			.cont--flota .col--box .cont--iconos {
				display        : flex;
				align-items    : center;
				justify-content: center;
				column-gap     : 8px;

				flex-wrap: wrap;
			}


				.cont--flota.col--box .cont--iconos img {
					width         : auto;
					max-width     : 30px;
					mix-blend-mode: multiply;
				}

				.cont--flota .col--box .cont--iconos img + span {
					transform    : translateX(-5px);
					font-size    : .75rem;
					border-right : 1px solid #ccc;
					padding-right: 5px;
				}

				/* antes */
				.cont--flota .col--box .cont--iconos i {
					display        : inline-block;
					width          : calc(var(--h-ico) * .6122 );
					height         : var(--h--ico-custom);
					background-size: contain;
				}

				.cont--flota .col--box .cont--iconos .ico--3 {
					transform: translateX(5px);
				}
				.cont--flota .col--box .cont--iconos i span {
					position       : absolute;
					right          : 0;
					bottom         : 0;
					font-size      : .7rem;
					font-weight    : 600;
					font-style     : normal;
					width          : 10px;
					height         : 14px;
					display        : flex;
					align-items    : center;
					justify-content: center;
					transform      : translateY(3px);
				}

				.cont--flota .col--box .cont--iconos .ico--2 span {
					right: -4.5px;
				}
				.cont--flota .col--box .cont--iconos .ico--5 span {
					right: -4.5px;
				}
				


		.cont--submit.flota {
			margin-bottom: 40px;
		}

		.cont--submit.flota .btn--custom {
			color: var(--fff) !important;
		}
		.cont--submit.flota .btn--custom:hover {
			color: var(--color-web-1) !important;
		}




		/* see more */
		.see-more-list {
			position        : absolute;
			top             : 0;
			left            : 0;
			width           : 100%;
			height          : 100%;
			background-color: rgba(var(--color-web-1-rgb) / .85);
			padding         : 30px;

			opacity         : 1;
			visibility      : visible;
			z-index         : 600;
			transition      : var(--transition);
		}

		.see-more-list.hide {
			opacity   : 0;
			visibility: hidden;
			z-index   : -1;
		}

			.see-more-list * {
				color: var(--fff);
				fill: var(--fff);
			}

			/* tit */
			.see-more-list h6 {
				text-align: left;
				margin-top: 30px;
			}

			/* list */
			.see-more-list ul {
				width       : 100%;
				margin-top  : 20px;
				padding-left: 0;
			}

				.see-more-list ul li {
					list-style   : none;
					display      : flex;
					align-items  : center;
					margin-bottom: 12px;
				}

				.see-more-list ul li:before {
					content            : '';
					display            : flex;
					width              : 12px;
					height             : 12px;
					margin-right       : 12px;
					background-size    : auto;
					background-repeat  : no-repeat;
					background-position: center;
					background-image   : url("../images/ico--check-E6Sd3wh.png");
				}


			/* btn */
			.see-more-list button {
				position: absolute;
				display: flex;
				top     : 30px;
				right   : 30px;
				width   : 30px;
				height  : 30px;
				cursor  : pointer;
			}



		/* box plan */
		.col--box.plan {
			padding      : 20px;
			border       : 1px solid var(--color-web-1);
			border-radius: 15px;
			margin-bottom: 15px;
		}
		.col--box.plan.selected {
			box-shadow   : 0 0 10px 0 rgba(0, 0, 0, .4);
			background-color: rgba(var(--color-web-1-rgb) / .15);
		}

			.col--box.plan h4,
			.col--box.plan p,
			.col--box.plan article {
				width: 100%;
				float: left;
			}
			.col--box.plan h4 {
				margin: 15px 0 5px 0;
			}
			.col--box.plan p {
				margin: 0;
			}
			.col--box.plan a {
				color  : var(--color-web-1);
				display: inline-block;
				float  : none;
				margin : 10px auto;
				cursor: pointer;
			}
			.col--box.plan article {
				margin: 10px 0;
			}
			.col--box.plan .see-more-list article {
				margin-top: 30px;
			}
			.col--box.plan ul {
				width       : 100%;
				float       : left;
				padding-left: 18px;
				margin      : 0;
			}

			.col--box.plan .cont--input input {
				display: none;
			}


			/* btn */
			.col--box.plan .cont--input .btn--custom {
				background-color: var(--fff) !important;
				color           : var(--color-web-1) !Important;
			}
			.col--box.plan.selected .cont--input .btn--custom {
				background-color: var(--color-web-1) !important;
				color           : var(--fff) !Important;
			}


			/* hover */
			.col--box.plan .cont--input .btn--custom:hover {
				background-color: var(--color-web-1) !important;
				color           : var(--fff) !Important;
			}
			.col--box.plan.selected .cont--input .btn--custom:hover {
				background-color: var(--fff) !important;
				color           : var(--color-web-1) !Important;
			}


			.col--box.plan.selected .cont--input .btn--custom > div {
				display: none;
			}
			.col--box.plan .cont--input .btn--custom > div {
				display: block;
			}
			.col--box.plan .cont--input .btn--custom > div.selected {
				display: none;
			}
			.col--box.plan.selected .cont--input .btn--custom > div.selected {
				display: block;
			}
			.col--box.plan .cont--input + section {
				text-align: center;
				margin-top: 0;
			}

			.col--box.plan .tit--modelo {
				font-size: 1rem !Important;
			}
		
		.col--box.plan > div.plan-body {
			width        : 100%;
			height       : 100%;
			display      : flex;
			flex-wrap    : wrap;
			align-content: space-between;
		}





/* #copy */
.cont--copy {
	text-align: right;
}

	.cont--copy .mobile {
		display: none;
	}


/* #mapa */
.cont--mapa {
	width      : 100%; 
	height     : 0;
	padding-top: 25%;
}

	.cont--mapa iframe {
		position: absolute;
		top     : 0;
		left    : 0;
		width   : 100%;
		height  : 100%;
	}




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

#LAYOUT'S 

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


/* #PAGE */
.cont--page {
	width         : 100%;
	float         : left;
	min-height    : 100%;
	overflow      : hidden;

	padding-bottom: var(--h-footer);
}



/* #HEADER */
.cont--header {
	position        : fixed;
	top             : 0;
	left            : 0;
	height          : var(--h-header);
	padding         : 5px 0;
	background-color: var(--color-web-1);
	display         : flex;
	align-items     : center;
	z-index         : 900;
}

	.cont--header.efecto--shadow {
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .25);
	}

	/* container */
	.cont--header [class*=container--] {
		margin: 0 auto;
		height: 100%;
	}

		/* grid */
		.cont--header [class*=container--] > .d--grid {
			grid-template-columns: var(--w-col-header-left) var(--w-col-header-right);
			grid-column-gap      : 30px;
			align-items          : center;
			height               : 100%;
		}

			/* col */
			.cont--header [class*=container--] > .d--grid > div {
				height     : 100%;
				display    : flex;
				align-items: center;
			}

			body[data-version="desktop"] .cont--header [class*=container--] > .d--grid .header--right {
				display              : grid;
				grid-template-columns: 1fr 55px;
			}
			body[data-version="mobile"] .cont--header [class*=container--] > .d--grid .header--right {
				display              : grid;
				grid-template-columns: 1fr 55px 30px;
			}


	



/* #MAIN */
.cont--main {
	min-height : var(--h-footer);
	padding-top: var(--h-header);
	z-index    : 800;
}

	
	/* CONTENT'S */
	[class*=content--],
	.content {
		width: 100%;
		float: left;
	}


	/* SIDEBAR */
	.cont--sidebar {
		width           : var(--w-sidebar);
		background-color: var(--fff);
		padding         : 0;
		z-index         : 450;
		border-radius   : var(--radius);
		padding-bottom  : 15px;
	}

		/* tit */
		.cont--sidebar h5 {
			font-weight  : 400;
			font-size    : 1.25rem;
			padding      : 15px 25px 10px 25px;
			width        : 100%;
			float        : left;
			border-bottom: 1px solid rgba(var(--000-rgb) / .05);
		}

		.cont--sidebar .content--sidebar {
			width        : 100%;
			float        : left;
			padding      : 10px 25px;
			border-bottom: 1px solid #f5f5f5;
		}

			.cont--sidebar .content--sidebar > span {
				color      : var(--color-web-1);
				font-weight: 600;
			}

		.cont--sidebar footer {
			padding   : 10px 25px;
			margin-top: 15px;
		}


		.cont--sidebar .content--sidebar.total--gr {
			border-top   : 1px solid var(--eee);
			border-bottom: 1px solid var(--eee);
		}






	/* #PÁGINAS ----------------------------------------------------- */
	


	/* INICIO */


	/* slide */
	.sec--slide {
		margin-bottom: 60px;
		z-index: 1;
	}

		/* img */
		.sec--slide .cont--slide .ratio {
			padding-top  : var(--ratio-slide);
			height       : 0;
			margin-bottom: 0;

			z-index      : 1;
		}
		.sec--slide .cont--slide figure:before {
			content   : '';
			width     : 100%;
			height    : 75%;
			position  : absolute;
			right     : 0;
			bottom    : 0;
			z-index   : 2;
			background: rgb(0,0,0);
			background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(255,255,255,0) 100%);
			background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(255,255,255,0) 100%);
			background: linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(255,255,255,0) 100%);
			filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
			opacity   : .95;
		}

		.sec--slide .cont--slide figure img {
			object-fit: cover;
		}

		.sec--slide .cont--slide figure img.desktop {
			display: block;
		}
		.sec--slide .cont--slide figure img.mobile {
			display: none;
		}

		/* tx */
		.sec--slide .cont--slide article {
			width         : 100%;
			max-width     : calc(100% -  var(--w-form));
			padding-bottom: 60px;
			padding-right : 30px;
			z-index       : 3;
		}

			.sec--slide .cont--slide article h2 {
				font-size    : var(--size-4);
				color        : var(--fff);
				font-weight  : 400;
				margin-bottom: 10px;
				line-height  : 1.5;
			}
			.sec--slide .cont--slide article h3 {
				font-size  : var(--size-6);
				color      : rgba(var(--fff-rgb) / .6);
				font-weight: 400;
				line-height: 1.5;
			}




	/* form */
	.sec--form {
		height        : 0 !important;
		padding-bottom: 0;
		z-index       : 2;
	}

		.sec--form [class*=container--] > .d--grid {
			grid-template-columns: 1fr var(--w-form);
		}

			


	/* botonera */
	.sec--botonera {
		padding: 170px 0 60px 0;
	}

	



	/* flota */
	.sec--flota {
		padding: 30px 0 0 0;
	}

		/* tit */
		.sec--flota .cont--tit h2 {
			font-size : var(--size-4);
			text-align: center;
		}



	/* PASOS */
	.sec--pasos {
		background-color: var(--eee);
		padding         : 60px 0;
	}

		/* tit */
		.sec--pasos .cont--tit {
			grid-template-columns: 1fr var(--w-sidebar);
			margin-bottom        : 40px;
		}

			.sec--pasos .cont--tit h4 {
				font-size: var(--size-3);
			}

		/* content */
		.sec--pasos header + .content > .d--grid {
			grid-template-columns: 1fr var(--w-sidebar);
			grid-column-gap      : 40px;
		}

			/* form */
			.sec--pasos .content .cont--form.reserva {
				position   : relative;
				box-shadow : none !important;
				transform  : translateY(0);
			}

				.sec--pasos .content .cont--form.reserva > header {
					display: none;
				}


	/* FAQ */
	.pg-conditions .cont--acordeon h6,
	.pg-electric-vehicles .cont--acordeon h6 {
		margin-bottom: 15px;
	}

	.pg-conditions .cont--acordeon ul,
	.pg-electric-vehicles .cont--acordeon ul {
		margin      : 5px 0;
		padding-left: 18px;
	}


	/* CONDICIONES */
	.sec--condiciones {
		margin-bottom: 60px;
	}



	/* CONTACTO */
	.sec--contacto .cont--form {
		margin-bottom: 60px;
	}






/* #FOOTER */
.cont--footer {
	position        : absolute;
	bottom          : 0;
	left            : 0;
	padding         : 0;
	z-index         : 600;
	background-color: var(--color-web-1);
}

	.cont--footer * {
		color: var(--fff);
	}


	/* top */
	.footer--top {
		padding: 60px 0;
	}

	.footer--top:before {
		content              : '';
		position             : absolute;
		top                  : 0;
		right                : 0;
		width                : 100%;
		height               : 100%;
		background-size      : cover;
		background-repeat    : no-repeat;
		background-position  : center;
		background-attachment: inherit;
		background-image     : url("../images/bg--footer-qSN2558.webp");
		z-index              : 1;
	}
	.footer--top:after {
		content         : '';
		position        : absolute;
		top             : 0;
		right           : 0;
		width           : 100%;
		height          : 100%;
		background-color: var(--color-web-1);
		mix-blend-mode  : multiply;
		z-index         : 2;
	}

	.footer--top [class*=container--] {
		z-index: 3;
	}

		.footer--top [class*=container--] > .d--grid {
			grid-template-columns: 1fr 1fr 230px;
		}

		/* address */
		.footer--top .cont--address a:hover {
			color          : var(--fff);
			text-decoration: underline;
		}


	/* bottom */
	.footer--bottom {
		padding: 15px 0;
	}

		.footer--bottom [class*=container--] > .d--grid {
			grid-template-columns: 130px 1fr;
			align-items          : center;
			justify-content      : space-between;
		}





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

#ACCESIBILIDAD

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



[tabindex="-1"]:focus {
	outline: 0;
}

 
.hide {
	display: none;
}
.show {
	display: inherit;
}


/* #tooltip */
.tooltip {
	opacity: .97 !important;
}

.tooltip .tooltip-inner {
	/*max-width     : fit-content;*/
	max-width       : 300px;
	background-color: var(--color-web-1);
	color           : var(--fff);
	text-align      : left;
	font-size       : .8rem;
	padding         : 5px;
	border-radius   : 5px;
}

.invoice-with-rut {
	display: none;
}

.invoice-with-rut.active {
	display: block;
}

.help-tooltip {
	display: block;
	width  : 30px;
}



.fix--tooltip .label {
	position: relative;
}
	
	/* en form */
	.fix--tooltip .help-tooltip {
		position        : absolute;
		width           : 22px !important;
		height          : 22px;

		top             : 0;
		right           : 0;

		border-radius   : 50%;
		background-color: #172B6C;

		display         : flex;
		align-items     : center;
		justify-content : center;

		cursor          : pointer;
	}

	.fix--tooltip .help-tooltip svg {
		position: absolute;
		width   : 20px;
		height  : 20px;
		margin  : auto;
		fill    : #fff;
	}


	/* Hover */
	.fix--tooltip .help-tooltip:hover {
		opacity: .6;
	}


	/* en sidebar */
	.content--sidebar.fix--tooltip .help-tooltip {
		right: 25px;
		top  : 8px;
	}


.release-version {
    position: fixed;
    top: 0;	
    width: 100%;
    padding: 2px 10px;
    background-color: red;
    z-index: 9999;
    text-align: center;
    color: white;
	font-size: smaller;
}

#turnstile-container, .turnstile-container {
	display: flex;
    justify-content: end;
    margin: 12px 0;
	float: right;
}