:root {
	/* Colores */
	--eurovips-color-a: #009996;
	--eurovips-color-b: #ececec;
	--eurovips-color-c: #000000;
	--eurovips-color-d: #ffffff;
	--eurovips-color-e: #cecece;

	--eurovips-font-family: 'Oswald', sans-serif;
	--eurovips-font-family-2: 'Roboto', sans-serif;
	--eurovips-font-family-3: 'Quicksand', sans-serif;
	--eurovips-border-radius-1: 0.7rem;
	--eurovips-font-size-a: 2rem;
	--eurovips-font-size-b: 1.8rem;
	--eurovips-font-size-c: 1.1rem;
	--eurovips-font-size-d: 1rem;
	--eurovips-font-size-e: 0.9rem;
	--eurovips-font-size-f: 0.95rem;

}


/* Hack para mostrar el icono de flecha en el select */
selected {
	-webkit-appearance: menulist-button;
	/* Safari */
	appearance: menulist-button;
	/* Otros navegadores */
}


/** SIDE MENU NAV */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	background-color: var(--eurovips-color-d);
	overflow-x: hidden;
	transition: 0.5s;

}

.sidenav a {
	padding: 15px 8px 15px 32px;
	text-decoration: none;
	font-size: 25px;
	color: var(--eurovips-color-a);
	display: block;
	width: 100%;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #f1f1f1;
	background: var(--eurovips-color-a);
}

.sidenav .closebtn {
	font-size: 0.9rem;
	font-family: 'Quicksand';
	color: white;
}

.row-menu {
	background: var(--eurovips-color-a);
	height: 104px;
}

.fa-circle-xmark {
	font-size: 1.2rem;
}

.cerrar-menu {
	font-size: 0.9rem;
	font-variant: normal;

}

.checkout-margen {
	margin-top: 7em !important;
}


.efecto-modal {

	position: fixed;
	top: 0;
	left: 0;
	z-index: 999 !important;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(5px);
	transition: all 1s;
}

/****************/
/*END SIDE MENU */

body {
	font-family: var(--eurovips-font-family);
	background-color: var(--eurovips-color-b);
}

.navbar {
	background-color: var(--eurovips-color-a);
}

.navbar-brand img {
	max-height: 30px;
}

.navbar-toggler {
	color: var(--eurovips-color-d);
	border: none;
}

.navbar-toggler-icon {
	background-color: var(--eurovips-color-d);
}

.navbar-nav .nav-link {
	color: var(--eurovips-color-d);
}

.navbar-nav.me-auto .nav-link {
	display: inline-block;
	padding: 0.375rem 0.75rem;
	border: 2px solid var(--eurovips-color-d);
	border-radius: 25px;
	color: var(--eurovips-color-d);
	text-decoration: none;
}

.navbar-nav.me-auto .nav-link:hover {
	background-color: transparent;
}

.navbar-nav.me-auto .nav-link {
	color: var(--eurovips-color-d);
}

.navbar-nav.me-auto .nav-link:hover {
	color: rgba(255, 255, 255, 0.7);
}

.navbar-nav li:first-child {
	margin-right: 15px;
}

.nav-item a {
	font-size: clamp(0.85rem, 0.9vw, 2rem);
}

.nav-item a i {
	font-size: clamp(0.9rem, 1.4vw, 2rem);
}

.custom-icon {
	margin-left: 10px;
}


select {
	font-family: 12px !important;
}

#inputState {
	font-family: 12px !important;
}

/*MATERIAL ICONS*/

.material-symbols-outlined {
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 48
}


/* PAGINACIÓN */

.page-link {
	color: var(--eurovips-color-a);
	font-family: 'Quicksand';
}

.page-link:hover {
	color: white;
	background: var(--eurovips-color-a);
	font-family: 'Quicksand';
}


/* CHECKOUT PROGRESS BAR*/
.wrapper {
	max-width: 1350px;
	margin: auto;
}


.margen-mobile-left {
	margin-left: 0px;
}

.wrapper .row {
	padding: 0;
	--bs-gutter-x: var(--bs-gutter-x)
}

