/*@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlEA.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlEA.woff2') format('woff2');
  font-display: swap;
}*/
/*
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
  font-display: swap;
}
 
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlEA.woff2') format('woff2');
  font-display: swap;
}
 
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlEA.woff2') format('woff2');
  font-display: swap;
}
*/
 
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}
 
.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}
 
.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}
 
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
 
.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}
 
.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
 
.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
 
.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}
 
.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}
 
.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}
 
.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}
 
.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}
 
.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}
 
.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}
 
.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}
 
.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}
 
.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}
 
.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

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



body.collapsed {
	padding-top: 70px;
}

body.mobile {
	padding-top: 0;
}

.header {
	background-image: url(../images/header.jpg);
	color: #FFFFFF !important;
	background-size: cover;
	background-position: center center;
	/*height: 165px;*/
	height: 219px;
	overflow: hidden;
	z-index: 999 !important;
	position: relative;
	width: 100%;
	top: 0;
}
.header-compra {
	height: 88px;
	overflow: hidden;
	z-index: 999 !important;
	position: relative;
	width: 100%;
	top: 0;
}
.header-compra img {
	width: 252px;
}
.header-compra p {
	font-size:18px;
	font-weight:600;
	padding-top: 20px;
}
::placeholder {
	font-size: 16px;
	color: #4D4D4D;
}

#cabecera_mobile {
	height: 70px;
	position: relative !important;
	padding-top: 0px !important;
	top: 0;
}

.header.collapsed {
	height: 70px;
	position: fixed;
	top: -70px;
	transition: transform 500ms ease, background 500ms ease;
	-webkit-transition: transform 500ms ease, background 500ms ease;
	box-shadow: 0px 3px 16px 0px rgb(0 0 0 / 10%);
	transform: translateY(70px);
}

.header h2 {
	color: #FFFFFF !important;
	margin-bottom: 0;
}

.header h2 {
	font-weight: bold;
	font-size: 1.8rem;
}

.bloque {
	background-color: #ffffff;
}

.bloque h3 {
	color: #031d43;

}

h3 {
	font-weight: 600;
}

.bloque p {
	color: #808080;
}

.fondo_gris {
	background-color: #f6f6f6;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

.contenido {
	position: relative;
}

.contenido-estaciones {
	background-color: #fff;
	/* padding-top: 82px; */
}

.imagen_b1 {
	background-image: url(../images/imagen_b1.jpg);
	background-size: cover;
	min-height: 440px;
}

.small {
	height: 96px !important;
	padding: 0px !important;
}

.small-footer .nuestra-itv {
	color: #008BD2;
	font-size: 16px;
	font-weight: 600;
}

.small-footer .itvs {
	color: #15153E;
	font-size: 10px;
}

#last-footer {
	background-color: #15153E;
	font-size: 12px;
}
#last-footer-compra {
	font-size: 12px;
	height: 60px;
}

.last-footer>a,
.last-footer {
	color: #FFF;
	padding-top: 15px;
	font-size: 11px;
}
#last-footer-compra .last-footer,
#last-footer-compra .last-footer a
{
	color:#000;
}
.last-footer-social {
	padding-top: 20px;
}

.footer-area .copyright_part_text {
	padding: 10px !important;
}

