/*Css específico para la sección del calculador de mudanzas */

/* Fuentes de Google */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

/*Variables*/
/*Estos son los valores por defecto. Se sobrescriben en la vista del calculador, es decir en formulario_calculador_mudanzas.php */

/**********************************************************************/
/*Andre demenagement*/
/*
:root{

	--color-principal-web:#c83a2b; 
	--color-secundario-web:#20294f;  

	--bg-dropdown-cerrado:#E2E2E2;
	--txt-dropdown-cerrado:var(--color-secundario-web);
	
	--bg-dropdown-abierto:var(--color-secundario-web); 
	--txt-dropdown-abierto:white;
	 
	--filtro-iconos-svg:none;

	--bg-cv-inventario-seleccionado:var(--color-principal-web); 
	--bg-cv-secciones-con-elementos:#e1b9ba;
	--bg-cv-seccion-abierta:var(--color-principal-web);
	
	--cv-filtro-iconos:none;
}

*/

/*Fidem Tremblaye*/
/*
:root{

	--color-principal-web:#009DE2; 
	--color-secundario-web:black;

	--bg-dropdown-cerrado:#E2E2E2;
	--txt-dropdown-cerrado:var(--color-secundario-web);
	
	--bg-dropdown-abierto:var(--color-secundario-web); 
	--txt-dropdown-abierto:white;
	
	--filtro-iconos-svg:grayscale(100%);
	
	--bg-cv-inventario-seleccionado:var(--color-principal-web); 
	--bg-cv-secciones-con-elementos:#b8e0e0;
	--bg-cv-seccion-abierta:var(--color-principal-web);
	
	--cv-filtro-iconos:invert(100%);
}
*/

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


/* Reescritura de los colores del calculador de volumen */

#genericos div.generico input[type="checkbox"]:checked{
	background-color:var(--bg-cv-inventario-seleccionado);
}

div.\!tw-bg-\[\#e1b9ba\]{
	background-color:var(--bg-cv-secciones-con-elementos)!important;
}
div.\!tw-bg-primary{
	background-color:var(--bg-cv-seccion-abierta)!important;
}

div.tw-text-primary{
	color:var(--color-secundario-web);
}

div[id*=item] img{
	filter:var(--cv-filtro-iconos);
}


/*Cabecera de la edición de la reserva*/
#contenedorCalculador #cabeceraEdicion{
	display:none;
}


/*Formulario de búsqueda*/
/**********************************************************************/

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{
	margin:0;
}

body {
  line-height: inherit;
}

#contenedorCalculador h1, #contenedorCalculador h2, #contenedorCalculador h3, #contenedorCalculador h4,#contenedorCalculador h5,#contenedorCalculador h6{
	font-size:inherit;
	font-weight:inherit;
}

#contenedorCalculador #formularioCalculador .contenedorInput{
	border-style:solid;
	border-width:1px;
	border-color:blue;
	border-radius: 25px;
	border-color:var(--color-secundario-web);
	
	color: var(--color-secundario-web);
	text-align:left;
	font-size:12px;
	
	padding:15px;
	
	display:flex;
	
	max-height: 56px;
	width:100%;
	
	
}


#contenedorCalculador .labelSlidersDificultad{
	margin-bottom:-6px;
	font-size:12px;
	color:#4d4d4d;
}

input[name=dificultadCarga], input[name=dificultadDescarga]{
	visibility:hidden;
}

#contenedorCalculador .contenedorInput input{
	width:90%;
	color:var(--color-secundario-web);
	border-style:none!important;
}

#contenedorCalculador .contenedorInput .fa{
	font-family:FontAwesome!important;
}

#contenedorCalculador .contenedorInput input[name=origen], #contenedorCalculador .contenedorInput input[name=destino], #contenedorCalculador .contenedorInput input[name=fechaInicio], #contenedorCalculador .contenedorInput input[name=volumen]{
	background:transparent;
}