.progresses {
	position: relative;
	max-width: 70%;
	margin: auto;
	margin-right: 30%;

}

.progress-bar {
	background-color: var(--eurovips-color-a);
}

.progresses ul {
	list-style: none;
	padding: 0;
}

.progresses ul li {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #f0f0f0;
	z-index: 200;
	position: relative;
	border: 1px solid #cecece;
	background: white;
	background-color: white;
	text-align: center;
	font-family: 'Quicksand';
	font-size: 1.3rem;
	font-weight: 700;
}

.progresses ul li.green {
	color: var(--eurovips-color-d);
	background-color: var(--eurovips-color-a);

}

.progresses ul li::before {
	position: absolute;
	top: 5px;
	left: -24px;
	width: 90px;
}


.progresses .progress {
	height: 0.5px;
	width: 100%;
	top: 45px;
	position: absolute;
	background-color: var(--eurovips-color-e);
	border-radius: 10px;

}

#step-1::before {
	content: '1';
}

#step-2::before {
	content: '2';
}

#step-3::before {
	content: '3';
}


/* CHECKOUT */
.row-right {
	background: var(--eurovips-color-a);
	color: white;
	font-family: 'Quicksand';
	border-radius: 15px 15px 0 0;
	border: 1px solid #dadada;
	border-width: 2px 2px 0px 2px;
	padding: 20px 20px;
	margin-top: 7em !important;
}

.row-right-2 {
	font-family: 'Quicksand';
	border-radius: 15px 15px 0 0;
	border: 1px solid #dadada;
	border-width: 2px 2px 0px 2px;
	padding: 20px 20px;

}

.row-right-3 {
	font-family: 'Quicksand';
	border-radius: 0;
	border: 1px solid #dadada;
	border-width: 0px 0px 0px 0px;
	padding: 20px 20px;

}


.margen-checkout {
	margin-left: 0 !important;
}


/* EN PROGRESS BAR */

/* Hero Home */
.color-custom-1 {
	color: var(--eurovips-color-a) !important;
}

/* Galeria Home */
.gallery-img {
	background-repeat: no-repeat;
	background-size: cover;
	/* display: flex;
  align-items: center;
  justify-content: center; */
}

.gallery {
	margin: 20px 0 20px 0;
	background: white;
}


#gallery-section {

	background: white;
}

.gallery-img-right {
	border: 1px solid transparent;
	border-radius: 25px;
	background-size: cover;
	height: 240px;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	margin-left: .5rem;

}

.gallery-img-left {
	border: 1px solid transparent;
	border-radius: 25px;
	background-size: cover;

	background-position: center;
	background-repeat: no-repeat;

}

#img-top {
	margin-bottom: 1rem;
}

.card-img-marca {
	width: 50px;
	height: 30px;

}



.card {
	border-width: 0 0 5px 0!important;
}

.margen-checkout {
	margin-left: -10px !important;
}


.card:hover {
	background: var(--eurovips-color-a);
	border-width: 0px 0 5px 0px ;
	transition: all ease-in-out .1s;
	border-radius: 25px;
	color: #ececec;
}

.card:hover .material-icons {
	color: white;
}

.card:hover .card-body span {
	cursor: pointer;
	color: white;
}

.card:hover .card-body-- {
	background: white;
	border-radius: 0 0 20px 20px;
	color: black;
}

.card-body span {
	color: var(--eurovips-color-a);
}

.card-body-- {
	padding: 30px;
}

.card {
	border-width: 0;

}

.card-payments-active {
	background-color: var(--eurovips-color-a);

}

.card-payments-active span {
	color: white;
}

.col-banners img:first-child {
	margin-bottom: 20px;
}

.hr {
	opacity: 1 !important;
}


.table-condensed tbody, td, tfoot, th, thead, tr{
	padding: 5px!important;
}

/* GRILLA IMAGENES */
#imgOne {
	height: 400px;
	background-image: url('../img/hotel-single-left.jpg');
	background-size: cover;
	background-position: center;


}


#imgOne-ritz{
	height: 400px;
	background-image: url('../img/ritz.jpg');
	background-size: cover;
	background-position: center; 
  
  
  }

