@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap');
:root {
	--blanco: #fff;
	--negro: #000;
	--grisLetras: #898e91;
	--grisBorde: #E3E2E7;
	--grisClaro: #FAFAFA;
	--grisOscuro: #3b3b3b;
	--grisLinea: #ccc;
	--naranja: #FF914C;
	--rosa: #FF8790;
	--google: #EA4335;
	--facebook: #005095;
}
body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	scroll-behavior: smooth;
}
h1 {
	width: 1px;
    overflow: hidden;
    top: -1500px;
    margin: 0;
    height: 1px;
}
a { text-decoration: none; outline: none; }
.container {
	position: relative;
	width: 1300px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.loader {
	display: none;
	width: 150px;
	text-align: center;
	position: fixed;
	top: 47%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10002;
}
.loader h1 { text-align: center; color: var( --blanco ); margin: 15px 0; }
.loader > div {
	width: 18px;
	height: 18px;
	background-color: var( --rosa );
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.loader > div.bounce1 { background-color: var( --naranja ); }
.loader > div.bounce3 { background-color: var( --naranja ); }
.loader .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}
.capaNegra {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10001;
	background-color: var( --blanco );
	display: none;
}
header { border-bottom: 1px solid var( --grisBorde ) }
footer { border-top: 1px solid var( --grisBorde ) }
header, footer {
	padding: 15px 0;
}
header .container, footer .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header a img {
	height: 70px;
	width: auto;
}
header nav ul, footer nav ul {
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}
header nav ul li, footer nav ul li { margin: 0 10px; }
header nav ul li:first-child, footer nav ul li:first-child { margin-left: 0; }
header nav ul li { font-size: 16px; }
footer nav ul li { font-size: 12px; }
header nav ul li a, footer nav ul li a {
	text-decoration: none;
	color: var( --negro );
	transition: 0.4s all;
}
.divdetalleProveedor:hover{
	cursor: pointer;
}
.mb-3  { margin-bottom: 1rem !important; }
.mb-4  { margin-bottom: 1.5rem !important; }
.mt-3  { margin-top:    1rem !important; }
.me-4  { margin-right:  1.5rem !important; }

.p-2   { padding:          0.5rem !important; }
.p-4   { padding:          1.5rem !important; }
.px-2  { padding-left:  0.5rem !important;
         padding-right: 0.5rem !important; }
.px-4  { padding-left:  1.5rem !important;
         padding-right: 1.5rem !important; }
.pt-4  { padding-top:     1.5rem !important; }

@media (max-width: 768px) {
  #hostModal .modal-body {
    flex-direction: column !important;
  }
  #hostModal .host-card-wrapper {
    flex: 1 1 100% !important;
    min-width: auto !important;
    margin-right: 0 !important;
  }

  #hostModal .card .d-flex.justify-content-between {
    flex-wrap: wrap !important;
  }
  #hostModal .card .d-flex.justify-content-between > div {
    flex: 1 1 50% !important;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 576px) {
  #hostModal h2 {
    font-size: 1.25rem;
    text-align: center;
    padding: 0.75rem 1rem;
  }
  #hostModal .modal-body {
    padding: 1rem !important;
  }

  #hostModal .card .d-flex.align-items-center {
    justify-content: center !important;
    text-align: center;
  }
  #hostModal .card .d-flex.align-items-center img {
    margin-right: 0 !important;
    margin-bottom: 0.75rem;
  }

  #hostModal .host-card-wrapper p {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}