#contenedorCalculador .contenedorInput input#fechaInicioServicio, #contenedorCalculador .contenedorInput input[name=volumen]{
	width:70%;
}
@media screen and (min-width: 1024px) and (max-width: 1504px){
	#contenedorCalculador .contenedorInput input#fechaInicioServicio, #contenedorCalculador .contenedorInput input[name=volumen]{
		padding-left:0px!important;
		padding-right:0px!important;
	}
}



#contenedorCalculador .contenedorInput #diasAdicionales, #contenedorCalculador .contenedorInput #unidadVolumen{
	position:relative;
	top:3px;
}

#contenedorCalculador .contenedorInput #diasAdicionales{
	width:40%;
}

#contenedorCalculador .contenedorInput #unidadVolumen{
	width:30%;
}

#contenedorCalculador #botonCalculadorVolumenFormularioSuperior{
	height:30px;
	padding:5px!important;
	
	position:relative;
	/*top:-20px;*/
}

@media screen and (min-width: 0px) and (max-width: 1024px){
	#contenedorCalculador #botonCalculadorVolumenFormularioSuperior{
		top:-5px;
	}
}


#contenedorCalculador .contenedorInput .fa-icon-5{
	height:20px;
	/*color:#20294f;*/ /*Se ha generado el filtro a partir de este color en la página: https://codepen.io/sosuke/pen/Pjoqqp  */
	/*filter: invert(11%) sepia(75%) saturate(970%) hue-rotate(201deg) brightness(96%) contrast(90%);*/
}

#contenedorCalculador .fa-map-marker{
	color: var(--color-secundario-web);
	font-family: FontAwesome;
}


#contenedorCalculador .contenedorInput input:focus, #contenedorCalculador .contenedorInput input.input-focused{
	border-style:none!important;
	outline:0 none!important;
}

@media screen and (min-width: 1024px)  {
	#contenedorCalculador #date_wrapper, #contenedorCalculador #date_wrapper_afinar{
		width:500px;
		position:absolute;
	}
}

#contenedorCalculador #date_wrapper, #contenedorCalculador #date_wrapper_afinar{
	display:none;
	z-index:1000000;
	
	background-color:white;
}

#contenedorCalculador #date_wrapper .datepicker-grid, #contenedorCalculador #date_wrapper_afinar .datepicker-grid{
	width: 100% !important;
	font-weight: 200 !important;
}

#contenedorCalculador #date_wrapper span.datepicker-cell.day, #contenedorCalculador #date_wrapper_afinar span.datepicker-cell.day{
	border-radius:999px;
}

.datepicker-cell.selected{
	background-color:white;
}

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  border-width: 1px !important;
  border-style: solid !important;
  /*--tw-border-opacity: 1 !important;*/
  border-color: rgb(218 41 28 / var(--tw-border-opacity)) !important;
  /*--tw-bg-opacity: 1 !important;*/
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  font-weight: 300 !important;
  /*--tw-text-opacity: 1 !important;*/
  color: rgb(218 41 28) !important;
}



#contenedorCalculador .contenedorOpcionesDatePicker{
	padding:5px;
}

#contenedorCalculador .opcionesDatePicker{
	border-style:solid;
	border-width:2px;
	border-color: var(--color-secundario-web);
	border-radius: 15px;
	background-color:white;
	
	color: var(--color-secundario-web);
	
	font-size:10px;
	text-align:center;
	
	padding:5px;
	
	cursor:pointer;
	
}

#contenedorCalculador .opcionesDatePicker:hover, #contenedorCalculador .opcionesDatePicker[selected]{
	color: white;
	background-color:var(--color-secundario-web);
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button, input[type="number"], input[type="number"]:hover, input[type="number"]:focus {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

#contenedorCalculador #botonCalculadorVolumenFormularioSuperior{
	visibility:hidden;
}