#imgTwo {
	height: 200px;
	background-image: url('../img/hotel-single-1.jpg');
	background-size: cover;
	background-position: center;

}

#imgThree {
	height: 200px;
	background-image: url('../img/hotel-single-2.jpg');
	background-size: cover;
	background-position: center;

}

#imgFour {
	height: 200px;
	background-image: url('../img/hotel-single-3.jpg');
	background-size: cover;
	background-position: center;

}

#imgFive {
	height: 200px;
	background-image: url('../img/hotel-single-4.jpg');
	background-size: cover;
	background-position: center;

}

.imgBox {
	cursor: pointer;
	position: relative;
}

.capa {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transform: scale(0);
	transition: all ease-in-out .3s;
}

.imgBox:hover .capa {
	transform: scale(1);


}

/* MODAL */
.modal-header {
	border-bottom: 1px solid lightgray;

}

.tabla-coberturas td {
	padding: 20px;
	border: none;
}

.btn-close {
	border: 1px solid lightgrey;
	border-radius: 50%;
	font-size: 10px;
	color: lightgray;
	position: absolute;
	top: 20px;
	right: 20px;

}

/* Custom Bootstrap */
.fs-custom-1 {
	font-size: 0.875rem;
	/* Tamaño de fuente personalizado, una fracción más pequeña que fs-6 */
	font-family: 'QuickSand';
	font-weight: 700;
	color: #000000;
}

.fs-custom-2 {
	font-size: 0.70rem !important;
	/* Tamaño de fuente personalizado, una fracción más pequeña que fs-6 */
	font-weight: 500;
	font-family: 'QuickSand';

}

.fs-custom-3 {
	font-size: clamp(0.65rem, 0.65vw, 0.75rem);
}

.fs-custom-4 {
	font-size: 1.5rem !important;
	font-weight: 500;
	font-family: 'QuickSand';
}

/*CUSTOM FONT CARDS TITLE*/

.fs-custom-5 {
	font-size: 0.9rem !important;
	font-weight: 500;
	font-family: 'QuickSand';
}

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

.fs-custom-6 {
	font-size: 2.5rem !important;
	font-weight: 700;
	font-family: 'QuickSand';
}

.fs-custom-7 {
	font-size: 1.5rem !important;
	font-weight: 300;
	font-family: 'QuickSand';
}

.fs-custom-8 {
	font-size: 1.2rem !important;
	font-weight: 500;
	font-family: 'QuickSand';
}

.fs-custom-9 {
	font-size: 1.2rem !important;
	font-weight: 500;
	font-family: 'QuickSand';
}


.fs-custom-10 {
	font-size: clamp(0.45rem, 0.45vw, 0.45rem);
}


.p-custom-1 {
	margin-bottom: 0em !important;
	/* Ajusta este valor según tus necesidades */
}

.p-custom-2 {
	margin-bottom: 0em;
	/* Ajusta este valor según tus necesidades */
}

.p-family-custom {
	font-family: var(--eurovips-font-family-2);
}

.habitacion {
	font-family: var(--eurovips-font-family-3);
	font-size: 0.5rem;
	font-weight: 500;

}

.precio::before {
	content: '€';
	font-family: var(--eurovips-font-family-3);
	color: var(--eurovips-color-a);
	font-weight: 700;
	font-size: 0.9rem;
	padding-right: 5px;
}


.precio {
	font-family: var(--eurovips-font-family-3);
	color: var(--eurovips-color-a);
	font-weight: 700;
	/*font-size: 1.5rem;*/
	/*Comentado AD*/
	font-size: calc(16px + 0.5vw);
	/* Tamaño base + 0.5% del ancho de la ventana */
	line-height: 1.5;
}


.precio-dolares::before {
	content: 'usd';
	font-family: var(--eurovips-font-family-3);
	color: var(--eurovips-color-a);
	font-weight: 700;
	font-size: 0.9rem;
	padding-right: 5px;
}


.precio-dolares {
	font-family: var(--eurovips-font-family-3);
	color: var(--eurovips-color-a);
	font-weight: 700;
	font-size: 1.5rem;
}