.fondo-header {
	background-image: url(../images/fondo-landing.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-area .header-top {
	padding: 13px 0;
	height: 176px;
}

.tu-itv {
	color: #FFF;
	font-weight: 600;
	font-size: 40px;
	display: block;
	line-height: 2.5rem;
}

.lema-cabecera {
	color: #008bd2;
	font-size: 25px;
}

.estaciones {
	/*padding-left: 10%;*/
	padding-left: 4%;
	/*padding-right: 10%;*/
	padding-right: 4%;
}

.itv-datos {
	font-size: 14px;
	color: #808080;
}

h1 {
	font-size: 28px;
	font-weight: 400;
	color: #051d42;
}

h2 {
	font-size: 25px;
	font-weight: 600;
	color: #051d42;
}

.btn-azul {
	width: 100%;
	background-color: #008BD2;
	color: #FFF !important;
	border-radius: 25px;
	height: 45px;
	font-size: 0.75rem;
	padding-top: 0.75rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.precio {
	font-size: 40px;
	color: #008BD2;
	line-height: 20px;
}

.bservicio .precio,
.bmejora .precio {
	font-size: 36px;
	font-weight: bold;
}

.precio_antes {
	font-size: 19px;
	color: #808080;
}

.precio_texto {
	font-size: 15px;
	color: #008BD2;
}

.precio_texto>small {
	color: #808080;
}

.precio>small,
.precio_antes>small,
.precio_texto>small {
	font-size: 12px;
	display: block;
	clear: both;
}

.col_precio {
	color: #1A1A1A;
	padding-right: 10px;
}


@media (max-width: 1024px) {


	.small {
		height: 170px !important;
	}

	#last-footer {
		height: 130px;
	}

	h1 {
		font-size: 22px;
		font-weight: 400;
		color: #051d42;
	}

	h2 {
		font-size: 16px;
		font-weight: 400;
		color: #1A1A1A;
	}

	.fondo-header {
		background-image: url(../images/fondo-landing-mobile.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.tu-itv {
		font-size: 35px;
	}

	.lema-cabecera {
		font-size: 18px;
	}
}

h1.reserva-itv,
h3.reserva-itv {
	font-style: normal;
	font-weight: 600;
	color: #1A1A1A;
	font-size: 29px;
	margin-bottom: 20px;
}

h4.reserva-itv {
	color: #4D4D4D;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
}

.servicios {
	display: block;
	text-align: center;
	margin-bottom: 25px;
	border: 1px solid #CCE2F1;
	background-color:white;
	border-radius: 16px;
}
.servicios:hover{
	border-color: #184888;
}
.servicios a {
	font-size: 14px;
	color: #333333;
    height: 56px;
	display: block;
	text-align: left;
    padding-left: 30px;
}
.servicios a img{
	height: 56px;
}
.servicios a:hover {
	text-decoration: none;
	/*color: #FFF;*/
}

.servicios a span {
	font-size: 11px;
	font-weight: bold;
}


.combustibles {
	display: block;
    text-align: center;
    margin-bottom: 25px;
    border: 1px solid #CCE2F1;
    background-color: white;
    border-radius: 16px;
}
.combustibles:hover{
	border-color: #184888;
}
.combustibles a {
	font-size: 14px;
	color: #333333;
    height: 56px;
	display: block;
	text-align: left;
    padding-left: 30px;
}
.combustibles a img{
	height: 56px;
}
.combustibles a:hover {
	text-decoration: none;
	/*color: #FFF;*/
}


.combustibles a span {
	font-size: 11px;
	font-weight: bold;
}
.bservicio {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 25px 0;
  padding: 0 0 0 0; /* eliminamos padding general */
  border: 1px solid #CCE2F1;
  background-color: white;
  border-radius: 16px;
  min-height: 400px;
  overflow: hidden;
}

.bservicio > *:not(.franja-inferior) {
  padding: 15px;
}

.franja-inferior {
	color: #1A1A1A;
	font-size: 12px;
	height: 40px;
	background-color: #F5F5F5;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bservicio.disabled {
	color: #ccc !important;
	background-color: #EEE !important;
}

.bservicio.disabled:hover {
	color: #ccc !important;
	cursor: default;
	background-color: #EEE !important;
}
.bservicio.recomendada
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
	border: 1px solid #006FB9;
	background-color:white;
	border-radius: 16px;
	border-top-left-radius: 0px;
	min-height:400px;
	  overflow: hidden;
}
/*.bservicio {
	margin-bottom: 25px;
	padding: 15px;
	margin-top: 25px;
	padding-top: 39px;
}*/


.bservicio:hover
{
	border: 2px solid #184888;
}
.bservicio a.seleccionar:hover
{
	text-decoration:none;
}

.bservicio.recomendada:hover
{
	/*background-image: url(../images/tarifas/tarifas-popular.png);*/
}
/*
.bservicio:hover h4 {
	color: #fff;
}

.bservicio:hover p {
	color: #fff !important;
}
*/
.bservicio input[type="radio"] {
	display: none;
	/***/
}

.bservicio h4 {
	color: #1a1a1a;
	font-style: normal;
	font-weight: 600;
	font-size: 23px;
	line-height: 112%;
}

.bservicio h4 span {
	color: #4D4D4D;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 112%;
}

.bservicio span.precio {
	color: #1a1a1a;
	font-size: 30px;
	font-weight: 400;
	font-style: normal;
	display: block;
}
.bservicio span.precio .entero {
  font-size: 36px;
  font-weight: 600;
}

.bservicio span.precio .decimal {
  font-size: 16px;
  font-weight: 600;
}
.bservicio span.precio .tachado {
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
}

.bservicio span.separador {
	border-top: 1px solid lightgrey;
	max-width: 100%;
	display: block;
	padding-top: 10px;
	color: #1a1a1a;
}

.bservicio p {
	color: #979797;
	line-height: 20px;
}

.bservicio.active p {
	color: #979797 !important;
}

.btn-naranja {
	width: 100%;
	background-color: #EF7D00;
	color: #FFF !important;
	border-radius: 25px;
	height: 45px;
	font-size: 0.75rem;
	padding-top: 0.75rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.btn-azul {
	width: 100%;
	background-color: #008BD2;
	color: #FFF !important;
	border-radius: 25px;
	height: 45px;
	font-size: 0.75rem;
	padding-top: 0.75rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.btn-16 {
	font-size: 1rem;
	padding-top: .5rem;
}

.btn-14 {
	font-size: 0.875rem;
	padding-top: 0.65rem;
}

.btn-10 {
	font-size: 0.625rem;
	padding-top: 0.65rem;
}

.border-calendar {
	background-image: url('../../images/franja-calendario-fondo.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

.nav-tabs,
.nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border: 0px;
}

.nav-tabs .nav-link {
	color: #808080;
	background-color: #f0f0f0;
	font-size: 12px;
	height: 100%;
}

.nav-tabs .nav-link.active {
	color: #15153E;
}

form#form-sin-registro input[type="text"],
form#form-sin-registro input[type="email"],
form#form-registro input[type="text"],
form#form-registro input[type="email"],
form#form-registro input[type="password"],
form#form-registro select,
form#form-acceso input[type="text"],
form#form-acceso input[type="password"],
form#form-recuperar input[type="text"],
form#form-confirmar input[type="text"],
form#form-confirmar input[type="email"] {
	height: 56px;
	border-radius: 4px;
	border: 1px solid #CCE2F1;
	color: #4D4D4D;
}

form#form-sin-registro input.checkbox-round,
form#form-registro input.checkbox-round,
form#form-contacto input.checkbox-round,
form#form-confirmar input.checkbox-round {
	width: 24px;
    height: 24px;
    background-color: white;
    vertical-align: middle;
    border: 1px solid #CCE2F1;
    border-radius: 7px;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

form#form-sin-registro input.checkbox-round:checked,
form#form-registro input.checkbox-round:checked,
form#form-contacto input.checkbox-round:checked,
form#form-confirmar input.checkbox-round:checked {
	background-color: #e88700;
	border: 1px solid #e88700;
}

#form-sin-registro label {
	font-size: 12px;
	color: #15153E;
	font-weight: 600;
}

.reserva-itv-precio {
	padding-top: 20px;
}

.reserva-itv-precio p {
	color: #1a1a1a;
	font-size: 32px;
	font-weight: 800;
}

.reserva-itv-precio p span {
	font-size: 14px;
	font-weight: normal;
}

.fixed-botones {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 85px;
	background-color: #FFF;
	z-index: 999;
	padding: 0 10px;
	background-image: url(../images/fondo-reserva-mobile.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.fixed-botones-desktop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 75px;
	background-color: #FFF;
	z-index: 999;
	padding: 0 10px;
}

.fixed-botones-desktop-alerta {
	height: 145px;
}

.fixed-botones-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.fixed-botones-form {
	
}

.fixed-botones-inner-form {
	top: 50%;
	left: 0;
	padding-top: 0px !important;
}

.fixed-botones-resumen {
	height: 140px;
}

.fixed-botones-resumen-alerta {
	height: 205px;
}

.footer-area {
	/*position: fixed!important;
    bottom: 0;
    left: 0;
    width: 100%;*/
	background-color: #FFF;

}

.footer-home {
	margin-top: 0px;
}

.gm-style-iw-d {
	padding: 15px;
	overflow: initial !important;
}

.mapa {
	display: block !important;
	right: 0 !important;
	width: 50% !important;
	position: fixed !important;
	top: -5px;
	z-index: 1;
}

div.matricula-registro {
	height: 56px;
	border-radius: 4px;
	border: 1px solid #CCE2F1;
	color: #4D4D4D;
	padding-top: 15px;
  }


/*.header {
	z-index:10!important; position:fixed!important; width: 100%;
}
@media (max-width: 1024px) {
	.header { position:relative!important; }
}*/
@media (max-width: 767px) {
	.mapa {
		display: none !important;
	}


}

@media (max-width: 767px) {
	/* .header {
		background-image: url(../images/header_mobile.jpg);
		background-position: center;
		padding: 10px 0 0 0 !important;
		position: relative;
		height: auto;
	} */

	.header h2 {
		font-size: 1.5rem;
	}

	.tprecio {
		font-size: 16px !important;
	}

	.text-right {
		text-align: left !important;
	}

	.mapa #map {
		height: 0px !important;
	}

	.itvs {
		border: 0;
		border-bottom: 1px solid #e5e5e5;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.itvs a:hover {
		background-color: transparent;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		color: #333333;
	}

	.itvs a:hover span {
		color: #008BD2;
	}

	.servicio_1 {
		background-image: url(../images/vehiculos/1-mobile.png);
		background-repeat: no-repeat;
		background-position: left center !important;
	}

	.servicio_2 {
		background-image: url(../images/vehiculos/2-mobile.png);
		background-repeat: no-repeat;
		background-position: left center !important;
	}

	.servicio_3 {
		background-image: url(../images/vehiculos/3-mobile.png);
		background-repeat: no-repeat;
		background-position: left center !important;
	}

	.servicio_4 {
		background-image: url(../images/vehiculos/4-mobile.png);
		background-repeat: no-repeat;
		background-position: left center !important;
	}

	a.servicios-reserva,
	a.combustible-reserva {
		width: 100%;
		display: inline-flex;
		color: #15153E;
	}

	.bservicio:hover {
		background-color: transparent !important;
	}

	.bservicio:hover h4 {
		color: #1a1a1a !important;
	}

	.table.calendar td,
	.table.calendar th {
		padding: .40rem .75rem !important;
	}

	.calendar .day-number,
	.calendar .calendar-event {
		height: 26px !important;
		padding-top: 1px !important;
	}

	.cal-anterior {
		cursor: pointer;
		height: 30px !important;
		padding-top: 3px !important;
	}

	.cal-siguiente {
		cursor: pointer;
		height: 30px !important;
		padding-top: 3px !important;
	}

	.footer-area {
		margin-top: 0px;
	}


}

form.frm-slider input {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCE2F1;
	margin-bottom: 20px;
	height: 56px;
	max-width: 460px;
	color: #4D4D4D;
	font-size: 16px;
	font-weight: 400px;
}

button.comprar,
button.comprar-estaciones {
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: #FFF;
    padding: 10px;
    height: 40px;
    width: 120px;
	text-decoration:none;
	background-color: #EF7D00;
	border-radius: 100px;
}
button.comprar:hover,
button.comprar-estaciones:hover,
button.comprar:active,
button.comprar-estaciones:active,
button.comprar:not(:disabled):not(.disabled):active
{
	background-color:#006FB9
}

.extra {
	background-color: #051e42;
	color: #ffffff;
}

/* body.itv {
	background-color: #051e42;
} */

.bloque h3 {
	color: #031d43;
	font-weight: bold;
}

.bloque h4 {
	color: #031d43;
}

.destacado {
	padding: 25px;
	border-radius: 25px !important;
}

.destacado .txt {
	color: #e77d00;
	font-size: 12px;
	line-height: 12px;
}

.destacado .tipo {
	color: #031d43;
	font-size: 20px;
	line-height: 20px;
}

.destacado .precio {
	color: #031d43;
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
}

.tprecio {
	color: #031d43;
	font-size: 28px;
}

.icono {
	color: #3b91c5 !important;
}

.input-group-append {
	/*height: 56px;*/
	margin-left: -1px;
}

.comprar,
.comprar-estaciones {
	height: 56px;
}

.pedir-cita,
.pedir-cita-estaciones {
	height: 56px;
	padding: 0px;
	border: none;
}

.bloque h5 {
	color: #008bd2;
}

.padding-logo {
	padding-bottom: 31px;
}

@media (max-width: 767px) {
	.destacado {
		padding: 15px;
	}

	.destacado .tipo {
		font-size: 14px;
		line-height: 16px;
	}

	.destacado .precio {
		font-size: 18px;
		line-height: 20px;
	}

	.small {
		padding: 15px 0 !important;
		height: 70px !important;
	}

	.padding-logo {
		padding-bottom: 15px;
	}
}

/*  
a .fa {
	color: #FFF;
}
*/  

.imgestaciones {
	background-color: #008BD2;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: 0s ease;
	backface-visibility: hidden;

}

.middle {
	transition: 0s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.imgestaciones:hover .image {
	opacity: 0.3;
}

.imgestaciones:hover .middle {
	opacity: 1;
}

.text {
	background-color: #ee8000;
	color: white;
	font-size: 16px;
	padding: 16px 32px;
}

div.aviso_itv {
	color: #FFF;
	background-color: #38abe2;
	border: 1px solid #38abe2;
	border-radius: 0px;
}

.aviso_itv p {
	color: #FFF;
}

/* .aviso {
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	top: 0px;
	width: 100%;
	z-index: 9;
	display: none;
	background-color: #dc3545f5;
	position: relative;

} */

.btn-itevelesa {
	background-color: #f39509;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	width: 90%;
	height: 45px;
	border-radius: 25px;
	display: block;
	padding-top: 12px;
	text-align: center;
}

.aviso.collapsed {
	top: 70px;
}

.aviso.mobile {
	position: relative;
	top: 0px;
}

#cabecera.collapsed .aviso {
	top: 70px;
}

#cabecera_mobile .aviso {
	position: relative;
	top: 77px;
	font-size: 11px;
	padding: 2px;
}


@media (max-width: 767.98px) {

	.contenido,
	.contenido-estaciones {
		position: relative;
		padding-top: 0;
		top: 0px;
	}
}

a.ancla {
	display: block;
	position: relative;
	top: -120px;
	visibility: hidden;
}

#cerrar_aviso {
	cursor: pointer;
}


.contenido-gracias-img img {

	height: 82%;

}

.contenido-gracias-img {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.contenido-gracias h3 {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 45px;
	color: #FFF;
	line-height: 45px;
	margin-bottom: 28px;
}

.contenido-gracias p {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 16px;
}

.bg-cover {
	background-size: cover;
}

.bservicio.active p,
.bservicio p {
	line-height: 13px !important;
}

.bservicio.active p.horas_promo,
.bservicio p.horas_promo {

	width: fit-content;
	color: #037E1D;
	background: #DBF5E1;
	border-radius: 4px;
	margin-left:15px;
	padding: 5px;
	margin-bottom:0px;
	min-width: 165px;
	font-size:11px;
}

.bservicio.active p,
.bservicio p,
.bservicio.active p small,
.bservicio small {
	font-style: normal;
	font-weight: 500;
	display: block;
}

#modal_empresa .modal-content button.close,
#modal_no_existe_servicio .modal-content button.close {
	position: absolute;
	right: 20px;
	top: 20px;
}


form#form-sin-registro input[type="text"],
form#form-sin-registro input[type="email"],
form#form-sin-registro input[type="number"],
form#form-sin-registro select,
{
	height: 56px;
	border-radius: 4px;
	border: 1px solid #CCE2F1;
	color: #4D4D4D;
}
form#form-sin-registro input[type="password"] {
	height: 56px;
	border-radius: 4px;
	border: 1px solid #CCE2F1;
	color: #4D4D4D;
}