#contenedorCalculador #formularioCalculador .botonSubmit, #contenedorCalculador #preReserva .botonSubmit{
	border-style:solid;
	border-width:1px;
	border-color:red;
	border-radius: 25px;
	border-color:var(--color-principal-web);
	
	color: white;
	background-color:var(--color-principal-web);
	text-align:center;
	font-size:11px;
	font-weight:bolder;
	
	padding:18px;
	max-height: 56px;
}

@media screen and (min-width: 1024px)  {
	@-moz-document url-prefix() {
		#contenedorCalculador #formularioCalculador .botonSubmit{
			/*padding-top: 11px;*/
		}
	}
}

@media screen and (min-width: 1024px) and (max-width: 1704px) {
	#contenedorCalculador #formularioCalculador .botonSubmit{
		/*padding-top: 11px;*/
	}
}


/*Inputs type range */
/**********************************************************************/

/*Chrome*/


/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: var(--color-principal-web); 
}

input[type="range"]::-moz-range-track {  
  background-color: var(--color-principal-web);
}

/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: var(--color-principal-web); 
}

/* End inputs type range **********************************************/

#contenedorCalculador .labelDificultad{
	font-size:10px;
	color:var(--color-secundario-web);
	position:relative;
	top:-15px;
}

/*End formulario de búsqueda*******************************************/


/*Formulario del mostrado de resultados*/
/**********************************************************************/


#contenedorCalculador #tituloFormularioMostrarResultados{
	font-family:Manrope!important;
	text-align:center;
	display:none;
	margin-bottom:20px;
}

#contenedorCalculador #tituloFormularioMostrarResultados h1{
	font-family:Manrope!important;
	font-weight:bolder;
}

#contenedorCalculador #formularioMostrarResultados{
	margin-bottom:20px;
}


#contenedorCalculador #formularioMostrarResultados .contenedorInput{
	border-style:solid;
	border-width:1px;
	border-color:blue;
	border-radius: 25px;
	border-color:var(--color-secundario-web);
	
	color: var(--color-secundario-web);
	text-align:left;
	font-size:12px;
	
	padding:15px;
	padding-left:15px;
	
	display:flex;
	
	
}

@media screen and (min-width: 1704px) {
	#contenedorCalculador #formularioMostrarResultados #contenedorTelefono{
		padding:0px;
	}
	
	#contenedorCalculador #formularioMostrarResultados #contenedorTelefono input[name=prefijo_telefonico]{
		width: 55%;
		/*
		border-style: solid!important;
		border-width: 1px;
		border-color: var(--color-principal-web);
		border-radius: 27px;
		*/
		padding-left: 5px;
	}
	
	#contenedorCalculador #formularioMostrarResultados #contenedorTelefono input[name=telefono]{
		background-color: transparent;
		padding-left: 20px;
	}

}

#contenedorCalculador #formularioMostrarResultados #contenedorTelefono{
	padding:0px;
	padding-right: 20px;
}


#contenedorCalculador #formularioMostrarResultados #contenedorPrefijoTelefonico{
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-radius: 25px;
	border-color: var(--color-principal-web);
	display:flex;
	width:60%;
}

#contenedorPrefijoTelefonico img{
	width:30%;
	object-fit: contain;
}

#contenedorCalculador #formularioMostrarResultados #aceptacionCondiciones{
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
}

#contenedorCalculador #formularioMostrarResultados .botonSubmit{
	border-style:solid;
	border-width:1px;
	border-color:red;
	border-radius: 25px;
	border-color:var(--color-principal-web);
	
	color: white;
	background-color:var(--color-principal-web);
	text-align:center;
	font-size:11px;
	font-weight:bolder;
	
	padding:10px;
}

@media screen and (min-width: 640px) {
	#contenedorCalculador #formularioMostrarResultados .botonSubmit{
		padding-top:16px;
	}
}

/* Fin formulario mostrar resultados */

.dropDownsResultado{
	margin-bottom:10px;
}


/*Respuesta del algoritmo*/
/**********************************************************************/


.dropDownsResultado{
	
	filter:blur(8px);
	-webkit-filter: blur(8px);
	
	visibility:hidden;
}