.rounded-custom-1 {
	border-radius: var(--eurovips-border-radius-1) !important;
}

.hr-custom-1 {
	color: var(--eurovips-color-d) !important;
	border-width: 3px;
}

.hr-custom-2 {
	color: var(--eurovips-color-d) !important;
	border-width: 3px;
}


.col-ancho-custom-1 {
	width: 120px;
}

.hero2 {
	background: white;
}


.hoteles {
	display: flex;
	padding: 0;
}


.form-select {
	border: 2px solid rgb(202, 202, 202)aliceblue !important;
	border-radius: 20px;
	font-family: 'Quicksand';
	font-size: 0.9rem;
	padding: 15px;
	color: #b1a7a7;
}

.form-select:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #b1a7a7;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgb(0, 153, 150);
}


.item-img {
	height: 220px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 25px 25px 0 0;
}

.item-bottom {
	background: #fff;
	padding: 15px 30px;
	margin-bottom: 20px;
	border-radius: 0 0 25px 25px;
}

.item-bottom .rating {
	width: auto !important;
	display: block;
}

.title {
	font-family: var(--eurovips-font-family-3);
	font-size: 0.9rem;
	font-weight: bold;
}

.addres {
	font-family: var(--eurovips-font-family-3);
	font-size: 0.75rem;
}

.rating {
	width: auto;
	display: inline-flex;
	;
}

.fa-star {
	font-size: 12px;
	padding: 0;
	color: #d7ae00;
}

.hoteles-destacados .meta-habitacion {
	display: inline-block;
	line-height: 8px;
	color: black;
}

.item-bottom .rating {
	width: 100%;
}

.row-custom-width {
	width: 49.5%;
}

/* FORMULARIOS */

/* VUELOS */
.row-flies {
	background: white !important;
	border-radius: 20px;
	padding: 20px;

}

.row-flies .form-check {
	margin-left: 10px;
}

.card-active .card-body span {
	color: var(--eurovips-color-d);
	border-radius: 20px;
}

.card-active {
	background: var(--eurovips-color-a);
	;
}


.form-check-input:checked {
	background-color: #009996 !important;
	border-color: #009996 !important;
}

.form-check-inline2 {
	display: inline-block;
	text-align: -moz-center;
	align-items: center;
	margin: 0%;
	left: 70% !important;
	position: absolute;
}


.form-check-input[type="radio"] {
	border-radius: 50%;
	border: 4px solid #b2b2b2;
}

.form-check .form-check-input {
	float: left;
	margin-left: -1.5em;
	margin-right: 10px;
}

.form-check-input {
	--bs-form-check-bg: var(--bs-body-bg);
	width: 1.3em;
	height: 1.3em;
	margin-top: 2px;
	margin-left: 20px;

}

.form-check-input:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgb(0, 153, 150);
	background: #009996;
	border-color: white !important;
}

.form-check-input:checked {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgb(0, 153, 150);
	background: #009996;
	border-color: white !important;
}

.form-control {
	border: 2px solid rgb(202, 202, 202)aliceblue !important;
	border-radius: 20px;
	font-family: 'Quicksand';
	font-size: 0.9rem;
	padding: 15px;
	color: #b1a7a7 !important;
}

.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #009996;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgb(0, 153, 150);
}

.label-forms {
	font-family: var(--eurovips-font-family-3) !important;
	font-size: 0.9rem;
}

.boton-principal {
	border: 1px solid var(--eurovips-color-a);
	border-radius: 15px;
	padding: 10px 15px;
	margin-left: 20px;
	background-color: #fff;
	font-family: var(--eurovips-font-family-3);
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--eurovips-color-a);
}

.boton-principal:hover {

	background-color: var(--eurovips-color-a);
	font-family: var(--eurovips-font-family-3);
	font-size: 0.9rem;
	color: #fff;
}

.boton-next-step {
	border: 1px solid var(--eurovips-color-a);
	border-radius: 15px;
	padding: 10px 15px;
	margin-left: 20px;
	font-weight: 700;
	background-color: var(--eurovips-color-a);
	font-family: var(--eurovips-font-family-3);
	font-size: 0.9rem;
	color: #fff;
}