#modal_helpflash .modal-content {
	background-color: transparent;
	border: none;
	top: 0;
}

#modal_helpflash .hp-image {
	position: relative;
	text-align: center;
}

.hp-image .enlace {
	position: absolute;
	top: 39%;
	width: 100%;
	height: 40px;
}

.hp-image .precio p {
	position: absolute;
	bottom: 33%;
	width: 100%;
	color: black;
	left: 32%;
	font-weight: bold;
	font-size: 22px;
}

.hp-image .boton1 {
	position: absolute;
	bottom: 14%;
	width: 100%;
	color: black;
	font-weight: bold;
	text-align: right;
	font-size: 20px;
	padding-bottom: 2px;
}

.hp-image .boton1 p {
	width: 100%;
	color: black;
	font-weight: bold;
	text-align: right;
	font-size: 15px;
	padding-right: 21%;
	margin-bottom: -4px;
}

.hp-image .boton2 {
	position: absolute;
	bottom: 6%;
	width: 100%;
}

.hp-image .boton3 {
	position: absolute;
	right: -35%;
	bottom: 90%;
	color: white;
	width: 100%;
}

@media (max-width: 767px) {
	.hp-image .enlace {
		position: absolute;
		top: 35%;
		width: 100%;
		height: 40px;
	}

	.hp-image .boton1 {
		position: absolute;
		bottom: 15%;
		width: 100%;
		color: black;
		font-weight: bold;
		text-align: right;
		font-size: 20px;
		height: 50px;
	}

	.hp-image .boton1 p {
		width: 100%;
		color: black;
		font-weight: bold;
		text-align: right;
		font-size: 16px;
		padding-right: 25%;
		padding-top: 11%;
	}

	.hp-image .boton2 {
		position: absolute;
		bottom: 8%;
		width: 100%;
	}

	.hp-image .boton3 {
		position: absolute;
		right: -35%;
		bottom: 93%;
		color: white;
		width: 100%;
	}

	.hp-image .precio p {
		position: absolute;
		bottom: 35%;
		width: 100%;
		color: black;
		left: 37%;
		font-weight: bold;
		font-size: 16px;
	}
}

/* NUEVOS */
.bmejora {
	display: block;
	margin-bottom: 25px;
	padding: 0 30px;
	/*background-image: url(../images/extras/extra-vip.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
	max-width: 940px;*/
	border: 1px solid #CCE2F1;
	background-color:white;
	border-radius: 16px;
	border-top-left-radius: 0;
  }
[id^="pmejora_"]
{
	border-top-left-radius: 16px; 
}
  .bmejora.disabled {
	color: #ccc !important;
	background-color: #eee !important;
  }
  .bmejora.disabled:hover {
	color: #ccc !important;
	cursor: default;
	background-color: #eee !important;
  }
  .bmejora.disabled h4 {
	color: #ccc !important;
  }
  .bmejora.disabled:hover h4 {
	color: #ccc !important;
  }
  .bmejora.disabled p {
	color: #ccc !important;
  }
  .bmejora.disabled:hover p {
	color: #ccc !important;
  }
  .bmejora.disabled span.precio {
	color: #ccc !important;
  }
  .bmejora.disabled:hover span.precio {
	color: #ccc !important;
  }
  .bmejora.active {
	display: block;
	margin-bottom: 25px;
	padding: 0 30px;
	/*background-image: url(../images/extras/extra-vip.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
	max-width: 940px;*/
	border: 2px solid #006FB9;
	background-color:white;
	border-radius: 16px;
	border-top-left-radius: 0;
  }
  .bmejora:hover {
	cursor: pointer;
	border: 2px solid #006FB9;
  }
  .bmejora:hover h4 {
	color: #fff;
  }
  .bmejora:hover p {
	color: #fff !important;
  }
  .bmejora input[type="radio"] {
	display: none; /***/
  }
  .bmejora h4 {
	color: #1a1a1a;
  }
  .bmejora span.precio {
	color: #1A1A1A;
  }
  .bmejora p {
	color: #808080;
	line-height: 20px;
  }
  .bmejora.active p {
	color: #808080 !important;
  }
  @media (max-width: 1024px) {
	span.precio {
	  color: #ee7d00;
	  font-size: 15px;
	}
  }
/*.bservicio.recomendada {
	height: 362px;
	display: block;
	margin-bottom: 25px;
	padding: 15px;
	background-image: url(../images/tarifas/tarifas-popular.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 25px;
}*/

.bservicio:hover h4,
.bservicio:hover .precio,
.bservicio:hover small {
	/*color: white;*/
}
.img_recomendada {
	color: #006FB9;
	font-size: 11px;
	font-weight: 600;
}

.img_recomendada_online {
	background-image: url(../images/img_recomendada_online_1.png);
	color: white;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 9px;
	padding: 3px;
	padding-left: 28px;
	font-weight: bold;
	margin-bottom: 15px;
	float: left;
}

.pago_online {
	background-image: url(../images/img_recomendada_online_2.png);
	color: #EF7D00;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 9px;
	padding: 3px;
	font-weight: bold;
	margin-bottom: 15px;
	float: left;
	width: 119px;
}

.img_recomendada_online,
.pago_online {
	height: 21px;
	padding-top: 5px;
}

.recomendada {
	/*color: white;*/
}

.img_recomendada_online span {
	padding-left: 25px;
	color: #ef7d00;
}

.opcion_seleccionada {
	color: #bbb;
}

.opcion_seleccionada img,
.opcion_seleccionada_checked img {
	width: 34px;
}

.opcion_seleccionada_checked {
	display: none;
	color: #fff;
}

#migas {
	background-color: #ececec;
	color: #FFFFFF;
	font-size: 11px;
	padding: 15px 5px 10px 5px;
}

#migas a {
	color: #212529;
}

#migas ul li {
	float: left;
	text-transform: uppercase;
}

#migas ul li button[type="submit"] {
	background: none;
	border: none;
	color: #212529;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0;
}

#migas ul li .icon {
	padding: 0 5px 0 10px;
	color: #008BD2;
}

#migas ul li.first {
	padding-left: 20px;
	background: no-repeat url("../../images/flecha-migas.png") left center;
}