#contenedorCalculador .titulo-dropdown{
	margin-top:0px;
	margin-bottom:0px;
}


#resultadoEstimacion{
	border-radius:15px;
	background-color:white;
	font-family:Manrope!important;
}


#resultadoEstimacion .titulo-dropdown{
	border-radius:15px;
	background-color:var(--bg-dropdown-abierto);
	color:var(--txt-dropdown-abierto);
}


#resultadoEstimacion.dropdown.closed .titulo-dropdown{
	background:var(--bg-dropdown-cerrado);
	color:var(--txt-dropdown-cerrado);
}

#resultadoEstimacion.dropdown.closed .activadorDropdown{
	color:var(--txt-dropdown-cerrado);
}

#resultadoEstimacion .contenido-dropdown{
	padding-left:25px;
	padding-right:25px;
}
#resultadoEstimacion h1{
	font-weight:bolder;
}

#resultadoEstimacion h1, #resultadoEstimacion label{
	font-family:Manrope;
}

#resultadoEstimacion label{
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bolder;
}


#contenedorCalculador #resultadoEstimacion .fa-icon-5{
	height:20px;
	/*color:#20294f;*/ /*Se ha generado el filtro a partir de este color en la página: https://codepen.io/sosuke/pen/Pjoqqp  */
	filter: invert(11%) sepia(75%) saturate(970%) hue-rotate(201deg) brightness(96%) contrast(90%);
}

#resultadoOrigen, #resultadoDestino, #resultadokm, #resultadoVolumen{
	border-radius:20px;
	border-style:solid;
	border-width:1px;
	border-color:var(--color-secundario-web);
	background-color:white;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	
}

#resultadoEstimacion .resultadoOrigen, #resultadoEstimacion .resultadoDestino, #resultadoEstimacion .resultadokm, #resultadoEstimacion .resultadoVolumen{
	border-style: solid;
	border-width: 2px;
	border-color:var(--color-secundario-web);
	border-radius: 25px;
	padding: 2px;
}

#resultadoEstimacion .resultadoPrecioEstimacionGenerica{
	/*color:#D20A11;*/
	color:var(--color-principal-web);
}


@media screen and (max-width: 640px) {
	#contenedorCalculador #resultadoEstimacion .listaResultados .labelListaResultados{
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: lightgray;
	}
}

#contenedorCalculador #resultadoEstimacion .resultadoPrecioEstimacionGenerica{
	font-weight:bolder;
}


/*Pre-reserva*/
/**********************************************************************/

#contenedorSliderDias, #contenedorTipoServicios{
	display:none;
}

#preReserva{
	border-radius:15px;
	background-color:white;
	font-family:Manrope!important;
}


#preReserva .titulo-dropdown{
	border-radius:15px;
	background-color:var(--bg-dropdown-abierto);
	color:var(--txt-dropdown-abierto);
}


#preReserva.dropdown.closed .titulo-dropdown{
	/* background:var(--bg-dropdown-cerrado);*/
	background:#7495FF;
	color:white;
	/*color:var(--txt-dropdown-cerrado);*/
}

#preReserva.dropdown.closed .activadorDropdown{
	color:white;
	/*color:var(--txt-dropdown-cerrado);*/
}

#preReserva .contenido-dropdown{
	padding-left:25px;
	padding-right:25px;
}
#preReserva h1{
	font-weight:bolder;
	color:var(--color-secundario-web);
}

#preReserva h1, #preReserva label{
	font-family:Manrope;
}

#preReserva label{
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bolder;
}


#contenedorCalculador #preReserva .fa-icon-5{
	height:20px;
	/*color:#20294f;*/ /*Se ha generado el filtro a partir de este color en la página: https://codepen.io/sosuke/pen/Pjoqqp  */
	filter: invert(11%) sepia(75%) saturate(970%) hue-rotate(201deg) brightness(96%) contrast(90%);
}