.boton-next-step:hover {
	border: 1px solid var(--eurovips-color-a);
	border-radius: 15px;
	padding: 10px 15px;
	margin-left: 20px;
	background-color: #fff;
	font-family: var(--eurovips-font-family-3);
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--eurovips-color-a);
}

.form-check-label {
	font-family: var(--eurovips-font-family-3);
	font-size: 0.9rem;
}

#inputCuil {
	margin-left: 10px;
}


.navbar-brand img {
	max-height: 30px;
	margin-left: 50%;
}


.form-checkout .select,
option,
input::placeholder {
	font-size: 0.9rem;

	font-family: 'Quicksand';
	color: #b1a7a7;

}

.form-control::placeholder {
	color: #b1a7a7;

}

.form-select {
	color: #b1a7a7;
}

.form-checkout #select {
	font-size: 0.7rem;

	font-family: 'Quicksand';
	color: black !important;
}

#inputFac {
	font-size: 0.7rem;

	font-family: 'Quicksand';
	color: black !important;
}

.datos-facturacion {
	display: none;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

.datos-facturacion-2 {
	display: none;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

.datos-facturacion-3 {
	display: none;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}


.fadeAnimation {
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}


@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


/* CARDS */
/********/
.card {
	border-radius: 20px 20px 20px 20px;
}

.card-img-top {
	border-radius: 20px 20px 0px 0px;
}

.payment-methods {
	border-radius: 20px;
	border: 1px solid #cecece !important;

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

	/* Estilos para tabletas */
	#navbarNav {
		display: block;
	}

	.navbar-brand {
		display: flex;
		justify-content: center;
		max-width: 100%;
		margin-left: 10rem;
	}

	.margen-checkout {
		margin-left: 0px !important;
	}


	.col-tablet-3 {
		width: 70%;
	}

	.col-tablet-2 {
		width: 30%;
	}


	.gallery-img-right {
		margin: 0;
		padding: 0 !important;
		margin-top: 20px;
	}


	.row-custom-width {
		width: 100% !important;
	}

	#gallery {

		height: 95vh;

	}

	.gallery-img-left {

		margin-top: 0 !important;
		height: 240px;
		padding: 0;
	}

	.form-check-inline2 {
		display: none;
	}

	.boton-izquierda-mobile {
		justify-content: start !important;
		margin-top: 20px;
	}


	#ordenar {
		width: 50%;
		margin-bottom: 20px;
	}


	.form-group {
		padding: 10px 0 10px 0;
	}

	#inputCuil {
		margin: 0px;
	}

	.row-right {

		margin-top: 9em !important;
	}

	.payments-card {
		width: 100% !important;
	}

	.dir-col {
		flex-direction: column;
	}

	.padding-tablet {
		padding: 0 5px 0 5px;
	}

	.fs-custom-4 {
		font-size: 1.2rem !important;
	}

	.margin-none-tablet {
		margin: 0 !important;
	}

	.padding-none-tablet {
		padding: 0!important;
	}

	.center-text-tablet {
		text-align: center !important;
	}

	.align-center-tablet {
		align-self: center !important;
	}

	.border-none-tablet{
		border-width: 0px 0px 0px 0px!important;
	}


}