@media screen and (max-width: 768px) {
	.bservicio {
		height: auto;
		display: block;
		margin-bottom: 0 !important;
		padding: 20px;
		margin-top: 0px;
		border-radius: 0%;
		background-image: none;
		border-bottom: 1px solid #979797;
	}


	.bservicio.active {
		height: auto;
		display: block;
		margin-bottom: 25px;
		border-radius: 0%;
		padding: 20px;
		padding-top: 30px;
	}

	.bservicio small {
		font-style: normal;
		font-weight: 400 !important;
		font-size: 10px;
		line-height: 14px;
		/* or 140% */
		text-align: right;
	}


	small.desc {
		display: flex;
		align-items: flex-start;
		text-align: left;
		padding-top: 5px;
	}

	small.desc img {
		height: 12px;
		padding-right: 5px;
	}

	.img_recomendada {
		margin-bottom: 25px;
	}

	.bmejora .mejora_servicio {
		border: none;
	}

	.mejora_servicio {
		font-weight: 600;
		font-size: 14px;
	}

	.mejora_servicio span {
		font-size: 12px;
	}

	.mejora_servicio span strong {
		font-weight: bold;
	}

	.mejora_mejora_oferta {
		background-color: #ef7d00;
		color: #fff;
		border: none;
	}

	.mejora_mejora_precio span.precio {
		font-size: 13px;
		font-weight: bold;
	}

	.slider-area .single-slider-10 {
		height: auto;
	}

	.imagen {
		/* Cambia la posición de la imagen */
		order: 2;
		/* Por ejemplo, colócala después del agradecimiento */
	}

	.gracias {
		/* Cambia la posición del agradecimiento */
		order: 1;
		/* Por ejemplo, colócalo antes de la imagen */
	}

	.slider-content {
		height: 582px;
	}

	#print-recibo {
		height: 415px;
	}

	.bmejora.active {
		background-color: #031d43 !important;
		color: #fff !important;
	}

	.bmejora:hover {
		cursor: pointer;
		background-color: #fff;
		color: initial;
	}

	.bmejora:hover .mejora_mejora_precio span.precio {
		color: initial;
	}

	.bmejora .mejora_mejora_precio span.precio_mobile {
		color: #050513 !important;
	}

	.bmejora.active .mejora_mejora_precio span.precio_mobile {
		color: #FFF !important;
	}
}

.rounded-xl {
	border-radius: 1em !important;
}

.dato_reserva {
	color: #4caedf;
	font-size: 14px;
}

.dato_reserva_negrita {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

p.reserva-itv {
	color: #36abe2;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0px;
}

#btn_cupon {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	letter-spacing: 0.05em;
	background-image: url('../images/resumen/btn-aplicar-cupon.png');
	background-repeat: no-repeat;
    background-size: contain;
    color: white;
	width: 170px;
    height: 56px;
    border: none;
}

#btn_cupon:hover {
	background-image: url('../images/resumen/btn-aplicar-cupon-hover.png');
}

#frm_cupon label {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 112%;
	color: #000;
}

.reserva-iva {
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 102%;
	letter-spacing: 0.02em;

	color: #15153e;
}

.reserva-total {
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	line-height: 102%;
	letter-spacing: 0.02em;

	color: #15153e;
}

#btn_pagar {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 102%;
	color: #fff;
	max-width: 450px;
	height: 64px;
}

#btn_pagar strong {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 102%;
	color: #fff;
}

#btn_cita {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 102%;
	color: #15153e;
	max-width: 450px;
	height: 64px;
}

#btn_cita strong {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 102%;
	color: #15153e;
}

#btn_cita span {
	color: #ef7d00;
}
.btn-blanco {
	width: 100%;
	background-color: #fff;
	color: #000 !important;
	border-radius: 25px;
	height: 45px;
	font-size: 0.75rem;
	padding-top: 0.75rem;
	border: 1px solid #000;
	font-weight: 600;
	letter-spacing: 0.5px;
  }

  #modal_pago .modal-dialog {
    max-width: 600px;
}
#modal_pago .modal-content {
    top: 0;
    padding: 1em;
    border-radius: 1.5rem;
}
#modal_pago .modal-header {
    border-bottom: none;
}
#modal_pago .modal-header h3 {
    font-size: 20px;
    margin: auto;
    font-weight: 700;
}
#modal_pago button.close {
    color: #031d43;
    float: right;
    position: absolute;
    right: 20px;
    top: 15px;
}
#modal_pago button.close:hover {
    background-color: transparent;
    border-color: transparent;
    color: #000;
}
#modal_pago .mpago {
    cursor: pointer;
    max-width: 290px;
    margin: 0 auto 30px auto;
    border-radius: 15px;
    padding: 11px;
    min-height: 190px;
    display: block;
    text-align: center;
    border: solid 1px #dcdcdc;
    border: solid 5px #fff;
    -webkit-box-shadow: 0px 0px 2px 1px #dcdcdc;
    -moz-box-shadow: 0px 0px 2px 1px #dcdcdc;
    box-shadow: 0px 0px 2px 1px #dcdcdc;
    padding-top: 1em;
}
#modal_pago .mpago:hover {
    border: solid 5px #ee7d00;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#modal_pago .mpago small {
    font-size: 60%;
    line-height: initial;
    display: block;
    margin-top: 16px;
}
.botones-pago {
    position: fixed;
    float: right;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}
.botones-pago [type="button"]:not(:disabled),
.botones-pago [type="submit"]:not(:disabled) {
    max-width: 300px;
	width: 230px;
    font-weight: 400;
    height: auto;
    padding: 10px;
    font-size: 0.8rem;
}
.botones-pago [type="button"]:not(:disabled) strong,
.botones-pago [type="submit"]:not(:disabled) strong {
    font-size: 1.1rem;
    top: 2px;
}
#migas {
    background-color: #ececec;
    color: #ffffff;
    font-size: 11px;
    padding: 15px 5px 10px 5px;
}
#migas a {
    color: #212529;
}
#migas ul li {
    float: left;
    text-transform: uppercase;
}
#migas ul li button[type="submit"] {
    background: none;
    border: none;
    color: #212529;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
}
#migas ul li .icon {
    padding: 0 5px 0 10px;
    color: #008bd2;
}
#migas ul li.first {
    padding-left: 20px;
    background: no-repeat url("../../images/flecha-migas.png") left center;
}
.sellos {
    position: absolute;
    width: 100%;
    max-width: 693px;
    right: 0;
    top: 0;
}
.sellos .domingos {
    background-image: url(https://www.itevelesa.com/images/sello-domingos-abierto.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 180px;
    max-width: 180px;
    width: 30%;
    position: absolute;
    top: 10px;
    left: 10px;
}
.sellos .horaItv {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 180px;
    max-width: 180px;
    width: 30%;
    position: absolute;
    top: 10px;
    right: 10px;
}
#modal_comp {
    padding-right: 0 !important;
    position: absolute;
    bottom: 0px;
    right: 0;
    margin: 0;
    z-index: 999;
    position: fixed;
    display: none;
    border-radius: 0.3em;
    border: 1px solid #c9c9c9;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.58);
    box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.58);
    width: 20%;
}
#modal_comp.compra {
    right: 40%;
    bottom: 40%;
}
@media (max-width: 576px) {
    #modal_comp {
        width: 70%;
    }
    #modal_comp.compra {
        right: 15%;
        bottom: 35%;
    }
}
#modal_comp #cerrar_modal_comp {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 5px;
    position: absolute;
}
#modal_comp img {
    width: 100%;
}
#modal_comp .cupones {
    position: absolute;
    bottom: 18%;
    left: 5%;
}
@media (max-width: 576px) {
    #modal_comp .cupones {
        bottom: 20%;
    }
}
#modal_comp .cupones span {
    display: block;
    color: #031d43;
    font-weight: 900;
    font-size: 1vw;
}
@media (max-width: 576px) {
    #modal_comp .cupones span {
        font-size: 3.2vw;
    }
}
.aviso {
    margin: 0;
    font-size: 0.8em;
    text-align: center;
    background-color: #ef7d00;
    color: #ffffff;
    border-color: #ef7d00;
    border-radius: 0;
    line-height: 15px;
    padding: 10px 20px;
    z-index: 10;
    clear: both;
    width: 100%;
    position: relative;
}
@media (max-width: 768px) {
    .aviso {
        padding: 10px 40px;
    }
}
.aviso h3 {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 2px;
}
.aviso p {
    margin: 0;
    color: #ffffff;
    font-size: 12.8px;
    line-height: 15px;
}
.aviso i {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: 400;
    padding: 0.5em;
    opacity: 0.7;
}
.aviso i:hover {
    opacity: 1;
}
.bloque-pagoTarjeta {
    margin: 50px 0;
    text-align: center;
}
.bloque-pagoTarjeta h5 {
    color: #031d43;
    font-size: 1.3em;
    font-weight: 600;
}
.bloque-pagoTarjeta p {
    margin: auto;
    max-width: 660px;
    text-align: center;
}
.bloque-pagoTarjeta button {
    text-transform: uppercase;
    line-height: 1.1em;
    padding: 10px;
    max-width: 250px;
    color: #031d43;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #031d43;
    border-radius: 35px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1rem;
    width: 100%;
}
.bloque-pagoTarjeta button:hover {
    color: #ffffff;
    background-color: #031d43;
}
#modal_pagotarjeta_explicacion {
    padding-right: 0;
    background-color: rgba(3, 29, 68, 0.863);
    font-size: 16px;
}
#modal_pagotarjeta_explicacion .modal-dialog {
    background: transparent;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content {
    background-image: url("/images/pago-tarjeta/fondo-modal-info-pago.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 1rem;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content h5 {
    color: #031d43;
    font-size: 1.3em;
    font-weight: 600;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-header {
    display: block;
    padding-bottom: 3em;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-header img.logo {
    width: 100%;
    max-width: max-content;
    margin: 2em auto;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-header p {
    font-size: 1em;
    margin: auto;
    max-width: 660px;
    text-align: center;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-header .close {
    color: #031d43;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-header .close img {
    width: 70%;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-header .close:hover {
    opacity: 0.75;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-body a {
    color: #3490dc;
    text-decoration: none;
    background-color: transparent;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-body p {
    font-size: 1em;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-body .bloques {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-flow: row wrap;
    flex: 1 100%;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-body .bloques .bloque {
    border: 1px solid gray;
    padding: 20px;
    text-align: center;
    max-width: 180px;
    border-radius: 20px;
    margin: 5px 0.5%;
    background: transparent;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-body .bloques .bloque img {
    margin: auto;
    display: block;
    width: 100%;
    max-width: max-content;
    padding-right: 20px;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-body .bloques .bloque strong {
    color: #031d43;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}
#modal_pagotarjeta_explicacion .modal-dialog .modal-content .modal-body .bloques .bloque p {
    font-size: 0.8em;
    line-height: 1.1em;
}

#modal_ultima_itv .modal-dialog {
    max-width: 730px;
}
#modal_ultima_itv .modal-content {
    padding: 13%;
    border-radius: 1rem;
    position: relative;
    top: 0;
}
#modal_ultima_itv .modal-content button {
    font-size: 0.75rem;
    margin: 5px 0;
    text-transform: uppercase;
}
#modal_ultima_itv .modal-content button.close {
    position: absolute;
    right: 20px;
    top: 20px;
}
#modal_ultima_itv .modal-content .modal-header {
    padding: 0;
    display: block;
    margin-bottom: 13px;
    padding-bottom: 13px;
}
#modal_ultima_itv .modal-content .modal-body {
    padding: 0;
}
#modal_ultima_itv .modal-content .modal-body .bloque {
    /*border-radius: 1rem;
    border: 1px solid #ececec;*/
    padding: 10px;
    margin: 10px 0;
}
#modal_ultima_itv .modal-content .modal-body .bloque h5 {
    color: #008bd2;
    display: block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
}
#modal_ultima_itv .modal-content .modal-body .btn-blanco {
    padding-top: 0;
    padding-bottom: 0;
}
#modal_ultima_itv .modal-content .modal-body form {
    margin-top: 25px;
}
.factura_datos {
    border-radius: 16px;
    background-color: #FFF;
	font-size: 16px;
	font-weight: 400;
    padding: 20px;
    margin: 20px 0;
    color: #1A1A1A;
}
.factura_datos .small {
    font-size: 70%;
    height: auto !important;
}
.factura_datos strong {
    font-weight: 500;
}
.formulario-datos-compra,
#transaccion_provincia_id,
#transaccion_municipio,
#transaccion_cp,
#registro_provincia,
#registro_poblacion,
#registro_cp,
#transaccion_direccion,
#transaccion_factura_provincia_id,
#transaccion_factura_municipio,
#transaccion_factura_cp
{
	height: 56px;
	border-radius: 4px;
	border: 1px solid #CCE2F1;
	color: #4D4D4D;
    width: 100%;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#transaccion_provincia_id,
#transaccion_municipio,
#transaccion_cp,
#registro_provincia,
#registro_poblacion,
#registro_cp {
    background-image: url("https://www.itevelesa.com/images/select-icono.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}
#transaccion_provincia_id.error,
#transaccion_municipio.error,
#transaccion_cp.error,
#registro_provincia.error,
#registro_poblacion.error,
#registro_cp.error {
    color: #95989a !important;
}
#registro_provincia {
    background-position-x: 97%;
}
#transaccion_direccion {
    color: red;
}
#transaccion_direccion::placeholder {
    color: #4D4D4D !important;
}
#transaccion_municipio {
    background-position-x: 95%;
}
#form-sin-registro .checkbox label.error {
    position: relative;
    padding-left: 20px;
    float: right;
    display: block;
    width: 100%;
    top: 0 !important;
}
.desde {
    display: block;
    font-size: 0.7em;
}
.modificar_reserva_icono {
    background-image: url("/images/lapiz-naranja.png");
    width: 17px;
    height: 17px;
    display: block;
    float: right;
    text-indent: -9999px;
}
.modificar_reserva_icono:hover {
    background-image: url("/images/lapiz-azul.png");
}