header nav ul li a:hover, footer nav ul li a:hover { color: var( --naranja ); }
main { min-height: 80vh; box-sizing: border-box; }
.mainTitle {
	position: absolute;
	left: -9000px;
	top: -9000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.sociales a {
	text-align: center;
	display:inline-block;
	border-radius: 100%;
	position: relative;
	width: 30px;
	height: 30px;
	margin: 0 3px;
	box-sizing: border-box;
	padding-top: 5px;
}
.sociales a i {
	color: #333;
	font-size: 18px;
	position: relative;
	z-index: 1;
}
.sociales a span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	width: 0;
	background-color: #ff620c;
}
.sociales a:hover span {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	top: 0;
	left: 0;
}
.sociales a:hover i { color: #fff; }
#filtraResultados {
	border: 1px solid var( --grisBorde );
	border-radius: 50px;
	padding: 8px 15px;
}
#filtraResultados .fullFiltros {
	display: flex;
	align-items: center;
	justify-content: center;
}
#filtraResultados .campoFiltro { display: flex; align-items: center; }
#filtraResultados .campoFiltro:last-child { border-right: 1px solid var( --grisBorde ) }
#filtraResultados .campoFiltro i { margin-right: 5px; }
#filtraResultados .campoFiltro input, .comiseo-daterangepicker-triggerbutton.ui-button {
	border: none;
	outline: none;
	padding: 5px;
	background-color: var( --blanco );
}
#filtraResultados .campoFiltro input#buscaFiltro { width: 200px; }
#filtraResultados .campoFiltro input#fechaFiltro { width: 125px; }
#filtraResultados .boton { border-radius: 50px; font-size: 18px; margin: 0 }
.swiper-container { overflow: hidden; }
.categoryList { margin: 15px 0; }
.category {
	display: flex;
	justify-content: center;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	padding: 5px 15px;
	box-sizing: border-box;
	border-bottom: 2px solid var( --blanco );
	transition: 0.4s all;
}
.category a {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	padding: 8px 12px;
	box-sizing: border-box;
	color: var( --negro );
	text-decoration: none;
	font-size: 10px;
	box-shadow: 0 .125rem .125rem -.125rem #1f1b2d14,0 .25rem .75rem #1f1b2d14;
}
.category a i {
	font-size: 20px;
	border-radius: 50%;
	min-width: 40px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var( ----grisBorde );
	color: var( --naranja );
	transition: 0.4s all;
	margin-right: 5px;
}
.category.active a i, .category:hover a i {
	background-color: var( --naranja );
	color: var( --negro );
}
.desaparece{
	display: none ;
}
.imagenPerfilDetalle {
	max-width: 20%;
    height: auto;
    width: 100%;
    padding: 1%;
	object-fit: cover;
}
.d-flex{
	display: flex;
}
.p-1{
    padding: 1%;
}
.p-2{
    padding: 2%;
}
.align-items-center{
	align-items: center;
}
.flex-wrap{
	flex-wrap: wrap;
}
.gap-3{
	gap: 1rem;
}
.me-1{
	margin-right: 0.25rem;
}
.me-2{
	margin-right: 0.5rem;
}
.modal h2 {
	width: 100%;
	padding: 0 15px 15px;
	box-sizing: border-box;
	border-bottom: 1px solid var( --grisBorde );
}
.modal h2 b, .modal h3 b { color: var( --naranja ); }
#loginForm h3, #registroForm h3 { text-align: center; }
#productosModal { max-width: 900px; }
#loginForm label, #registroForm label, #eventoForm label, #productosModal label { display: block; margin: 5px 0; }
#loginForm input, #registroForm input, #eventoForm input, #metodoPago input, #productosModal input, #productosModal select, #metodoPagoFirma input #productosModal textarea , #zonasAtencion input, #nuevoMetodoPago input, #verificaModal input, #verificaTelModal input{
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 8px;
	border: 1px solid var( --grisBorde );
}
.divarchivos {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid var( --grisBorde );
}
.deleteBtn:hover {
	cursor: pointer;
}
#productosModal textarea { height: 150px; padding: 10px; }
#productosModal textarea.buscaMapa { height: 75px; }
#productosModal h2 { display: none; }
.wizard .steps ul {
	list-style: none;
	margin: 0;
	padding: 8px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: row wrap;
	width: 100%;
	background-color: var( --grisBorde );
}
.wizard .steps ul li { display: flex; align-items: center; transition: 0.4s all; }
.wizard .steps ul li.current, .wizard .steps ul li:hover, .wizard .steps ul li:focus { border-bottom: 1px solid var( --naranja ); }
.wizard .steps ul li a { padding: 8px; margin: 5px; color: var( --negro ); font-weight: bold; }
.wizard .steps ul li a .current-info {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.wizard .actions ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wizard .actions ul li a {
	width: 100%;
	height: 40px;
	border: 1px solid var( --naranja );
	background-color: var( --naranja );
	color: var( --blanco );
	transition: 0.4s all;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 8px;
	margin: 15px 0;
	text-decoration: none;
	box-sizing: border-box;
	font-size: 12px;
}
.wizard .actions ul li a:hover { background-color: transparent; color: var( --naranja ); }
.wizard section { padding: 10px; border: 1px solid var( --grisBorde ); }
.select2-container .select2-search--inline .select2-search__field { height: auto !important; border: none !important; }
#loginForm, #registroForm {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid var( --grisBorde );
}
#loginForm a, #registroForm a { color: var( --naranja ); margin-top: -5px; }
.tCenter { text-align: center; }
.boton, .loadMore {
	width: 100%;
	height: 40px;
	border: 1px solid var( --naranja );
	background-color: var( --naranja );
	color: var( --blanco );
	transition: 0.4s all;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 8px;
	margin: 15px 0;
	text-decoration: none;
	box-sizing: border-box;
	font-size: 12px;
}
.boton:hover { background-color: transparent; color: var( --naranja ); }
.boton.apple { background-color: var( --negro ); border: 1px solid var( --negro ); }
.boton.apple:hover { background-color: transparent; color: var( --negro ); }
.boton.google { background-color: var( --google ); border: 1px solid var( --google ); }
.boton.google:hover { background-color: transparent; color: var( --google ); }
.boton.facebook { background-color: var( --facebook ); border: 1px solid var( --facebook ); }
.boton.facebook:hover { background-color: transparent; color: var( --facebook ); }
.boton i { margin-right: 10px; }
.g-signin2 .abcRioButton { width: 100% !important; }
.sesionData, .loginData { display: none; }
.linksLogin { height: 20px; }
.linksLogin a { font-size: 12px; }
.linksLogin a:first-child { float: right; }
.linksLogin a:last-child { float: left; }
.miCuentaFlex { display: flex }
.tabsContent {
	width: 100%;
}
.cuentaAdmin {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 250px;
	width: 250px;
}
.cuentaAdmin li {
	display: flex;
	align-items: center;
	border: 1px solid var( --grisBorde );
	overflow: hidden;
}
.cuentaAdmin li a {
	padding: 10px 15px;
	text-decoration: none;
	color: var( --negro );
	transition: 0.4s all;
	display: block;
	width: 100%;
}
.cuentaAdmin li a i { color: var( --naranja ); }
.cuentaAdmin li a:hover, .cuentaAdmin li a.active { background-color: var( --grisBorde ); }
.adminTab {
	border: 1px solid var( --grisBorde );
	width: 100%;
	min-height: 250px;
	padding: 20px;
	box-sizing: border-box;
	display: none;
	margin: 0 auto 20px;
}
.adminTab.active { display: block; }
.adminTab .dFlex { display: flex; align-items: center; }
#info .image {
	max-width: 250px;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid var( --grisBorde );
	border-radius: 15px;
	overflow: hidden;
}
#info .image .photoProfile { color: var( --grisLetras ); }
#info .image .photoProfile img { width: 100%; height: auto; }
#info .image .photoProfile i {
	display: flex;
	width: 100%;
	font-size: 150px;
	align-items: center;
	justify-content: center;
}
#info .image input { display: none; }
#info .info {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.descripcionPerfil label {
    color: var(--grisLetras);
    font-size: 12px;
    display: block;
    width: 60px;
	padding: 5px 5px 5px 0;
}
#info .info .perfilEdit { width: 100%; display: flex; align-items: center; }
#info .info .perfilEdit label {
	color: var( --grisLetras );
	font-size: 12px;
	display: block;
	width: 60px;
}
#info .info .perfilEdit input {
	width: 80%;
	border: none;
	outline: none;
	font-size: 18px;
	padding: 5px;
	box-sizing: border-box;
}
#fiscales .info .perfilEdit { width: 100%; display: flex; align-items: center; }
#fiscales .info .perfilEdit label {
	color: var( --grisLetras );
	font-size: 12px;
	display: block;
	width: 100px;
}
#fiscales .info .perfilEdit input {
	width: 80%;
	border: none;
	outline: none;
	font-size: 18px;
	padding: 5px;
	box-sizing: border-box;
}
#fiscales .info .perfilEdit a { color: var( --naranja ); text-decoration: none; }
#info .info .perfilEdit a { color: var( --naranja ); text-decoration: none; }
#documentoPago img { width: 100%; height: auto; }
.tablaResponsive {
	width: 100%;
	overflow-x: auto;
	border: 1px solid var( --grisBorde );
	padding: 5px;
	box-sizing: border-box;
}
.tablaResponsive table { width: 100%; min-width: 600px; }
.tablaResponsive table thead,
.tablaResponsive table thead tr,
.tablaResponsive table thead tr th {
	background-color: var( --naranja );
	color: var( --blanco );
}
.tablaResponsive table thead tr th, .tablaResponsive table tbody tr td { padding: 10px; box-sizing: border-box; }
.tablaResponsive table tbody,
.tablaResponsive table tbody tr,
.tablaResponsive table tbody tr td {
	background-color: var( --blanco );
	color: var( --grisLetras );
}
#porcentaje {
	display: none;
	position: fixed;
	top: 55%;
	z-index: 10002;
	color: var( --blanco );
	text-align: center;
	width: 100%;
 }
 #porcentaje .ui-widget-header { background-color: var( --naranja ); }
 #porcentajeBarra { width: 800px; max-width: 95%; margin: 0 auto; }
 .margenAuto { margin: 0 auto !important; }