@media (max-width: 768px) {
	.navbar-nav.me-auto .nav-link:not(:first-child) {
		display: none;
	}

	.border-none-mobile{
		border-width: 0px!important;
	}

	.navbar-brand {
		order: 1;
	}

	.navbar-brand img {
		max-height: 30px;
		margin-left: 0;
	}

	.navbar-toggler {
		order: 3;
	}

	.navbar-collapse {
		order: 2;
	}

	.gallery-img-right {
		margin-left: 0;
		width: 100%;

	}

	#gallery {

		height: 93vh;

	}

	.margen-checkout {
		margin-left: 0px !important;
		margin: 0px !important;


	}


	.padding-mobile {
		padding: 0 10px 0 10px !important;
	}

	.margen-mobile-left {
		margin-left: 10px;
	}

	#inputCuil {
		margin: 0;
	}

	.checkout-margen {
		margin-top: 0px !important;
	}

	.hr-mobile {
		width: 100% !important;
	}

	.gallery-img-left {

		margin: 0 !important;
		height: 240px;
	}

	.gallery-img-right,
	.gallery-img-left {
		margin-bottom: 1rem !important;
		padding: 0 !important;
		width: 100%;
	}

	.hoteles {
		display: block;

	}

	.form-check-inline2 {
		display: none;
	}

	.form-row {
		display: block !important;
		width: 93vw;

	}

	.label-forms {
		margin-top: 10px;
		padding-top: 10px;
	}

	.form-check {
		margin-bottom: 20px;
	}


	.col-banners img:first-child {
		margin-bottom: 15px;
	}

	.row-filtros {
		flex-direction: column;
	}

	.row-right {
		margin-top: 0px !important;
	}

	.progresses {
		max-width: 100%;
		margin-right: 0;
	}

	.form-checkout {
		padding: 0 !important;
	}


	.border-top-grey {
		border: 1px solid #bcbcbc;
		padding-top: 20px;
		border-width: 1px 0 0 0 !important;
	}

	.row-custom-width {
		width: 100%;
		margin: 0;

	}

	.pb-4 {
		width: 100% !important;
	}


	.payments-card {
		width: 100% !important;
	}

	#inputExpire,
	#inputSecCode {
		margin-top: 20px;
	}

	.row-menu {
		height: 90px;
	}

	.imagen-mobile {
		width: 100%;
	}

	.row-centro-asistencias {
		width: 33%;
	}

	.row-header {
		margin-top: 7em !important;
	}

	.fs-custom-8 {
		font-size: 0.9rem !important;
	}

	.sidenav a {
		padding: 5px 5px 5px 25px !important;

	}

	.margen-mobile {
		margin-left: 10px !important;

	}

	.d-flex-mobile {
		display: flex;
	}

	.border-izquierda {
		border-width: 0 0 0 1px !important;
	}

	.menu-nav {
		margin-top: 30px !important;
	}

	.boton-izquierda-mobile {
		justify-content: start !important;
		margin-top: 20px;
	}

	#fecha_flexible {
		width: 100%;
	}


	.resultados-vuelos {
		flex-direction: column !important;

	}

	.mobile-checkout-width {
		width: 96%;
		margin-left: 2%;

	}

	.fs-custom-4 {
		font-size: 1rem !important;
	}

	.row-centro-vuelos {
		padding-left: 5px;
		padding-right: 5px;
	}

	.row-centro-vuelos-regreso {
		padding-top: 5px !important;
		padding-bottom: 5px;
	}

	.row-vuelos-precio {
		border-width: 1px 0 0 0 !important;
		padding-top: 15px;
	}

	.lista-vuelos {

		padding: 0;
	}

	.horarios-vuelos {
		width: 50%;
		margin: 0 !important;
		padding-left: 5px;
		padding-right: 5px;

	}

	#tarjetas {
		width: 50%;
	}

	#ordenar {
		width: 50%;
		margin-bottom: 20px;
	}

	.nopm {
		padding: 0 !important;
		margin: 0 !important;
	}

	.col-mobile-mid {
		width: 50%;
	}

	.col-mobile-full {
		width: 100%;
	}

}

/* Estilos para tabletas (iPad Air y Mini) */
@media screen and (max-width: 1024px) {
	.precio {
		font-size: calc(18px + 0.5vw);
	}
}

/* Estilos para smartphones */
@media screen and (max-width: 768px) {
	.precio {
		font-size: calc(22px + 0.5vw);
	}
}

/**/

@media (min-width:1063px) {
	.form-check-inline3 {
		display: none;
	}

	.form-row {
		display: flex;
	}

	.col-banners {
		margin-left: -5px;
	}

	.navbar-brand {
		margin-left: 10rem;
	}

	.margen-checkout {
		margin-left: -10px !important;
	}

	.margen-mobile-left {
		margin-left: 0px !important;
	}


}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 18px;
	}


}