/* MEJORAS */
.mejora_servicio_seleccionado {
	background-color: #15153e;
	border: 1px solid #151533;
	border-radius: 25px;
	color: #fff;
	font-style: normal;
	min-height: 132px;
	padding: 20px;
  }
  .mejora_opcion_elegida {
	border: 1px solid #fff;
	border-radius: 25px;
	padding: 5px 25px;
	font-weight: 400;
	font-size: 10px;
	display: inline;
  }
  .mejora_servicio {
	font-weight: 400;
	font-size: 22px;
  }
  .mejora_servicio span {
	font-weight: normal;
	font-size: 12px;
	color: #979797;
	display: block;
  }
  .mejora_precio {
	text-align: right;
	font-size: 30px;
	font-weight: 400;
  }
  .mejora_precio .separador {
	font-size: 12px;
	font-weight: normal;
	display: block;
  }
  .mejora_mejora_oferta {
	color: #050513;
	border: 1px solid #050513;
	border-radius: 25px;
	padding: 5px 25px;
	font-weight: 400;
	font-size: 10px;
	display: inline;
  }
  .mejora_mejora_precio span.precio {
	color: #050513 !important;
	font-weight: 400;
	font-size: 30px;
	display: block;
	line-height: 10px;
  }
  .mejora_mejora_precio {
	color: #050513 !important;
	font-weight: normal;
	font-size: 18px;
  }
  .bmejora:hover .mejora_mejora_oferta,
  .bmejora.active .mejora_mejora_oferta {
	color: #fff;
	border: 1px solid #fff;
  }
  .bmejora:hover .mejora_mejora_precio span.precio,
  .bmejora:hover .mejora_mejora_precio {
	color: #fff !important;
  }
  .bmejora.active .mejora_mejora_precio span.precio,
  .bmejora.active .mejora_mejora_precio {
	color: #fff !important;
  }
  
  .bmejora .mejora_servicio {
	border-bottom: 1px solid #9d9d9d;
  }
  
  .bmejora.active p small,
  .bmejora small {
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.04em;
	display: block;
  }
  .mejora_servicio span strong {
	font-weight: normal;
  }
  
  /* MEJORAS */
  
  /* JUSTIFICANTE*/
  .justificante-compra {
	font-style: normal;
	font-weight: 600;
	font-size: 23px;
	line-height: 112%;
	text-align: center;
	color: #050513;
  }
  .slider-area .single-slider-10 {
	height: 524px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 2;
  }
  .single-slider-10 .slider-content {
	display: flex;
	border: 1px solid #e9e8e8;
	border-radius: 15px;
	padding-top: 10px;
  }
  .single-slider-10 .slider-content .imagen {
	background-image: url("../images/img-justificante-leo.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	height: 340px;
  }
  .single-slider-10 .slider-content .gracias h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 112%;
	color: #050513;
  }
  .single-slider-10 .slider-content .gracias p {
	/* Cita reservada. Descarga el justificante haciendo clic en el botón. También, puedes encontrarlo en tu bandeja de entrada o SPAM. Puedes comprobar o anular tu cita desde la home. */
  
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #15153e;
  }
  .single-slider-10 .btn-justificante .btn-itevelesa {
	width: 100%;
	border-radius: 0 0 15px 15px;
  }
  .single-slider-10 .btn-justificante {
	position: relative;
	top: -15px;
	z-index: 9;
  }
  #print-recibo {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 112%;
	color: #15153e;
	border-radius: 14px;
	height: 392px;
  }
  #print-recibo strong {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 112%;
	color: #4caedf;
  }
  .table-bordered {
	border: none;
  }
  .table.table-sm.table-bordered {
	border-collapse: collapse;
  }
  
  .table.table-sm.table-bordered td,
  .table.table-sm.table-bordered th {
	border: none; /* Elimina el borde predeterminado */
  }
  .table.table-sm.table-bordered td {
	padding: 10px 0;
  }
  .table.table-sm.table-bordered tr {
	border-bottom: 1px solid #e4e4e4; /* Aplica borde solo al borde inferior de cada tr */
  }
  /* JUSTIFICANTE*/
  @media screen and (max-width: 768px) {
	.bservicio {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 25px 0;
		padding: 0 0 0 0; /* eliminamos padding general */
		border: 1px solid #CCE2F1;
		background-color: white;
		border-radius: 16px;
		min-height: 340px;
		overflow: hidden;
	}
	.bservicio.active {
	  height: auto;
	  display: block;
	  margin-bottom: 25px;
	  border-radius: 0%;
	  padding: 20px;
	  padding-top: 30px;
	}
	.bservicio small {
	  font-style: normal;
	  font-weight: 400 !important;
	  font-size: 10px;
	  line-height: 14px;
	  /* or 140% */
	  text-align: right;
	}
	.bservicio span.precio {
	  font-style: normal;
	  font-weight: bold !important;
	  font-size: 13px;
	  line-height: 14px;
	  /* or 140% */
	}
	small.desc {
	  display: flex;
	  align-items: flex-start;
	  text-align: left;
	  padding-top: 5px;
	}
	small.desc img {
	  height: 12px;
	  padding-right: 5px;
	}
	.img_recomendada {
	  margin-bottom: 25px;
	}
	.bmejora .mejora_servicio {
	  border: none;
	}
	.mejora_servicio {
	  font-weight: 600;
	  font-size: 14px;
	}
	.mejora_servicio span {
	  font-size: 12px;
	}
	.mejora_servicio span strong {
	  font-weight: bold;
	}
	.mejora_mejora_oferta {
	  background-color: #ef7d00;
	  color: #fff;
	  border: none;
	}
	.mejora_mejora_precio span.precio {
	  font-size: 13px;
	  font-weight: bold;
	}
	.slider-area .single-slider-10 {
	  height: auto;
	}
	.imagen {
	  /* Cambia la posición de la imagen */
	  order: 2; /* Por ejemplo, colócala después del agradecimiento */
	}
  
	.gracias {
	  /* Cambia la posición del agradecimiento */
	  order: 1; /* Por ejemplo, colócalo antes de la imagen */
	}
	.slider-content {
	  height: 582px;
	}
	#print-recibo {
	  height: 415px;
	}
	.bmejora.active {
	  background-color: #031d43 !important;
	  color: #fff !important;
	}
	.bmejora:hover {
	  cursor: pointer;
	  background-color: #fff;
	  color: initial;
	}
	.bmejora:hover .mejora_mejora_precio span.precio {
	  color: initial;
	}
	.bmejora .mejora_mejora_precio span.precio_mobile
	{
		color: #050513 !important;
	}
	.bmejora.active .mejora_mejora_precio span.precio_mobile
	{
		color: #FFF !important;
	}
  }