#resultadoOrigen, #resultadoDestino, #resultadokm, #resultadoVolumen{
	border-radius:20px;
	border-style:solid;
	border-width:1px;
	border-color:var(--color-secundario-web);
	background-color:white;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	
}

#preReserva .listaResultados .contenedorInput{
	border-style: solid;
	border-radius: 25px;
	border-width: 1px;
	border-color:lightblue;
	padding-left:20px;
}

#preReserva .listaResultados .contenedorInput input[name=fechaReservaAfinar]{
	width:auto!important;
}

#preReserva .botonSubmit[target=dificultadCarga], #preReserva .botonSubmit[target=dificultadDescarga]{
	background-color:#F58A07!important;
	border-color:#F58A07!important;
}

#preReserva #botonCalculadorVolumenFormularioAfinado{
	/*
	background-color:var(--color-secundario-web)!important;
	border-color:var(--color-secundario-web)!important;
	*/
	
	background-color:#F58A07!important;
	border-color:#F58A07!important;
}

#contenedorCalculador #preReserva .botonSubmit{
	padding:8px;
}

#contenedorCalculador #preReserva .resultadoPrecioEstimacionGenerica{
	font-weight:bolder;
}

#contenedorCalculador #preReserva .swiper{
  height: 80px;
  
  border-style:solid;
  border-width:1px;
  border-radius:50px;
  
  border-color: #e5e7eb;
  
}

#contenedorCalculador #preReserva .swiper-slide{
	/*
	border-left-style:solid;
	border-right-style:solid;
	*/
	border-style:solid;
	border-width:1px;
	
	padding:5px;
	
	text-align:center;
	font-size:12px;
	
	border-color: #e5e7eb;
}

#contenedorCalculador #preReserva .swiper-slide:hover, #contenedorCalculador #preReserva .swiper-slide[selected]{
	z-index:10;
	border-color:var(--color-principal-web);
	background-color:var(--color-principal-web);
	color:white;
	
}

#contenedorCalculador #preReserva .swiper-slide:hover span, #contenedorCalculador #preReserva .swiper-slide[selected] span{
	color:white;
}


#contenedorCalculador #preReserva .swiper-scrollbar{
	display:none;
}

#contenedorCalculador #preReserva .swiper-button-next::after, #contenedorCalculador #preReserva .swiper-button-prev::after{
	font-size:20px;
}

#contenedorCalculador #preReserva .swiper-button-next, .swiper-button-prev{
	background:none!important;
	color:black!important;
}

#contenedorCalculador #preReserva .swiper-slide span{
	color:var(--color-principal-web);
}

#contenedorCalculador #preReserva .swiper-slide b{
	font-size:25px;
}

#contenedorCalculador #preReserva .textoTiposServicios{
	display:none;
}

#contenedorTiposServicios{
	display:none;
}

#tiposServiciosIconos{
	border-top-style: solid;
	border-left-style:solid;
	border-top-color: var(--color-secundario-web);
	border-bottom-color: var(--color-secundario-web);
	border-left-color: var(--color-secundario-web);
	border-top-width: 1px;
	border-bottom-width:1px;
	border-left-width: 1px;
	padding-left: 5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	border-radius: 20px 0px 0px 20px;
	margin-bottom:15px;
}

#tiposServicios{
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-color: var(--color-secundario-web);
	border-width: 1px;
	border-left-width:0px;
	padding:5px;
	padding-left: 0px;
	border-radius: 0px 20px 20px 0px;
	margin-bottom:15px;
}

.filaTipoServicio, .filaIconoTipoServicio{
	padding:15px;
}

.iconosSvg{
	height:30px!important;
	margin:auto;
	filter:var(--filtro-iconos-svg);
}

.nombreTipoServicio{
	font-family:Manrope;
	position:relative;
	color:var(--color-secundario-web);
}

@media screen and (min-width: 1024px)  {
	.nombreTipoServicio{
		top:14px;
	}
	
	.filaTipoServicio, .filaIconoTipoServicio{
		height:120px;
	}
}