.modal .tablaResponsive table { width: 100%; min-width: 440px; }
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--multiple { min-height: 40px; border: 1px solid var( --grisBorde ) !important; }
.select2-container--default .select2-selection--single { border: none !important; }
#eventos .boton, #productos .boton, #pagos .boton{ width: 250px; }
.tRight { display: flex; justify-content: flex-end; }
.dFlexCenter { display: flex; align-items: center; justify-content: center; }
#eventoPicker { display: none; }
.ui-timepicker-container { z-index: 1 !important; }
.accionLink {
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background-color: var( --naranja );
	color: var( --blanco );
	margin: 0 5px;
	font-size: 18px;
	transition: 0.4s all;
	border: 1px solid var( --naranja );
}
.confirmaLink {
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background-color: var( --naranja );
	color: var( --blanco );
	margin: 0 5px;
	font-size: 12px;
	transition: 0.4s all;
	border: 1px solid var( --naranja );
}
.accionLink:hover { background-color: var( --blanco ); color: var( --naranja ); }
.cuentaAdmin li.anfitrion { display: none; }
.cuentaAdmin li.anfitrion.muestra { display: flex; }
.stripeForm { display: none; }
.metodosPago { display: none; }
#card-element { padding: 8px }
.eventoData p { margin: 0; }
.eventoData p b { color: var( --naranja ); }
.ck-editor__editable[role="textbox"] { min-height: 200px; }
.ck-label { display: none !important; }
/* .steps { display: none; }
#step1 { display: block; } */
.modal .dFlex { display: flex; margin-top: 20px; padding-top: 20px; border-top: 1px solid var( --grisBorde ); }
.modal .dFlex .boton { margin: 0 3px; }
.modal .interno { padding: 0 8px; box-sizing: border-box; }
.errorInput { background-color: #FFE9EA !important; border: 1px solid #ff0000 !important; }
.searchFiltro { display: none; }
#filtraResultados .closeForm { display: none; }
.serviciosLista {
	display: flex;
	flex-flow: row wrap;
	box-sizing: border-box;
}
.servicio {
	position: relative;
	min-width: 23%;
	width: 23%;
	margin: 1%;
}
.servicio .servicioSlide, .servicioDetail .servicioSlide {
	position: relative;
	width: 100%;
	padding: 1px 0;
	margin-bottom: 15px;
}
.servicio .servicioSlide img, .servicioDetail .servicioSlide img { width: 100%; height: auto; border-radius: 22px;  }
.servicio .servicioSlide .videoContainer, .servicioDetail .servicioSlide .videoContainer { width: 100%; max-height: 283px; border-radius: 22px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; }
.servicio .servicioSlide .videoContainer a, .servicioDetail .servicioSlide .videoContainer a { width: 100%; height: 100%; display: block; }
.servicio .servicioSlide .videoContainer video, .servicioDetail .servicioSlide .videoContainer video {  width: 100%; max-height: 100%; width: auto; max-width: 600px }
.servicio .categoriaLink, .servicioDetail .categoriaLink {
	color: var( --naranja );
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
.servicioDetail .categoriaList { margin-bottom: 20px; display: block; }
.slideContent { border-radius: 15px; overflow: hidden; }
.servicio h2 { margin: 0; font-size: 18px; }
.servicio h2 a { color: var( --negro ); text-decoration: none; }
.servicioDetail h2 { margin: 0; }
.servicio p { margin: 3px; }
.servicio b span {
	font-weight: normal;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid var( --grisBorde );
}
.slideContent { position: relative; width: 100%; }
.swiper-slide img { max-width: 100%; height: auto; }
.swiper-slide video { max-width: 100%; height: auto; }
.collageImage a video { width: 100%; height: 100%; transition: 0.4s all; }
.swiper-pagination {
	bottom: 15px !important;
	right: 0;
	left: 0;
	width: auto !important;
	margin: 0 auto!important;
	color: var( --blanco ) !important;
}
iframe, .googleMap { width: 100%; height: 400px; border: none; border-radius: 15px; overflow: hidden; }
.googleMap:empty { height: 1px; }
.collageImage {
	display: flex;
	box-sizing: border-box;
	align-items: stretch;
	max-height: 700px;
}
.collageImage[Altura="Menor"] .imageBoxes {
	align-items: stretch;
	display: flex;
	flex-flow: row wrap;
	box-sizing: border-box;
	width: 50%;
}
.collageImage[Altura="Mayor"] .imageBoxes{
	align-items: center;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    width: 50%;
    flex-direction: column;
    flex-wrap: nowrap;
    /* align-content: center; */
    justify-content: space-around;
}
.collageImage .videoPrincipal{ margin: 1%; width: 48%; height: 100%; position: relative; overflow: hidden; max-height: 707px; border-radius: 15px; }
.collageImage .videoPrincipal a { display: block; width: 100%; overflow: hidden; object-fit: cover; }
/* .collageImage .videoPrincipal a video { height: 100%; } */
.collageImage a { display: block; width: 48%; margin: 1%; border-radius: 15px; overflow: hidden; max-height: 100%; }
.collageImage a img { width: 100%; height: auto; transition: 0.4s all; }
.collageImage a:hover > img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.collageImage .imageBoxes { padding: 1% 0; overflow-y: auto; }
/* .collageImage .imageBoxes a { max-height: 49%; } */
.collageImage .imageBoxes a:nth-child(1), .collageImage .imageBoxes a:nth-child(2) { margin-top: 0 !important; }
.collageImage .imageBoxes a:nth-child(3), .collageImage .imageBoxes a:nth-child(4) { margin-bottom: 0 !important; }
/* .collageImage[cantidad="2"] .imageBoxes a { width: 48%; height: 100%; margin: 0 1%  !important; } */
.collageImage[cantidad="3"] .imageBoxes { width: 67%; }
.collageImage[cantidad="1"] a { display: block; margin: 1%; border-radius: 15px; overflow: hidden; height: 48%; }
.collageImage[cantidad="3"] .imageBoxes a { height: auto; margin: 1% 1% !important; }
.collageImage[cantidad="3"] a.mainImage  { width: 31%; }
.hideLink { display: none; }
.dibujoCanvas {width: 440px; height: 140px; border: 1px solid black;}
hr { border: 1 px solid var( --grisBorde ); margin: 10px 0; }
.swiper-pagination-bullet { width: 15px !important; height: 15px !important; }
.swiper-pagination-bullet { background-color: var( --naranja ) !important; opacity: 0.5 !important; }
.swiper-pagination-bullet-active { opacity: 1 !important; }
.servicioAds {
	position: absolute;
	z-index: 11;
	width: 45px;
	box-sizing: border-box;
	margin: 8px 15px;
	top: 0;
	opacity: 0;
	transition: 0.4s all;
}
.servicioAds a {
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 20px;
	color: var( --negro );
	background-color: var( --naranja );
	border: 1px solid var( --naranja );
	transition: 0.4s all;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	margin-bottom: 10px;
}
.servicioAds a:hover, .servicioAds a.guardado { background-color: var( --blanco ); color: var( --naranja ); }
.servicio:hover > .servicioAds { top: 20px; opacity: 1; }
.swiper-button-next, .swiper-button-prev {
	display: block;
	width: 46px;
	color: var( --naranja ) !important;
	text-align: center;
	top: 70% !important;
}
.swiper-button-next { right: -20px !important }
.swiper-button-prev { left: -20px !important }
.swiper-button-next i, .swiper-button-prev i { display: block; font-size: 18px }
.swiper-button-next span, .swiper-button-prev span { display: block; font-size: 8px; }
.swiper-button-prev:after, .swiper-button-next:after { content: '' !important; }
.blocker { z-index: 100; }
.loadMore {
	border-radius: 50px;
	font-size: 18px;
	margin: 0;
	display: flex;
	width: 150px;
	align-items: center;
	justify-content: center;
	margin: 50px auto;
	transition: 0.4s all;
}
.loadMore i { margin-right: 5px; }
.serviciosDetalles { display: flex; box-sizing: border-box; }
.servicioDetail {
	position: relative;
	max-width: 70%;
	padding: 40px 40px 0 15px;
	box-sizing: border-box;
	width: 100%;
}
aside {
	width: 30%;
	padding: 50px 0;
	box-sizing: border-box;
}
#reservaForm {
	box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
	border: 1px solid var( --grisBorde );
	padding: 25px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 15px;
}
#reservaForm input {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 8px;
	border: 1px solid var( --grisBorde );
}
#reservaConfirmacion input {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 8px;
	border: 1px solid var( --grisBorde );
}
#reservaForm label { display: block; }
.mapaMovil { display: none; margin-top: 20px; }
.mapaPc { display: block; margin-top: 20px; }
.ui-datepicker { z-index: 111 !important; padding: 0 !important; }
.ui-datepicker-header { background-color: var( --naranja ) !important; color: var( --blanco ) !important; border: none !important; }
.ui-datepicker td { padding: 0 !important; }
.ui-datepicker td span, .ui-datepicker td a { padding: 8px !important; }
.ui-state-active, .ui-widget-content .ui-state-active { background-color: var( --naranja ) !important; border: 1px solid var( --naranja ); }
.googleMaps { width: 100%; height: 400px; margin-bottom: 10px; }
/* En tu archivo CSS */
.mapaContainer {
    width: 500px;
    height: 400px;
    margin-bottom: 20px;
    border: 1px solid #000;
}