.contenedor {
  position: fixed; /* Coloca el contenedor sobre todo el contenido */
  top: 95px;
  left: 0;
  width: 100%;
  height: calc(100% - 95px);
  display: block; /* Usa flexbox para centrar la imagen */
  justify-content: center; /* Centrado horizontal */
  align-items: center; /* Centrado vertical */
  background: rgba(255, 255, 255, 1); /* Fondo oscuro opcional */
  z-index: 9999; /* Asegura que esté por encima del resto */
  text-align: center; /* Opcional: centra el texto debajo de la imagen */
}

.contenedor img {
  border: 0px solid #fff; /* Opcional: bordes blancos */
  display: block;
  margin: 0 auto;
  height: 250px!important;
}
.contenedor p {
  margin-top: 10px; /* Añade algo de espacio entre la imagen y el texto */
  font-size: 16px; /* Ajusta el tamaño del texto si es necesario */
  color: #333; /* Color del texto */
  text-align: center; /* Opcional: centra el texto debajo de la imagen */
}

  @media screen and (max-width: 768px) {
	  .contenedor {
		  top:170px;
		  height: 500px !important;
	  }
  }
.container-compra .footer-area{
	padding-top: 10px;
}
.atras
{
	font-size:14px;
	font-weight: 600;
	color:#006FB9;
}
.cuerpo-compra
{
	min-height: calc(100vh - 150px);
}
.border-right-compra
{
	border-right: 1px solid #CCE2F1;
}
.atras img
{
	width:24px; heigth:24px;
}
/* home */
@media (min-width: 1400px) {
  .container-1440 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
body{
	padding-bottom: 80px;
}
.modal-inicia-session img
{
	width: 24px;
	height: 24px;
}
.bloque-estacion
{
	padding: 10px;
    margin: 10px;
	border: 1px solid #CCE2F1;
    background-color: white;
    border-radius: 16px;
}
.bloque-estacion:hover
{
	border: 2px solid #006FB9;
}
.col_precio div.desde
{
	 font-size: 12px;
	 text-align: right;
	 margin: 0;
	 font-weight:400;
}
.col_precio div.precio_promo
{
	 text-align: right;
	 margin: 0;
	 font-weight:600;
}.col_precio div.precio_promo .entero
{
	 font-size: 23px;
}
.col_precio div.precio_promo .decimal
{
	 font-size: 14px;
}
.col_precio.precio_antes
{
	 font-size: 12px;
	 text-align: right;
	 margin: 0;
	 font-weight:400;
	 color: #4D4D4D;
}
.bloque-estacion .pago_online_estacion
{
	background-color: #DBF5E1;
	padding: 5px;
	border-radius: 5px;
	color: #037E1D;
	font-weight: 400;
}
.citas-disponibles img,
.domingos img,
.horario img,
.lugar img
{
	width: 16px;
	height: 16px;
}
.domingos
{
	font-size: 12px;
	font-weight: 600;
}
.citas-disponibles
{
	background-color: #E5F1F8;
	padding:5px;
	border-radius: 5px;
	color: #1A1A1A;
	font-weight:400;
	font-size: 12px;
}
.horario,
.lugar
{
	font-size: 12px;
	font-weight: 400;
}
.btn-elegir-estacion
{
	color:#FFF;
	font-weight: 600;
	font-size: 14px;
	text-align:center;
	height: 42px;
	width: 130px;
	padding:10px;
	text-decoration:none;
	background-color: #EF7D00;
	border-radius: 100px;
}
.btn-elegir-estacion:hover
{
	color: #FFF;
	text-decoration:none;
	background-color: #006FB9;
}
.bloque-azul{
	background-color: #15153E;
	color: #FFF;
	border-radius: 16px;
	font-size:20px;
	font-weight: 400;
	padding: 10px;
    margin: 10px;
}
.bloque-azul span{
	font-size:12px;
}
.bloque-azul .bloque-texto
{
	padding-top:10px;
}
@media screen and (max-width: 768px) {
	body{
		padding-bottom: 80px;
	}

	.bloque-estacion .pago_online_estacion small
	{
		font-size:11px;
	}
	.ver-horarios
	{
		font-size: 12px;
		color: #006FB9;
		weight: 600;
	}
	.flecha{
		width: 16px;
		height: 16px;
	}
	.btn-elegir-estacion
	{
		display: block;
		color:#FFF;
		font-weight: 600;
		font-size: 14px;
		text-align:center;
		height: 42px;
		width: 100%;
		padding:10px;
		text-decoration:none;
		background-color: #EF7D00;
		border-radius: 100px;
	}
	.contenedor-toggle {
		background-image: url(../images/btn-lista-mapa.png);
		background-position: center;
		background-size: contain;
		height: 40px;
		background-repeat: no-repeat;
	}
	.mapa-estacion
	{
		display:none;
	}
	.posicion-boton {
	  position: relative;
	  height: 100%;
	}

	.boton-zona {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  display: block;
	  text-indent: -9999px; /* oculta texto visualmente pero mantiene accesibilidad */
	  background-color: transparent;
	  cursor: pointer;
	}
	.pie-flotante-mobile {
		height:70px;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  background-color: #15153E;
	  color: #FFF;
	  padding: 10px 0;
	  text-align: center;
	  z-index: 999;
	  box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
	}
	.pie-flotante-mobile img
	{
		width: 18px;
		height: 18px;
	}
	button.comprar
	{
		width: 100%;
	}
	h1.reserva-itv, h3.reserva-itv
	{
		font-size: 23px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.servicios
	{
		padding-left: 10px;
	}
	.servicios,
	.combustibles
	{
		margin-bottom: 5px;
	}
	.servicios a,
	.combustibles a 
	{
		padding-left: 0px;
	}
}
/* home */
/* Modal ultima itv */
#modal_ultima_itv div.bloque img
{
	width: 64px;
	height: 64px;
}
.ultima-itv-bienvenida
{
	font-size: 16px;
	font-weight: 400;
	color: #4D4D4D;
}
.ultima-itv-pregunta
{
	font-size: 23px;
	font-weight: 600;
	color: #1A1A1A;
}
.ultima-itv-texto
{
	font-size: 16px;
	font-weight: 400;
	color: #1A1A1A;
}
.ultima-itv-estacion
{
	font-size: 14px;
	font-weight: 400;
	color: #4D4D4D;
}
.ultima-itv-estacion-nombre
{
	font-size: 20px;
	font-weight: 600;
	color: #4D4D4D;
}
.ultima-itv-estacion-localidad
{
	font-size: 16px;
	font-weight: 400;
	color: #1A1A1A;
}
/* Modal ultima itv */
/* migas */
.migas-paso-seleccion
{
	color: #1A1A1A;
	font-size: 18px;
	font-weight: 600;
}
.migas-paso-modificar,
a.modal-modificar-compra
{
	color: #006FB9;
	font-size: 18px;
	font-weight: 600;
}
a.modal-modificar-compra img
{
	width: 24px;
	height: 24px;
}
.migas-paso-texto
{
	color: #4D4D4D;
	font-size: 18px;
	font-weight: 400;
}
.migas-paso-opcion
{
	color: #4D4D4D;
	font-size: 16px;
	font-weight: 400;
}
.migas-border-bottom
{
	border-bottom: 1px solid #CCE2F1;
}
/* paso 5 */
.btn-tarifa-seleccionar
{
	color:#FFF;
	background-image:  url("/images/tarifas/btn-tarifas-seleccionar.png");
	background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 10px;
	font-size:14px;
	font-weight:600;

}
.btn-tarifa-seleccionar:hover
{
	background-image:  url("/images/tarifas/btn-tarifas-seleccionar-hover.png");
}
.tarifa-recomendada
{
	color: #006FB9;
	font-size: 11px;
	font-weight: 600;
	background-image: url(../images/extras/extra-vip.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 25px;
	margin: 0 15px;
	padding-top: 5px;
	min-width:135px;
	border: 1px solid #006FB9;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0;
}

a.seleccionar{
	text-align:center;
	margin: 0 auto;
	min-width: 280px;
}
.condiciones-tarifa
{
	font-size: 12px;
	font-weight: 400;
	color: #1A1A1A;
	background-color: #E5F1F8;
	border-radius: 8px;
	padding: 10px 0;
}
.condiciones-tarifa div
{
	display: flex;
    gap: 10px;
}
.condiciones-tarifa a
{
	color: #1A1A1A;
	font-weight: 600;
	text-decoration: none
}
.condiciones-tarifa img
{
	width: 20px;
	height: 20px;
}
@media screen and (max-width: 768px) {
	.bservicio.recomendada
	{
		min-height: 340px;
	}
	.bservicio h4 {
		font-size: 26px;
	}
	small.desc
	{
		color: #4D4D4D;
	}
}
/* modal importe final*/ 
.importe-final img
{
	width: 64px;
	height: 64px;
}
.importe-final h1
{
	font-size: 26px;
	font-weight:600;
	color: #1A1A1A;
}
.importe-final p
{
	font-size: 14px;
	font-weight:400;
	color: #1A1A1A;
}
.importe-final a
{
	color: #FFF;
	background-image: url(../images/tarifas/btn-tarifas-aceptar.png);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    float: right;
    width: 120px;
    text-decoration: none;
}
.importe-final a:hover
{
	background-image: url(../images/tarifas/btn-tarifas-aceptar-hover.png);
}
/* modal importe final */
/* modal itv express */
@media (min-width: 1024px) {
	.modal.show .modal-dialog
	{
		max-width: 50%;
	}
}
.itv-express img
{
	width: 64px;
	height: 64px;
}
.itv-express img.flecha
{
	width: 16px;
	height: 16px;
}
.itv-express a.cambiar-itv-express
{
	color: #FFF;
	background-image: url(../images/tarifas/btn-elige-itv-express.png);
	background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    float: right;
    width: 207px;
    text-decoration: none;
}
.itv-express a.cambiar-itv-express:hover
{
	background-image: url(../images/tarifas/btn-elige-itv-express-hover.png);
}
.itv-express a.continuar
{
	font-size: 14px;
	font-weight: 400;
	color: #EF7D00;
	text-decoration: none;
	float: right;
    width: 120px;
    padding-top: 12px;
}
.itv-express a.continuar:hover
{
	color: #006FB9;
}
.itv-express h1
{
	font-size: 26px;
	font-weight:600;
	color: #1A1A1A;
}
.itv-express p
{
	font-size: 14px;
	font-weight:400;
	color: #1A1A1A;
}
/* modal itv express */
/* paso 6b */
.servicio-vip
{
	color: #006FB9;
	font-size: 11px;
	font-weight: 600;
	background-image: url(../images/extras/extra-vip.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 25px;
	margin: 0 15px;
	padding-top: 5px;
}
.servicio-vip.active
{
	background-image: url(../images/extras/extra-vip-hover.png);
}
small.desc
{
	color:#4D4D4D;
	font-size:14px;
	font-weight:400;
	padding-bottom: 15px;
	line-height: 18px;
	display: flex;
	align-items: flex-start;
}
.titmejora
{
	font-size: 20px;
	font-weight: 600;
	color: #1A1A1A;
}

@media screen and (max-width: 768px) {
	small.desc
	{
		padding-bottom: 5px;
	}
	.botones-pago{
		z-index: 99999;
		bottom: 15px;
	}
	.titmejora
	{
		font-size: 20px;
		font-weight: 600;
		color: #1A1A1A;
	}
}

a.anadir
{
	text-align: center;
	margin: 0 auto;
	min-width: 280px;
}
.btn-anadir
{
	color: #FFF;
	background-image: url(../images/extras/btn-mejora-anadir.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
	text-decoration:none;
}
.btn-anadir:hover
{
	background-image: url(../images/extras/btn-mejora-anadir-hover.png);
}
.mejora_anadida
{
	font-size: 16px;
	font-weight: 600;
	color: #1A1A1A;
}
.mejora_anadida img
{
	width: 24px;
	height: 24px;
}
/*.bmejora span.precio-tachado
{
	font-weight: 400;
	font-size: 16px;
	text-decoration-line: line-through;
	color: #4D4D4D;
}*/
.bmejora span.precio {
	color: #1a1a1a;
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	display: block;
}
.bmejora span.precio .entero {
	font-size: 36px;
	font-weight: 600;
}

.bmejora span.precio .decimal {
	font-size: 16px;
	font-weight: 600;
}
.bmejora span.precio-tachado {
	font-size: 16px;
	font-weight: 400;
	text-decoration-line: line-through;
	color: #4D4D4D;
}
/* paso 7 */
.tienes_cuenta
{
	background-color: #FFF;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
	color: #1A1A1A;
	height: 56px;
}
.tienes_cuenta abierto
{
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #006FB9;
}
.tienes_cuenta img{
	height: 16px;
	width: 16px;
}
.continua_invitado
{
	font-size: 23px;
	font-weight: 600;
	color: #1A1A1A;
}
.registro_condiciones
{
	font-size: 12px;
	font-weight:400;
	color: #1A1A1A;
}
.registro_condiciones a
{
	color: #1A1A1A;
	text-decoration: underline;
}
.quiero_factura
{
	font-size: 16px;
	color: #1A1A1A;
}
.quiero_factura span
{
	font-size: 14px;
}
.continua_registrado h3,
.cupon h3,
.metodo-pago h3
{
	font-size:23px;
	font-weight: 600;
	color: 1A1A1A;
}
.cupon-flecha
{
	background-color: #FFF;
	padding:10px;
	border-radius: 16px;
	margin: 0;
}
.cupon-flecha span
{
	font-size:14px;
	font-weight: 400;
	color: #1A1A1A;
}
.cupon img.rueda,
#capa-mensaje-cupon img
{
	width:24px;
	height: 24px;
}
#capa-mensaje-cupon p
{
	border-radius: 4px;
	margin-top: 10px;
	padding: 5px;
	background-color: #DBF5E1;
	display: inline-block;	
}
#capa-cupon {
  display: none;
}

#capa-cupon.visible {
  display: flex;
}


.payment-method {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
}

.option {
  border: 1px solid #CCE2F1;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  transition: border-color 0.3s;
  background-color: #FFF;
}

.option.selected {
  border: 2px solid #006FB9;
}

.option input[type="radio"] {
	appearance: none;
	width: 18px;
	height: 18px;
	border: 2px solid #006FB9;
	border-radius: 50%;
	margin-right: 12px;
	position: relative;
	cursor: pointer;
	margin-top: 2px;
}

.option input[type="radio"]:checked {
  border-color: #007bff;
}

.option input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #007bff;
  border-radius: 50%;
}

.option label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	cursor: pointer;
    margin: 8px 0;
}

.label-text {
  font-weight: bold;
  color: #333;
}

.logos {
  display: flex;
  gap: 8px;
}

.logos img {
  height: 24px;
  width: auto;
}
@media screen and (max-width: 768px) {
	img.rueda{
		width: 20px;
		height: 20px;
	}
}
.imagen-animacion-guino
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 80px;
	height: auto;
	z-index: 9999;
	pointer-events: none;
}
.texto-pago-estacion
{
	font-size: 14px;
	font-weight: 400;
	color: #1A1A1A;
}
.texto-cambiar-tarifa a
{
	font-size: 14px;
	font-weight: 600;
	color: #006FB9;
}
/* MODAL MODIFICAR SELECCION*/
#modal-modificar-compra .modal-content
{
	border-radius: 16px;
	padding: 0 10px;
}
#modal-modificar-compra .modal-header
{
	font-size: 18px;
	font-weight: 600;
	color: #1A1A1A;
}
#modal-modificar-compra .modal-body
{
	padding-top: 0;
}
.modificar-seleccion
{
	font-size: 14px;
	font-weight: 400;
	color: #1A1A1A;
}
.modificar-seleccion label{
	font-size: 14px;
	font-weight: 400;
	color: #4D4D4D;
}
.modificar-seleccion img{
	width: 24px;
	height: 24px;
}
.texto_desc_promo
{
	font-size: 14px;
	font-weight: 400;
	background-color: #DBF5E1;
	color: #037E1D;
	border-radius: 4px;
}
p.texto_desc_promo img
{
	width: 20px;
	height: 20px;
}
/* MODAL INICIAR SESSION */
#modal-inicia-session h1{
	font-size: 29px;
	font-weight: 600;
	color: #1A1A1A;
}
#modal-inicia-session h3{
	font-size: 20px;
	font-weight: 600;
	color: #1A1A1A;
}
#modal-inicia-session input
{
	border: 1px solid #CCE2F1;
	border-radius: 4px;
	height: 56px;
}
#modal-inicia-session #inicia-session,
#modal-inicia-session #continua-session,
#modal-inicia-session #recupera-pass
{
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: 10px;
	text-decoration:none;
	height: 56px;
	width: 357px;
	border: 0;
    margin: 0 auto;
	background-color: #EF7D00;
	border-radius: 100px;
}
#modal-inicia-session #inicia-session:hover,
#modal-inicia-session #continua-session:hover,
#modal-inicia-session #recupera-pass:hover
{
	background-color: #006FB9;
}
#modal-inicia-session p.olvidar-contrasena{
	font-size: 14px;
	font-weight: 400;
	color: #1A1A1A;
	margin-bottom:0px;
}
#modal-inicia-session a.recuperar-contrasena{
	font-size: 14px;
	font-weight: 600;
	color: #EF7D00;
}
#modal-inicia-session p.no-tienes-cuenta{
	font-size: 14px;
	font-weight: 400;
	color: #4D4D4D;
    width: 50%;
    margin: 0 auto;
    padding: 15px 0;
}
#modal-inicia-session a.no-tienes-cuenta
{
	color: #006FB9;
	font-size: 14px;
	font-weight: 400;
	background-image: url(../images/resumen/btn-no-tienes-cuenta.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 17px;
	text-decoration:none;
	height: 56px;
	width: 357px;
	border: 0;
    margin: 0 auto;
	display: block;
}
#modal-inicia-session a.no-tienes-cuenta:hover
{
	color: #15153E;
	background-image: url(../images/resumen/btn-no-tienes-cuenta-hover.png);
}
@media screen and (max-width: 768px) {
	#modal-inicia-session #inicia-session,
	#modal-inicia-session #continua-session,
	#modal-inicia-session #recupera-pass
	{
		width: 100%;
	}
	#modal-inicia-session a.no-tienes-cuenta
	{
		width: 100%;
	}
	#modal-inicia-session p.no-tienes-cuenta
	{
		width: 100%;
	}
}

.btn-itv {
  color: #fff;
  background-color: #f39509;
  border-color: #f39509;
}

.btn-itv:hover {
  color: #fff;
  background-color: #de8400;
  border-color: #c97200;
}

.btn-itv:focus, .btn-itv.focus {
  color: #fff;
  background-color: #de8400;
  border-color: #c97200;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-itv.disabled, .btn-itv:disabled {
  color: #fff;
  background-color: #f39509;
  border-color: #f39509;
}

.btn-itv:not(:disabled):not(.disabled):active, .btn-itv:not(:disabled):not(.disabled).active,
.show > .btn-itv.dropdown-toggle {
  color: #fff;
  background-color: #c97200;
  border-color: #b46100;
}

.btn-itv:not(:disabled):not(.disabled):active:focus, .btn-itv:not(:disabled):not(.disabled).active:focus,
.show > .btn-itv.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-outline-itv {
  color: #f39509;
  border-color: #f39509;
}

.btn-outline-itv:hover {
  color: #fff;
  background-color: #f39509;
  border-color: #f39509;
}

.btn-outline-itv:focus, .btn-outline-itv.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-itv.disabled, .btn-outline-itv:disabled {
  color: #f39509;
  background-color: transparent;
}

.btn-outline-itv:not(:disabled):not(.disabled):active, .btn-outline-itv:not(:disabled):not(.disabled).active,
.show > .btn-outline-itv.dropdown-toggle {
  color: #fff;
  background-color: #f39509;
  border-color: #f39509;
}

.btn-outline-itv:not(:disabled):not(.disabled):active:focus, .btn-outline-itv:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-itv.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.bloque_precio .comprar img,
.contenido-estaciones .comprar-estaciones img
{
	display: flex;
    margin-top: -10px;
    margin-left: -10px;
}
.bloque_precio button.comprar,
.contenido-estaciones button.comprar-estaciones
{
	background-color: transparent;
}
.bloque_precio input#slider-matricula,
.contenido-estaciones input#slider-matricula
{
	border-radius: 35px;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#capa_calendario .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, #capa_calendario .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled
{
	opacity: 0.5;
}
@media (max-width: 768px) {
	/* Ocultar encabezado */
	div#capa_calendario.vista-dia .ui-datepicker-calendar thead {
		display: none;
	}

	/* Reorganizar las filas del calendario en una sola fila horizontal */
	div#capa_calendario.vista-dia .ui-datepicker-calendar tbody {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}

	div#capa_calendario.vista-dia .ui-datepicker-calendar tr {
		display: contents; /* permite que los td se comporten como hijos directos del tbody flex */
	}

	div#capa_calendario.vista-dia .ui-datepicker-calendar td {
		min-width: 3em; /* ajusta según el tamaño deseado */
		text-align: center;
		border: 1px solid #ddd;
	}

	/* Opcional: mejora visual para scroll horizontal */
	div#capa_calendario.vista-dia .ui-datepicker-calendar {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	div#capa_calendario.vista-dia .ui-datepicker-calendar.mobile-horizontal td::before {
		content: attr(data-day);
		display: block;
		font-size: 0.75em;
		color: #666;
	}
	div#capa_calendario.vista-dia table.ui-datepicker-calendar thead tr th span, 
	div#capa_calendario.vista-dia table.ui-datepicker-calendar tbody tr td span,
	div#capa_calendario.vista-dia table.ui-datepicker-calendar thead tr th a, 
	div#capa_calendario.vista-dia table.ui-datepicker-calendar tbody tr td a
	{
		height:60px!important;
		line-height: 65px !important;
	}
	div#capa_calendario.vista-dia table.ui-datepicker-calendar thead tr th, 
	div#capa_calendario.vista-dia table.ui-datepicker-calendar tbody tr td
	{
		height:18vw!important;
	}
	div#capa_calendario.vista-dia .ui-datepicker-calendar td[data-day] a::before,
	div#capa_calendario.vista-dia .ui-datepicker-calendar td[data-day] span::before {
		content: attr(data-day)!important;
		display: block;
		font-size: 0.75em;
		color: #666;
		margin-bottom: 2px;
		text-align: center;
	}
	div#capa_calendario.vista-dia div.day-label
	{
		position: absolute;
		top: 5px;
		left:50%;
		color:#1A1A1A;
		transform: translateX(-50%);
		font-size: 12px;
		line-height:16px;
		padding: 1px;
		border-radius: 2px;
		z-index: 3;
		text-align: center;
		pointer-events: none;
	}	
	div#capa_calendario.vista-dia div.promo-label
	{
		bottom: 0px;
		left:49%
	}
	div#capa_calendario.vista-dia .ui-datepicker-current-day div.day-label
	{
		color:#FFF;
	}
	div#capa_calendario.vista-dia .ui-datepicker table.ui-datepicker-calendar tbody tr td span, 
	div#capa_calendario.vista-dia .ui-datepicker table.ui-datepicker-calendar tbody tr td a
	{
		font-size: 15pt;
	}
	div#capa_calendario.vista-dia .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-disabled .ui-state-default::before
	{
		left: -37%;
		width: 173%;
		transform: rotate(55deg);
	}
	div#capa_calendario.vista-dia table.ui-datepicker-calendar
	{
		border-radius:0px;
	}
	div#capa_calendario.vista-dia .ui-datepicker table.ui-datepicker-calendar tbody tr td
	{
		border: 0px;
		margin: 0 8px!important;
	}
	div#capa_calendario.vista-dia table.ui-datepicker-calendar
	{
		background-color:transparent;
	}
	div#capa_calendario.vista-dia .ui-datepicker-calendar tbody
	{
		padding: 10px 0;
	}
	div#capa_calendario.vista-dia .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-disabled:not(.cerrada) 
	{
		display: none;
	}

	div#capa_calendario:not(.vista-dia) .ui-datepicker table.ui-datepicker-calendar tbody tr td.ui-state-disabled
	{
		display: table-cell;
	}
	
	div#cal-mes-dia
	{
		width: 25%;
		position: absolute;
		right: 30px;
		z-index: 9;
	}
	div#cal-mes
	{
		border: 1px solid #CCE2F1;
		border-radius: 100px 0 0 100px;
		padding-left: 10px;
		padding-top: 3px;
		height: 30px;
	}
	div#cal-dia
	{
		border: 1px solid #006FB9;
		border-radius: 0 100px 100px 0;
		padding-left: 10px;	
		padding-top: 3px;
		height: 30px;
	}
	div#cal-mes-dia .selected
	{
		background-color: #E5F1F8;
		border: 1px solid #006FB9;
	}
}

}