.filaTipoServicio .explicacionTipoServicio{
	color:var(--color-secundario-web);
	overflow-y:none;
	height:100%;
	font-size:14px;
}


 /* Hide scrollbar for Chrome, Safari and Opera */
..filaTipoServicio .explicacionTipoServicio::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.filaTipoServicio .explicacionTipoServicio{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 



.botonReserva{
	background: var(--color-principal-web);
	border-radius: 30px;
	padding: 5px;
	text-align: center;
	color: white;
	max-height: 60px;
}

#preReserva .listaTiposServicios{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#D5DDE7;
}

#preReserva .listaTiposServicios{
	color:#95A9C3;
}

#preReserva .listaTiposServicios[selected]{
	color:var(--color-principal-web);
	border-color:var(--color-principal-web);
}

#preReserva #botonEnviarDatosReserva{
	color:white;
	background-color:var(--color-principal-web);
	border-radius:30px;
	text-align:center;
	padding:15px;
	cursor:pointer;
	
	font-weight:bolder;
	
	display:none;
	
	max-height:60px;
	
}

#preReserva #botonEnviarDatosReserva .fa{
	margin:auto;
}

#preReserva #botonRecalcularReserva{
	color:white;
	background-color:#F58A07;
	border-radius:30px;
	text-align:left;
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	cursor:pointer;
	font-weight:bolder;
	white-space:nowrap;
	
	margin-left:auto;
	
}

#preReserva #botonRecalcularReserva .textoBotonesCalcularMudanza{
	margin-right:12px;
}

#preReserva #resumenReserva{
	display:none;	
}

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

	#preReserva #resumenReserva{
		width:80%;
		position:relative;
		left:10%;
		
	}
}

#preReserva #resumenReserva resultadoTelefonoSecundario{
	display:none;
}


#preReserva #resumenReserva .listaResultados{
	padding-bottom:10px;
}

#preReserva #resumenReserva .explicacionOferta{
	font-size:12px;
	color:gray;
} 

#preReserva #resumenReserva .precioOfertaWeb, #preReserva #resumenReserva .notaPrecioOfertaWeb{
	padding:20px;
	/*
	border-style:solid;
	border-color:#0055cc;
	border-radius:5px;
	*/
	
	background-color: #d3dde8;
}

#preReserva #resumenReserva .precioOfertaWeb{
	/*
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	
	border-bottom-style:none;
	*/
}

#preReserva #resumenReserva .notaPrecioOfertaWeb{
	/*
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	
	border-top-style:none;
	*/
	position:relative;
	top:-10px;
	
	padding-top:0px;
}

#preReserva #resumenReserva .filaAhorro{
	background-color: #d3dde8;
	padding:20px;
}


#preReserva #resumenReserva #resumenPreciosReserva{
	padding: 20px;
	border-style: solid;
	border-width: 1px;
	border-radius: 25px;
	border-color: lightgray;
}


/*Pedir una visita técnica/Resumen de la reserva */
/**********************************************************************/

#visitaTecnica{
	border-radius:15px;
	background-color:white;
	font-family:Manrope!important;
	
	overflow:visible;
}


#visitaTecnica .titulo-dropdown{
	border-radius:15px;
	background-color:var(--bg-dropdown-abierto);
	color:var(--txt-dropdown-abierto);
}

#visitaTecnica.dropdown.closed .titulo-dropdown{
	background:var(--bg-dropdown-cerrado);
	color:var(--txt-dropdown-cerrado);
}

#visitaTecnica.dropdown.closed .activadorDropdown{
	color:var(--txt-dropdown-cerrado);
}

#visitaTecnica .contenido-dropdown{
	padding-left:25px;
	padding-right:25px;
}

#visitaTecnica h1{
	font-family:Manrope;
	font-weight:bolder;
	
	color:var(--color-secundario-web);
}