.fechaDisponible { display: none; }
.noProducts { text-align: center; margin: 100px 0; width: 100%; }
.comiseo-daterangepicker-presets { display: none !important; }
.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar { border: none !important }
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
	background-color: var( --rosa );
}
.ui-front { z-index: 101 !important; }
.comiseo-daterangepicker-triggerbutton.ui-button { width: 100% !important; }
.smalTxt { display: block; font-size: 10px; }
.iconButton { margin-top: 0 !important; font-size: 10px !important; }
.selectorRange { position: relative; }
.circleRange {
	width: 200px;
	height: 200px;
	background-color: var( --naranja );
	opacity: 0.4;
	position: absolute;
	top: 100px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 15;
}
.valoraciones .dFlex { display: flex; justify-content: space-between; }
.valoraciones .dFlex .promedio { min-width: 330px; width: 28%; margin: 1%; }
.valoraciones .dFlex .resultados { min-width: 58%; margin: 1%; }
.valoraciones h4 { font-size: 25px; }
.valoraciones .puntuacion b { font-size: 18px; }
.valoraciones .puntuacion .dFlex { justify-content: space-between; }
.valoraBoton, .verComentarios {
	display: flex;
	width: 100%;
	max-width: 350px;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	border-radius: 5px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #000;
	padding: 10px 0;
	margin: 30px auto;
}
#comentaDiv { list-style: none; margin: 20px 0; padding: 0;width:100%;padding:5%;}
#comentaDiv .comentario img {max-width: 17%;max-height: 20%; padding: 2%; object-fit: cover;}
#comentaDiv .comentario { width: 100%; box-sizing: border-box; padding: 20px; border-bottom: 1px solid #ccc; display: flex;}
#comentaDiv .comentario .contenido-comentario { display: flex; flex-direction: column; flex-grow: 1;}
#comentaDiv .comentario .contenido-comentario .texto {font-weight: bolder; font-size: 11px;}
@media (max-width: 1000px) or (max-width: 1000px){ #comentaDiv .comentario img {max-width: 43%;max-height: 20%; padding: 2%;}}
#valoracionModal { padding: 20px !important; }
.resultados .porcentajePuntos { width: 100%; margin: 30px 0; }
.resultados .porcentajePuntos .dFlex { justify-content: space-between; }
.resultados .porcentajePuntos .score { min-width: 100px; }
.resultados .porcentajePuntos .barraPuntos {
	width: 100%;
	background-color: #ddd;
	height: 5px;
	position: relative;
}
.resultados .porcentajePuntos .barraPuntos span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 5px;
	background-color: #000;
}
.score i { color: #e5be01; }
.score i.no { color: #ddd; }
.modal h2 { font-size: 25px; text-align: center; margin-bottom: 25px; }
.modal label { display: block; width: 100%; margin: 10px 0 5px 0; }
.modal textarea, .modal select {
	height: 45px;
	width: 100%;
	border-radius: 21px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 5px;
}
.modal textarea { height: 180px; }
.modal .boton { display: flex; width: 100%; margin-top: 15px; }
.reservaFixed { display: none; }
.avisoConfianza {
	width: 100%;
	overflow: hidden;
	padding: 30px 8px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px 0;
}
.avisoConfianza img { max-width: 200px; height: auto; display: block; margin-bottom: 20px; }
.whatsChat {
	position: fixed;
	right: 20px;
    bottom: 65px;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	background-color: #0dbc42;
	color: #fff;
	box-sizing: border-box;
	font-size: 30px;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.carritoData { display: none; }
.totales p { width: 200px; max-width: 100%; }
.whatsChat.soporte { display: flex; }
#unidadMedidaServicio { display: block; text-align: center; }
.incluye { font-size: 10px; text-align: center; display: block; }
@media screen and ( max-width: 1050px ) {
	.servicio { min-width: 31%; width: 31%; }
}
@media screen and ( max-width: 1005px ) {
	.miCuentaFlex { display: block; }
	.cuentaAdmin { width: 100%; }
}
@media screen and ( max-width: 994px ) {
	#filtraResultados {
		position: fixed;
		background-color: var( --blanco );
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 111;
		border: none;
		box-sizing: border-box;
		border-radius: 0;
		display: none;
		opacity: 0;
		transition: 0.4s all;
	}
	#filtraResultados.muestra { opacity: 1; display: flex; align-items: center; }
	#filtraResultados .fullFiltros { display: block; width: 100%; }
	#filtraResultados .boton { width: 100%; border-radius: 0 }
	.searchFiltro, #filtraResultados .closeForm {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background-color: var( --naranja );
		transition: 0.4s all;
		border-radius: 50%;
		text-decoration: none;
	}
	.searchFiltro i, #filtraResultados .closeForm i { color: var( --negro ); }
	#filtraResultados .campoFiltro, #filtraResultados .campoFiltro input { width: 100%; }
	#filtraResultados .campoFiltro { border-bottom: 1px solid var( --grisBorde ); margin-bottom: 15px; }
	#filtraResultados .closeForm { position: absolute; top: 10px; right: 10px; }
}
.verDeposito{width: 79%; padding: 5px;}
@media screen and ( max-width: 880px ) {
	aside { width: 35%; }
	.servicio { min-width: 48%; width: 48%; }
	.servicioDetail { width: 65%; }
}
@media screen and ( max-width: 850px ) {
	.valoraciones .dFlex { display: block; }
	.valoraciones .dFlex .promedio { margin: 1% auto; text-align: center; width: 330px; max-width: 100%; min-width: 0; }
	.valoraBoton, .verComentarios { width: 350px; max-width: 100%; }
}
@media screen and ( max-width: 768px ) {
	.servicioSlide  img { width: 100%; }
	footer .container { display: block; }
	footer nav ul { max-width: 500px; margin: 0 auto; justify-content: space-between; }
	.sociales { text-align: center; margin-top: 20px; }
	.servicioDetail, aside { width: 100%; max-width: initial; padding: 0 40px; }
	.serviciosDetalles { display: block; }
	.servicioAds { top: 0; margin: 20px; }
	.servicioAds a { width: 30px; height: 30px; font-size: 18px; }
	.collageImage { margin-bottom: 40px; }
	.collageImage .imageBoxes { display: none; }
	.collageImage a { width: 98% !important; }
	.reservaFixed {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		box-sizing: border-box;
		padding: 5px;
		border-top: 1px #ccc solid;
		min-height: 80px;
		z-index: 11;
	}
	.reservaFixed .dFlex { display: flex; justify-content: space-between; align-items: center; }
	.reservaFixed .dFlex .reservaDescripcion { width: 100%; font-size: 18px; }
	.reservaFixed .dFlex .boton { width: 200px; }
}
@media screen and ( max-width: 650px ) {
	.adminTab .dFlex { display: block; }
	#info .image { max-width: initial; }
	.cuentaAdmin { display: block; border-radius: 15px; }
	.cuentaAdmin li, .cuentaAdmin li.anfitrion.muestra { width: 100%; text-align: center; display: block; }
	.cuentaAdmin li:first-child, .cuentaAdmin li:last-child { border-radius: 0 !important; }
	.cuentaAdmin li a { display: block; text-align: center; }
	.servicio { min-width: 98%; width: 98%; }
	.servicioAds { top: 20px; opacity: 1; }
	.swiper-button-next { right: 0 !important }
	.swiper-button-prev { left: -10px !important }
	header nav ul li { margin: 0 3px; }
	.loginData a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background-color: var( --naranja );
		transition: 0.4s all;
		border-radius: 50%;
		text-decoration: none;
	}
	.loginData a span { display: none; }
	.loginData a i { color: var( --negro ); }
	header a img { height: 65px; }
}
@media screen and ( max-width: 520px ) {
	footer nav ul { width: 100%; display: block; text-align: center; }
	.servicioDetail, aside { padding: 0 20px; }
	.servicioDetail { padding: 40px 20px; }
}
.contacto h2{
	font-size: large;
	text-align: left;
	width: 100%;
	padding: 0 15px 15px;
	box-sizing: border-box;
	border-bottom: 1px solid var( --grisBorde );
	float: left;
}
.contacto .asunto {height: 50px; border-radius: 15px; }