#visitaTecnica #datosClienteResumen{
	color:rgb(0, 37, 84);
}

#visitaTecnica .listaResultados, #visitaTecnica .datosClienteResumen, #preReserva .listaResultados, #resumenReserva .listaResultados{
	/*border-bottom-style:solid;*/
	border-bottom-width:1px;
	border-color:#D5DDE7;
}

#visitaTecnica .listaResultados, #visitaTecnica .datosClienteResumen, #preReserva .listaResultados, #resumenReserva .listaResultados{
	color:var(--color-secundario-web);
}


#visitaTecnica #opcionesVisita{
	background-color:#F8F9FC;
	border-radius:20px;
	border-style:solid;
	border-width:1px;
	border-color:#D5DDE7;
	padding:15px;
}


#visitaTecnica #opcionesVisita .boton{
	border-radius: 20px;
	padding:5px;
	background-color:#D5DDE7;
	color:var(--color-secundario-web);
	margin-bottom:5px;
	font-weight:bolder;
	
	cursor:pointer;
}

#visitaTecnica #opcionesVisita .boton[selected]{
	background-color:var(--color-secundario-web);
	color:white;
}

#visitaTecnica #explicacionViaContacto{
	display:none;
	
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:#D5DDE7;
	border-radius:15px;
	padding:15px;
	
	color:var(--color-secundario-web);
	font-family:helvetica;
}


#visitaTecnica #opcionesVisita .datosVisita{
	background-color:white;
	border-radius:25px;
	border-style:solid;
	border-width:1px;
	border-color:lightgray;
	padding-left:20px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:var(--color-secundario-web);
	font-weight:bolder;
}

#visitaTecnica #opcionesVisita .datosVisita select{
	background-color:white;
}

#visitaTecnica select, #visitaTecnica input{
	border:0;
}



#visitaTecnica #botonEnviarDatosVisita{
	color:white;
	background-color:var(--color-principal-web);
	border-radius:30px;
	text-align:center;
	padding:15px;
	cursor:pointer;
	
	font-weight:bolder;
}

#visitaTecnica #botonEnviarDatosVisita .fa{
	margin:auto;
}


/* Afinar con el calculador de volumen */
/**********************************************************************/

.tw-mb-4 {
  margin-bottom: 1rem;
}

#afinarVolumen{
	border-radius:15px;
	background-color:white;
	font-family:Manrope!important;
}


#afinarVolumen .titulo-dropdown{
	border-radius:15px;
	background-color:var(--bg-dropdown-abierto);
	color:var(--txt-dropdown-abierto);
}

#afinarVolumen.dropdown.closed .titulo-dropdown{
	background:var(--bg-dropdown-cerrado);
	color:var(--txt-dropdown-cerrado);
}

#afinarVolumen.dropdown.closed .activadorDropdown{
	color:var(--txt-dropdown-cerrado);
}

#afinarVolumen .contenido-dropdown{
	padding-left:25px;
	padding-right:25px;
}

@media screen and (min-width: 0px) and (max-width: 640px){
	#afinarVolumen .contenido-dropdown{
		padding-left:0px;
		padding-right:0px;
	}
}



#afinarVolumen h1{
	font-family:Manrope;
	font-weight:bolder;
}

#afinarVolumen #inventory, #afinarVolumen #inventory span{
	border:0;
}

#afinarVolumen .volumen-total{
	background-color:var(--color-principal-web);
	border-radius:1rem;
}

#afinarVolumen #botonRecalcularCalculadorVolumen{
	color:white;
	background-color:#F58A07;
	border-radius:30px;
	text-align:left;
	padding:20px;
	padding-left:25px;
	cursor:pointer;
	font-weight:bolder;
	font-size:17px;
}


.textoCondicionesReserva{
	font-size:10px;
}

#filaBotonReservar{
	display:none;
}


/*Resultados (debug) */

#listadoResultados, #respuestaCalculador{
	filter:blur(8px);
	-webkit-filter: blur(8px);
}