/* CSS Document */

.black {
	font-weight: 900;
	color: inherit;
}

.textoblack {
	font-weight: 900;
	color: inherit;
}

.bold800 {
	font-weight: 800;
}

.normal {
	font-weight: 400;
}

.light {
	font-weight: 300;
}

.corrector {
	clear: both;
}




.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100vh;
	background-color: hsla(220, 65%, 7%, 1);
	background-image:
		radial-gradient(at 25% 85%, rgb(12, 13, 63) 0px, transparent 50%),
		radial-gradient(at 71% 81%, hsla(199, 100%, 21%, 1) 0px, transparent 50%),
		radial-gradient(at 57% 18%, rgb(12, 20, 48) 0px, transparent 50%),
		radial-gradient(at 29% 34%, rgb(31, 92, 126) 0px, transparent 50%),
		radial-gradient(at 98% 99%, rgb(4, 16, 22) 0px, transparent 50%),
		radial-gradient(at 91% 11%, rgb(2, 122, 126) 0px, transparent 50%);
	background-size: cover;
	background-attachment: fixed;
	font-size: 12px;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Spartan', sans-serif;
	font-weight: 400;
	/* o 700 */
	font-size: 12px;

	--color-texto: rgb(215, 234, 243);
	--color-celeste: rgb(103, 230, 235);
	--color-azul: rgb(27, 60, 66);
	--color-elemento: rgba(109, 194, 209, 0.2);
	--color-elemento-hover: rgba(16, 36, 48, 0.7);
	--color-naranja: rgb(228, 120, 70);
	--color-naranja-oscuro: rgb(224, 79, 53);

	color: var(--color-texto);

}

.logout {
	cursor: pointer;
}

.logout:Hover {
	border-bottom: 1px solid #ffffff;
}

a {
	color: inherit;
	text-decoration: inherit;
}

.link {
	display: inline-block;
}

.linkSubrayado {
	display: inline-block;
	font-weight: 900;
}

.linkSubrayado:Hover {
	text-decoration: underline;
}

img {
	border: none;
}

.ancla {
	font-size: 0px;
	height: 0px;
}

.texto08 {
	font-size: 12px;
	line-height: 20px;
}

.corrector {
	clear: both;
}

.todo {
	width: 100%;
	max-width: 1920px !important;
	margin: 0 auto;
	padding-top: 100px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}

.salto {
	width: 1px;
	height: 1px;
	/*background:#F800FF;*/
	position: absolute;
	bottom: 30%;
}

.formAsignar {
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	line-height: 14px;

	border-radius: 2px;
	padding: 20px;
	/*display: none;*/
}

/* ENCABEZADO */

.menu {
	width: calc(100% - 0px);
	height: 60px;
	margin-top: 0px;
	margin-right: 10px;
	/*padding-top:30px;*/
	z-index: 994;
	position: absolute;
	right: 0;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: no-wrap;
	justify-content: flex-end;
}

.botonesMenu {
	width: 100%;
	text-align: center;
}

.botonMenu {
	/*max-width:300px;*/
	/*width:16%;*/
	/* margin:1%;*/
	/*margin-right:1%;
	margin-left:1%;*/
	height: 36px;
	padding: 8px;
	padding-top: 0px;
	padding-bottom: 23px;
	color: var(--color-naranja-oscuro);
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	line-height: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	font-family: "Montserrat", sans-serif;
	border-bottom: 1px solid #ffffff;
}

.botonMenu:Hover {

	border-bottom: 1px solid var(--color-naranja-oscuro);
}

.iconoSubir {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevrons-up' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='7 11 12 6 17 11' /%3E%3Cpolyline points='7 17 12 12 17 17' /%3E%3C/svg%3E");

	background-color: var(--color-naranja);

	border-radius: 50%;

	background-size: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	position: fixed;
	right: -80px;
	bottom: 2%;
	z-index: 999;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.iconoSubir:Hover {
	background-color: var(--color-naranja-oscuro);
}

.iconoSubirVisible {
	right: 10px;
}

.iconoMenuMovil {
	width: 30px;
	height: 30px;
	/*background-color:#FFFFFF;*/
	background-image: url(img/menu_blanco.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: fixed;
	right: -80px;
	top: 15px;
	z-index: 999;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: .5;
}

.iconoMenuMovil:Hover {
	opacity: .8;
}

.iconoUsuario {
	width: 30px;
	height: 30px;

	position: fixed;
	left: 20px;
	top: 10px;
	z-index: 999;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.iconoMenuMovilVisible {
	right: 20px;
}

.menuMovil {
	/*background:#4D5A21;*/
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, .4) 100%);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);

	position: fixed;
	height: 100%;
	width: 100%;
	max-width: 400px;
	left: -401px;


	z-index: 998;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	overflow-y: hidden;
	overflow-x: hidden;

	/* box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.56);
	-webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.56);
	-moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.56); */
}

.botonesMenuMovil {
	margin-top: 80px;
	margin-bottom: 80px;
	position: relative;
}




.botonMenuMovil {
	margin-left: 20px;
	margin-bottom: 5px;
	padding: 10px;
	color: #1E625D;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	display: block;
}

.botonMenuMovil:Hover {
	/*color:#b81867;*/
	color: #2c3b4c;
	background-color: #fff;
}

.botonesMenuMovil .moduloInicio .enlace a {
	width: auto;
	border-left: 6px solid var(--color-celeste);
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	font-size: 14px;

}

.botonesMenuMovil .moduloInicio .enlace a:hover {
	border-left: 6px solid var(--color-celeste);
	background-color: var(--color-celeste);
	color: var(--color-azul);
	/*color: #fff;*/
	padding-left: 20px;
	border-radius: 2px;
}


.botonesMenuMovil .moduloInicio .tituloSeccion {
	width: calc(100% - 20px);
	margin: 0 auto;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: var(--color-elemento);
	color: var(--color-texto);
	text-align: left;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
}

.fondoLogin {
	background-color: var(--color-naranja-oscuro);
}







/* FIN MENU */

.header {
	position: fixed;
	z-index: 990;
	width: 100%;
	height: 70px;

	/* background: #0d3a37; */
	/* background: rgba(0, 0, 0, 0.49); */
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.5298494397759104) 0%, rgba(0, 0, 0, 0) 100%);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.headerIn {
	width: 100%;
	/*max-width:1400px;*/
	margin: 0 auto;
	position: relative;
}

.bienvenido {
	text-align: center;
	z-index: 990;
	width: 100%;
	height: 10px;
	margin-top: 1px;
	font-size: 12px;
	line-height: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	/* border-bottom: 1px solid #E6ECBD; */
	color: #fff;
	position: absolute;
	top: 60px;
}

.footer {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 10px;
}

.contenedorLogoG {
	width: 100%;

}

.logoLoginGrande {
	/*width:160px;*/
	width: 90vw;
	max-width: 200px;
	margin: 0 auto;
	background-image: url(img/logoBvhMas.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 10px;
	margin-top: 30px;
	display: block;
	overflow: hidden;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	aspect-ratio: 2 / 1;
}


.tituloLoginG {
	color: var(--color-texto);
	border-top: 1px solid var(--color-texto);

	max-width: 250px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
	margin-bottom: 20px;
}


.logo {
	width: calc(80vw - 60px);
	max-width: 60px;
	background-image: url(img/logoBvhMas.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 4px;
	left: 20px;
	z-index: 996;
	display: block;
	overflow: hidden;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	aspect-ratio: 1/1;
}








/* ESTETICA */

.seccion {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 30px;
}

.seccionInicio {
	width: calc(100% - 20px);
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;


}

.tituloInicio {
	width: 100%;
	padding: 40px;
	text-align: center;
	font-size: 16px;
}

.moduloInicio {
	box-sizing: border-box;
	width: calc(25% - 40px);
	margin: 20px;
	margin-bottom: 10px;
	margin-top: 0px;

	background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.3) 80px, rgba(48, 130, 144, .2) 100%);
	border-radius: 2px;
	padding: 10px;

}



@media (max-width: 499px) {
	.moduloInicio {
		width: calc(100% - 20px);
		margin: 10px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@media (min-width: 500px) {
	.moduloInicio {
		width: calc(50% - 40px);
		margin: 10px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@media (min-width: 901px) {
	.moduloInicio {
		width: calc(100% / 3 - 40px);
		margin: 20px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@media (min-width:1200px) {
	.moduloInicio {
		width: calc(25% - 40px);
		margin: 20px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}


.botonesMenuMovil .moduloInicio {
	width: calc(100% - 60px);
	margin: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	background: none;
}


.seccionLogin {
	background-color: var(--color-naranja-oscuro);
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: no-wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.contenedorFichaLibro {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.listado {
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
	color: #666666;
	margin-bottom: 20px;
	margin-top: 20px;
}

.dosColumnasAgenda {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

}

.izquierdaAgenda {
	width: calc(30% - 40px);
	/* max-width: 500px; */
	margin: 20px;
	font-size: 14px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	padding-top: 0px;
	margin-top: 30px;
	border-radius: 2px;
	/* border: 1px solid #30905F; */
	background-color: #104642;
	background: rgb(48, 144, 95);
	background: linear-gradient(180deg, rgba(48, 144, 95, 1) 0%, rgba(16, 70, 66, 1) 80px, rgba(16, 70, 66, 1) 100%);

	position: sticky;
	top: 110px;
}


.sticky {
	position: sticky;
	top: 115px;
}

.derechaAgenda {
	width: calc(70% - 40px);
	margin: 20px;
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	margin-top: 20px;
	border-radius: 2px;
	/* border: 1px solid #30905F; */
	background-color: #104642;
	background: rgb(48, 144, 95);
	background: linear-gradient(180deg, rgba(48, 144, 95, 1) 0%, rgba(16, 70, 66, 1) 80px, rgba(16, 70, 66, 1) 100%);
	flex-grow: 2;

}

.columnaTercio {
	width: calc(100% / 3 - 40px);
	margin: 10px;
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
	border-radius: 2px;
	/* border: 1px solid #30905F; */
	background-color: #104642;
	background: rgb(48, 144, 95);
	background: linear-gradient(180deg, rgba(48, 144, 95, 1) 0%, rgba(16, 70, 66, 1) 80px, rgba(16, 70, 66, 1) 100%);
	flex-grow: 0;

}


@media (max-width: 980px) {
	.columnaTercio {
		width: calc(100% - 40px);
		margin-right: 30px;
	}

	.sticky {
		position: relative;
		top: auto;
	}
}

@media (min-width: 980px) {
	.columnaTercio {
		width: calc(50% - 20px);
		margin-right: 10px;
	}

	.sticky {
		position: relative;
		top: auto;
	}
}

@media (min-width: 1200px) {
	.columnaTercio {
		width: calc(100% / 3 - 20px);
		margin-right: 10px;
	}

	.sticky {
		position: sticky;
		top: 85px;
	}
}






.columnaAgenda {
	width: 100%;
	/* max-calkcwidth: 500px; */
	font-size: 14px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	margin-top: 0px;
}

.flexAgenda {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.imc {
	background-color: rgba(45, 141, 120, 0.8);
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 2px;
	margin: 0 auto;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #CFE4A4;
	display: none;
}

.estadoSolicitud {
	width: 15px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;


}

.estadoSolicitudCirculo {
	width: 15px;
	height: 15px;
	border-radius: 50%;

	flex-shrink: 0;
}

.estadoPersonaListo {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 5px;

	flex-shrink: 0;
	background-color: var(--color-naranja);
}

.estadoPersonaPendiente {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 5px;

	flex-shrink: 0;
	background-color: #c75c2b;
}

.circuloNaranja {
	/* background-color: #c75c2b; */
	border-right: 8px solid #c75c2b;
}

.circuloVerde {
	/* background-color: var(--color-naranja); */
	border-right: 8px solid var(--color-naranja);
}

.circuloAmarillo {
	/* background-color: #d8b413; */
	border-right: 8px solid #d8b413;
}

.circuloRojo {
	/* background-color: #752a2a; */
	border-right: 8px solid #752a2a;
}






.escondido {
	display: none;
}

.scrollAgenda {
	max-height: calc(100vh - 400px);
	overflow: hidden;
}

.scrollCalculadora {
	max-height: calc(100vh - 40px);
	overflow: hidden;
}

.scrollActividad {
	max-height: calc(100vh - 330px);
	overflow: hidden;
	margin-bottom: 10px;
}

.scrollCompleto {
	max-height: calc(100vh - 120px);

	overflow: hidden;
}


.espacio100 {
	height: 100px;
}


.listadoChico {
	width: calc(100% - 2px);
	max-width: 1000px;
	margin: 0 auto;
	font-size: 14px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	margin-top: 0px;
	border-radius: 2px;
	/* border: 1px solid #30905F; */
	/* background-color: #104642; */
	/* background: rgb(48, 144, 95); */
	/* background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.3) 80px, rgba(48, 130, 144, .2) 100%); */
	background-color: rgba(48, 130, 144, 0.4);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;


}

.listadoChicoSinFondo {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.listadoGrande {
	width: calc(100% - 40px);
	margin: 0 auto;
	font-size: 14px;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-top: 0px;
	border-radius: 2px;

	background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.3) 80px, rgba(48, 130, 144, .2) 100%);

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.listadoNoFlex {
	display: block;
}

.listadoInterior {
	width: 100%;
	display: block;
	position: relative;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	gap: 20px;
}

.columnasFlex {
	width: calc(100% - 40px);
	max-width: 1920px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;


	/* gap: 20px; */
	/* gap: 10px 20px;*/
	row-gap: 10px;
	column-gap: 20px;
}


@media (max-width: 999px) {
	.columnasFlex .listadoChico {
		width: 100%;
		position: relative;
	}
}

@media (min-width: 1000px) {
	.columnasFlex .listadoChico {
		width: calc(50% - 10px);
		position: sticky;
		top: 100px;
	}
}


.textoSueltoListado {
	padding: 20px;
}

.listadoFichaLibro {
	width: calc(50% - 40px);
	max-width: 900px;
	margin: 0 auto;
	font-size: 14px;
	margin: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-top: 0px;
	background-color: #eeeeee;
	border-radius: 2px;
}


@media (max-width: 980px) {

	.listadoFichaLibro {
		width: calc(100% - 20px);
	}

}

@media (min-width: 981px) {

	.listadoFichaLibro {
		width: calc(50% - 40px);
	}
}



.listadoGaleria {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 14px;
	color: #666666;
	padding-bottom: 20px;
	padding-top: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;
}

.itemListado {
	width: calc(100% - 82px);
	margin: 0 auto;
	/* border: 1px solid #90D173; */
	background-color: var(--color-elemento);

	line-height: 16px;
	font-size: 14px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;
	margin-bottom: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	border-radius: 2px;

	margin-bottom: 0px;
}

.itemListadoActivo {
	border-left: 6px solid #7db463;
	padding-left: 14px;
}

.itemListadoInactivo {
	border-left: 6px solid #c5924e;
	padding-left: 14px;
}

.itemListadoEliminado {
	border-left: 6px solid #ccc;
	padding-left: 14px;
}

.itemListadoError {
	border-left: 6px solid #790000;
	padding-left: 14px;
}

.itemListadoTextoError {
	color: #790000;
}

.listaContactos {
	width: calc(100% - 10px);
	margin-bottom: 30px;
}

.listaCalculadora {
	width: calc(100% - 10px);
	margin-bottom: 30px;

	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;
}

.actividadesContacto {
	width: calc(100% - 10px);
}

.limitarAltura {
	max-height: calc(100vh - 200px);
	margin-bottom: 30px;
}




.itemListadoNoFlex {
	width: calc(100% - 82px);

	margin: 0 auto;
	margin-left: 20px;
	margin-right: 20px;
	/* border: 1px solid #90D173; */
	background-color: var(--color-elemento);

	line-height: 16px;
	font-size: 14px;
	padding: 20px;
	padding-top: 15px;
	padding-bottom: 15px;

	margin-bottom: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	border-radius: 2px;

	margin-bottom: 10px;
	cursor: pointer;
}

.itemListadoNoFlex:Hover {
	background-color: var(--color-elemento-hover);
}

.sinMargenDerecha {
	margin-right: 0px;
}

#totalSolicitud {
	width: calc(100% - 75px);

	margin: 0 auto;
	margin-left: 20px;
	margin-right: 15px;
	background-color: rgba(45, 141, 120, 0.2);

	padding: 20px;
	padding-top: 15px;
	padding-bottom: 15px;

	margin-bottom: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	border-radius: 2px;

	margin-bottom: 10px;
	font-size: 13px;
}



.itemListadoFlex {
	width: calc(100% - 60px);

	margin: 0 auto;
	margin-left: 20px;
	margin-right: 20px;
	/* border: 1px solid #90D173; */
	background-color: rgba(45, 141, 120, 0.2);

	line-height: 16px;
	font-size: 14px;
	padding: 20px;
	padding-top: 8px;
	padding-bottom: 8px;

	margin-bottom: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	border-radius: 2px;

	margin-bottom: 10px;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.itemListadoFlex:Hover {
	background-color: rgba(45, 141, 120, .5);
}

.persona {
	padding-left: 15px;
}

.itemListadoAnexo {
	background-color: rgba(65, 172, 100, 0.2);
}

.itemListadoSeleccionado {
	-moz-box-shadow: inset 0 0 10px #3AA658;
	-webkit-box-shadow: inset 0 0 10px #3AA658;
	box-shadow: inset 0 0 10px #3AA658;

	border-right: 10px solid #3AA658;
	padding-right: 10px;
}


.nombreContacto {
	font-weight: 700;
}

.fechaActividad {
	font-size: 11px;
	border-right: 2px solid #E6ECBD;
	padding: 5px;
	padding-top: 7px;
	background-color: #E6ECBD;
	color: #104642;
	border-radius: 2px;
	font-weight: 700;
	max-width: 80px;
}

.infoActividadLista {
	flex-grow: 2;
	padding: 5px;
	padding-top: 7px;
	padding-left: 20px;
}

.tituloActividad {
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 4px;
}

.detalleActividad {
	display: inline-block;
	font-weight: 400;
	font-size: 13px;
	line-height: 14px;
	margin-bottom: 2px;
}

.destacadoDetalle {
	padding: 5px;
	border-radius: 2px;
	background-color: rgba(45, 141, 120, 0.8);
	font-size: 12px;
	margin-top: 4px;
	display: block;

}

.destacadoDetalleSinPlan {
	background-color: #c75c2b;
}

.alerta {
	padding: 5px;
	border-radius: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #c75c2b;
	color: #fff;
}



.entrarActividad {
	width: 15px;
	height: 25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23E6ECBD' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 6 15 12 9 18' /%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoCalendario {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-event' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23E6ECBD' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='5' width='16' height='16' rx='2' /%3E%3Cline x1='16' y1='3' x2='16' y2='7' /%3E%3Cline x1='8' y1='3' x2='8' y2='7' /%3E%3Cline x1='4' y1='11' x2='20' y2='11' /%3E%3Crect x='8' y='15' width='2' height='2' /%3E%3C/svg%3E");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 2px;
	/* padding-top: 6px; */
	padding-left: 22px;
}


.itemVentas {
	width: calc(100% - 82px);
	margin: 0 auto;
	border: 1px solid #90D173;
	background-color: #E6ECBD;



	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	margin-bottom: 20px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	border-radius: 2px;
}

.datosListadoVentas {
	width: calc(100% - 90px);
	margin-right: 10px;
	text-align: left;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

	line-height: 22px;
	font-size: 12px;
}

.moduloDatosListadoVentas {
	position: relative;
}

#moduloDatosPersonales {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;
}

#moduloDatosPago {
	display: none;
}

#moduloCarrito {
	display: none;
}

#moduloPago {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	display: none;
}

#moduloEnvio {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	display: none;
}

#moduloFactura {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	display: none;
}

#moduloArchivar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

	display: none;
}


.areaDatosVenta {
	width: 48%;
}



@media (max-width: 749px) {
	.areaDatosVenta {
		width: 100%;
	}

}

@media (min-width: 750px) {
	.areaDatosVenta {
		width: 48%;
	}

}

.tituloFichaVenta {
	font-size: 12px;
	text-align: center;
	border-bottom: 1px dotted var(--color-naranja);
	padding-bottom: 5px;
	margin-bottom: 5px;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

}

.subtituloFichaVenta {
	/* font-size: 12px;
	text-align: center;
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	margin-bottom: 5px; */

	background-color: #8394a8;
	font-weight: 700;
	text-align: center;
	padding: 5px;
	margin: 0px;
	color: #fff;
	font-size: 10px;
	line-height: 10px;


	border-radius: 2px;

	margin-top: 5px;
	margin-bottom: 5px;
}

.iconosListadoVentas {
	width: 35px;
	background-color: var(--color-naranja);
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;

	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.iconosVentas {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin-top: 20px;
}

.iconoVentaListo {
	padding: 5px;
	background-color: #93c47d;
	color: #fff;
	font-size: 10px;
	line-height: 9px;
	border-radius: 2px;
	font-weight: 700;
	margin: 2px;
}

.iconoVentaNeutro {
	padding: 5px;
	background-color: #999;
	color: #fff;
	font-size: 10px;
	line-height: 9px;
	border-radius: 2px;
	font-weight: 700;
	margin: 2px;
}

.iconoVentaPendiente {
	padding: 5px;
	background-color: #a45e5e;
	color: #fff;
	font-size: 10px;
	line-height: 9px;
	border-radius: 2px;
	font-weight: 700;
	margin: 2px;
}

.iconoVentas {
	width: 25px;
	padding: 5px;
	margin: 0 auto;

	display: block;
	overflow: hidden;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}


.iconoVentas:hover {
	background-color: #2c3b4c;
}

.iconoVentasSeleccionado {
	background-color: var(--color-naranja-oscuro);
}

.iconoVentasSeleccionado:hover {
	background-color: var(--color-naranja-oscuro);
}

.iconoVentas:after {
	content: '';
	display: block;
	margin-top: 100%;
}

.iconoVerDatosCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-id' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='4' width='18' height='16' rx='3' /%3E%3Ccircle cx='9' cy='10' r='2' /%3E%3Cline x1='15' y1='8' x2='17' y2='8' /%3E%3Cline x1='15' y1='12' x2='17' y2='12' /%3E%3Cline x1='7' y1='16' x2='17' y2='16' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerCarritoCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-shopping-cart' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='6' cy='19' r='2' /%3E%3Ccircle cx='17' cy='19' r='2' /%3E%3Cpath d='M17 17h-11v-14h-2' /%3E%3Cpath d='M6 5l14 1l-1 7h-13' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerPagoTarjetaCompra {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-credit-card' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='5' width='18' height='14' rx='3' /%3E%3Cline x1='3' y1='10' x2='21' y2='10' /%3E%3Cline x1='7' y1='15' x2='7.01' y2='15' /%3E%3Cline x1='11' y1='15' x2='13' y2='15' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerImpagoTarjetaCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-credit-card-off' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='3' y1='3' x2='21' y2='21' /%3E%3Cpath d='M9 5h9a3 3 0 0 1 3 3v8a3 3 0 0 1 -.128 .87' /%3E%3Cpath d='M18.87 18.872a3 3 0 0 1 -.87 .128h-12a3 3 0 0 1 -3 -3v-8c0 -1.352 .894 -2.495 2.124 -2.87' /%3E%3Cline x1='3' y1='11' x2='11' y2='11' /%3E%3Cline x1='15' y1='11' x2='21' y2='11' /%3E%3Cline x1='7' y1='15' x2='7.01' y2='15' /%3E%3Cline x1='11' y1='15' x2='13' y2='15' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerPagoTransferenciaCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-cash-banknote' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3Crect x='3' y='6' width='18' height='12' rx='2' /%3E%3Cline x1='18' y1='12' x2='18.01' y2='12' /%3E%3Cline x1='6' y1='12' x2='6.01' y2='12' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerPagoTransferenciaPendienteCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-cash-banknote-off' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9.88 9.878a3 3 0 1 0 4.242 4.243m.58 -3.425a3.012 3.012 0 0 0 -1.412 -1.405' /%3E%3Cpath d='M10 6h9a2 2 0 0 1 2 2v8c0 .294 -.064 .574 -.178 .825m-2.822 1.175h-13a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h1' /%3E%3Cline x1='18' y1='12' x2='18.01' y2='12' /%3E%3Cline x1='6' y1='12' x2='6.01' y2='12' /%3E%3Cline x1='3' y1='3' x2='21' y2='21' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerEnvioCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-truck-delivery' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='7' cy='17' r='2' /%3E%3Ccircle cx='17' cy='17' r='2' /%3E%3Cpath d='M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5' /%3E%3Cline x1='3' y1='9' x2='7' y2='9' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoSucursalCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-map-2' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='18' y2='6.01' /%3E%3Cpath d='M18 13l-3.5 -5a4 4 0 1 1 7 0l-3.5 5' /%3E%3Cpolyline points='10.5 4.75 9 4 3 7 3 20 9 17 15 20 21 17 21 15' /%3E%3Cline x1='9' y1='4' x2='9' y2='17' /%3E%3Cline x1='15' y1='15' x2='15' y2='20' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerFacturaCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-receipt' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerNoFacturaCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-receipt-off' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 21v-16m2 -2h10a2 2 0 0 1 2 2v10m0 4.01v1.99l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2' /%3E%3Cline x1='11' y1='7' x2='15' y2='7' /%3E%3Cline x1='9' y1='11' x2='11' y2='11' /%3E%3Cline x1='13' y1='15' x2='15' y2='15' /%3E%3Cline x1='15' y1='11' x2='15' y2='11.01' /%3E%3Cline x1='3' y1='3' x2='21' y2='21' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerSeguimientoCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-send' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='10' y1='14' x2='21' y2='3' /%3E%3Cpath d='M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoVerCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-info-square' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cpolyline points='11 12 12 12 12 16 13 16' /%3E%3C/svg%3E");
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}

.iconoArchivarCompra {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-archive' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='3' y='4' width='18' height='4' rx='2' /%3E%3Cpath d='M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10' /%3E%3Cline x1='10' y1='12' x2='14' y2='12' /%3E%3C/svg%3E");

	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}





.fotoPerfilListado {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.itemListadoEspecial {
	background-color: #4e4e4e;
	color: #fff;
}

.itemListado:Hover {
	background-color: var(--color-elemento-hover);
}

.itemListadoEspecial:Hover {
	background-color: var(--color-elemento-hover);
}

.itemListadoDatos {
	width: calc(100% - 70px);
	font-size: 15px;
	line-height: 24px;
	text-align: justify;

}

.itemListadoDatosFondo {

	width: calc(100% - 80px);

	margin: 0 auto;
	margin-left: 20px;
	margin-right: 20px;
	/* border: 1px solid #90D173; */
	background-color: var(--color-elemento);

	line-height: 22px;
	font-size: 14px;
	padding: 20px;
	padding-top: 15px;
	padding-bottom: 15px;

	margin-bottom: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	border-radius: 2px;

	margin-bottom: 10px;
	margin-top: 10px;

}

.itemListadoDatosConFoto {
	width: calc(100% - 80px);
	padding-left: 0px;
	text-align: justify;
}

.simboloItemListado {
	width: 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

	font-size: 28px;
}


.itemListadoImagenes {

	width: 100%;
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
}


.fotoBannerListado {
	width: 150px;
	height: 75px;
	margin-right: 20px;
}

.fotoPublicacionListado {
	box-sizing: border-box;
	width: 110px;
	margin-right: 30px;
	aspect-ratio: 1 / 1;
	flex-grow: 0;
	flex-shrink: 0;
	background-color: #fff;
	border-radius: 2px;
}

.itemListadoDestacado {
	font-weight: 700;
	/*border:1px solid var(--color-naranja-oscuro);
	border-bottom:4px solid var(--color-naranja-oscuro);
	border-top:4px solid var(--color-naranja-oscuro);*/
}

.linkSubMenu {
	color: #2c3b4c;
	font-weight: 700;
}

.itemListadoBotones {
	width: 10px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.itemListado:Hover .itemListadoBotones,
.itemGaleria:Hover .itemListadoBotones,
.itemListadoFlex:Hover .itemListadoBotones {
	opacity: 1;
}

.formCompleto {
	background-color: rgba(16, 70, 66, 0.9);
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	opacity: 0;
	display: none;
}

.cerrar {
	text-align: center;
	cursor: pointer;
}

.formLogin {
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
}

.formDescripcion {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	color: #CFE4A4;
	;
	text-align: center;
}

.tituloLogin {
	margin: 0 auto;
	font-size: 18px;
	color: var(--color-naranja-oscuro);
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 24px;
	background-color: #fff;
	padding: 10px;
	font-weight: 400;
}

.tituloFormDescripcion {
	margin: 0 auto;
	font-size: 16px;
	color: #CFE4A4;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 20px;
}

.tituloSeccion {
	width: calc(100% - 20px);
	margin: 0 auto;
	font-size: 14px;
	line-height: 12px;

	font-weight: 700;
	margin-bottom: 0px;
	margin-top: 0px;
	color: var(--color-texto);
	text-align: left;
	padding: 10px;
	padding-top: 13px;
	padding-bottom: 10px;

	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
}

.tituloEditar {

	margin: 0 auto;
	font-size: 18px;
	line-height: 14px;
	font-weight: 400;

	color: var(--color-naranja);
	padding: 10px;
	text-align: center;

	margin-top: 10px;


	border-radius: 2px;
}

.tituloMenuMovil {
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;

}

.tituloSeccion100 {
	width: calc(100% - 20px);
	margin: 0 auto;
	font-size: 16px;
	color: var(--color-texto);
	font-weight: 700;
	line-height: 18px;
	/* background-color: #30905F; */
	/* background: #30905f;
background: linear-gradient(180deg, rgba(48,144,95,1) 0%, rgba(48,144,95,0) 100%); */
	padding: 10px;
	margin-bottom: 10px;
	padding-top: 12px;
	text-align: center;

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-transform: uppercase;
}


.sinmargen {
	margin-bottom: 0px;
	padding-top: 0px;
}


.subtituloSeccion {
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
	color: #CFE4A4;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: center;
}

.areaPlanInterior {
	width: 100%;
}

.areaLinkPrecontrato {
	border-radius: 2px;
	background-color: #3AA658;
	background-color: rgba(45, 141, 120, 0.2);
	color: #0d3a37;
	color: #E6ECBD;
	text-align: center;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #3AA658;
}

.contenedorFlexCheck {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;

}

.containerCheck {
	display: block;
	position: relative;

	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #E6ECBD;
	background-color: rgba(45, 141, 120, 0.2);
	padding: 10px;
	padding-left: 40px;
	border-radius: 2px;
}

.contenedorFlexCheck .containerCheck {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 12px;
	line-height: 12px;

	padding: 8px;
	padding-left: 30px;
	border-radius: 2px;
	margin-bottom: 2px;
}

/* Hide the browser's default checkbox */
.containerCheck input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 25px;
	width: 25px;
	background-color: #3AA658;
	border-radius: 2px;
}

.contenedorFlexCheck .checkmark {
	position: absolute;
	top: 7px;
	left: 6px;
	height: 15px;
	width: 15px;
	background-color: #3AA658;
	border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.containerCheck:hover input~.checkmark {
	background-color: var(--color-naranja-oscuro);
}

/* When the checkbox is checked, add a blue background */
.containerCheck input:checked~.checkmark {
	background-color: #3AA658;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.containerCheck input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.containerCheck .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #0d3a37;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contenedorFlexCheck .checkmark:after {
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;

}

.botonQuitarGrupo {
	width: 20px;
	height: 20px;
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-trash' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23CFE4A4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='7' x2='20' y2='7' /%3E%3Cline x1='10' y1='11' x2='10' y2='17' /%3E%3Cline x1='14' y1='11' x2='14' y2='17' /%3E%3Cpath d='M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12' /%3E%3Cpath d='M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3' /%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	right: 10px;
	cursor: pointer;
}

.planResultado {

	padding: 10px;
	padding-left: 10px;
	padding-right: 2px;
	margin: 20px;
	width: calc(100% - 54px);
	background-color: transparent;
	border: 0px solid #30905F;
	background-color: rgba(45, 141, 120, 0.2);
	font-size: 14px;
	color: #E6ECBD;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	font-family: "Spartan", sans-serif;
	font-weight: 400;
	/* o 700 */
	resize: none;
	flex-grow: 2;

	border-radius: 2px;

	margin-bottom: 10px;
}

.tituloMostrarPlan {
	font-size: 16px;
	color: #CFE4A4;
	font-weight: 700;
	line-height: 24px;
}

.detallePlan {
	line-height: 26px;
}

.totalGrupoFamiliar {
	font-size: 16px;
	color: #CFE4A4;
	font-weight: 700;
	line-height: 24px;
	text-align: right;
	padding: 30px;
}

.contenedorSelectorOpciones {
	width: calc(100% - 10px);
	/*border: 1px solid #666666;*/
	margin: 0 auto;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.contenedorSelectorOpcionesAgenda {
	width: calc(100% - 10px);
	/*border: 1px solid #666666;*/
	margin: 0 auto;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.contenedorSelectorOpcionesAgenda2 {
	width: calc(50% - 5px);
	/*border: 1px solid #666666;*/
	margin: 0 auto;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.contenedorSelectorOpciones2 {
	width: calc(50% - 10px);
	/*border: 1px solid #666666;*/
	margin: 0 auto;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.contenedorSelectorOpciones3 {
	width: calc(100% / 3 - 0px);
	/*border: 1px solid #666666;*/
	margin: 0 auto;
	margin-bottom: 5px;
	padding-bottom: 5px;
}





.tituloSelectorOpciones {
	/* background-color: #30905F; */
	font-weight: 700;
	text-align: center;
	padding: 5px;
	margin: 5px;
	color: var(--color-celeste);
	font-size: 11px;

	border-radius: 2px;
	text-transform: uppercase;
}

.tituloSelectorOpcionesChico {
	/* background-color: #30905F; */
	font-weight: 700;
	text-align: center;
	padding: 2px;
	margin: 2px;
	/* color: #CFE4A4; */
	font-size: 11px;

	border-radius: 2px;
	text-transform: uppercase;
}

.enlace {

	color: var(--color-celeste);
	font-size: 16px;
	margin-top: 10px;
}



.listaOpciones {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	padding-top: 0px;
	padding-bottom: 10px;
}

.opcionElegir {
	padding: 5px;
	margin: 5px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background: var(--color-elemento);
	font-size: 12px !important;
	border-radius: 2px;
	color: var(--color-celeste);
	font-weight: 700;
}

.opcionElegir:Hover {
	/* background: var(--color-naranja); */
}

.opcionElegirSelect {
	background: var(--color-celeste);
	color: var(--color-azul);
}

.formNuevaMarca {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.enlace a {
	width: auto;
	border-left: 6px solid var(--color-celeste);
	color: var(--color-celeste);
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}

.enlace a:hover {
	border-left: 6px solid var(--color-celeste);
	background-color: var(--color-celeste);
	color: var(--color-azul);
	/*color: #fff;*/
	padding-left: 20px;
	border-radius: 2px;
}

.flag {
	margin-right: 5px;
	vertical-align: middle;
}

/* FORMULARIOS */

.formulario {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
}

label {
	color: var(--color-celeste);
	margin-top: 10px;
	padding: 5px;
	display: inline-block;
}

.contenedorCampoVenta {
	width: 100%;
	text-align: center;
}

.contenedorCampo {
	width: calc(100% - 20px);
	padding: 10px;
}

.contenedorCampoPreciosPlan {
	width: calc(100% - 10px);
	/*border: 1px solid #666666;*/
	margin: 0 auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.etiquetaPrecioPlan {
	color: #666666;
	padding-right: 5px;
	display: inline-block;
	font-size: 12px;
}

.campoPrecioPlan {
	width: calc(100% - 50px);
	padding: 2px;
	padding-left: 4px;
	padding-right: 2px;
	margin: 0px;
	margin-right: 0px;
	border: 1px solid #cccccc;
	font-size: 14px;
	color: var(--color-naranja-oscuro);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 5px;
	margin-top: 0px;
	position: relative;
	font-family: "Spartan", sans-serif;
	font-weight: 400;
	/* o 700 */
	resize: none;
	flex-grow: 2;

	border-radius: 2px;
}


.campoMini {
	padding: 5px;
	padding-left: 5px;
	padding-right: 2px;
	margin: 5px;
	width: calc(100% - 50px);
	border: 0px solid #30905F;
	background-color: rgba(45, 141, 120, 0.2);
	font-size: 12px;
	color: #E6ECBD;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	font-family: "Spartan", sans-serif;
	font-weight: 700;
	/* o 700 */
	resize: none;

	border-radius: 2px;
}

.buscarContacto {
	width: calc(100% - 40px);
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	align-content: stretch;
	position: relative;
}

.campoBuscar {
	padding: 8px;
	padding-left: 5px;
	padding-right: 5px;
	width: calc(100% - 40px);
	border: 0px solid #30905F;
	background-color: rgba(45, 141, 120, 0.2);
	font-size: 12px;
	color: #E6ECBD;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	font-family: "Spartan", sans-serif;
	font-weight: 700;
	/* o 700 */
	resize: none;


	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.campoBuscar:focus {
	background-color: rgba(45, 141, 120, .5);
	color: #E6ECBD;
}

.botonBuscar {
	width: 30px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #3AA658;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='10' cy='10' r='7' /%3E%3Cline x1='21' y1='21' x2='15' y2='15' /%3E%3C/svg%3E");
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.botonBuscar:hover {
	background: var(--color-naranja-oscuro);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='10' cy='10' r='7' /%3E%3Cline x1='21' y1='21' x2='15' y2='15' /%3E%3C/svg%3E");
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: center center;
}

.campoEditor {
	padding: 10px;
	padding-left: 10px;
	padding-right: 2px;
	margin: 5px;
	width: calc(100% - 24px);
	border: 0px solid #30905F;
	background-color: rgba(45, 141, 120, 0.2);
	font-size: 14px;
	color: #E6ECBD;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	font-family: "Spartan", sans-serif;
	font-weight: 400;
	/* o 700 */
	resize: none;
	flex-grow: 2;

	border-radius: 2px;
}

.campo {
	padding: 10px;
	padding-left: 10px;
	padding-right: 2px;
	margin: 5px;
	width: calc(100% - 24px);
	background-color: transparent;
	border: 0px;
	background-color: var(--color-elemento);
	font-size: 14px;
	color: var(--color-celeste);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	font-family: "Spartan", sans-serif;
	font-weight: 700;
	resize: none;
	flex-grow: 2;

	border-radius: 2px;
}

.campoValidador {
	/* box-shadow: 0px 0px 5px 0px rgba(228, 120, 70, 1) inset;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(2228, 120, 70, 1) inset;
	-moz-box-shadow: 0px 0px 5px 0px rgba(228, 120, 70, 1) inset; */

	box-shadow: 0px 0px 5px 0px rgba(103, 230, 235, 1) inset;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(103, 230, 235, 1) inset;
	-moz-box-shadow: 0px 0px 5px 0px rgba(103, 230, 235, 1) inset;


}


.campoChico {
	font-size: 13px !important;
	padding: 6px !important;
	padding-left: 10px !important;
	padding-right: 2px !important;
}

.campoTercio {
	width: calc(33% - 8px);
}

.campoMitad {
	width: calc(50% - 25px);
}





.campoMax {
	max-width: 300px;
	font-size: 12px;
	line-height: 14px;
	padding: 2px;
}

.campo:focus {
	background-color: var(--color-elemento-hover);
	color: #fff;
}

.campo::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--color-celeste);
	opacity: 1;
	font-weight: 300;
	font-size: 13px;
}

.campo::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--color-celeste);
	opacity: 1;
	font-weight: 300;
	font-size: 13px;
}

.campo:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--color-celeste);
	opacity: 1;
	font-weight: 300;
	font-size: 13px;
}

.campo:-moz-placeholder {
	/* Firefox 18- */
	color: var(--color-celeste);
	opacity: 1;
	font-weight: 300;
	font-size: 13px;
}

select:invalid {
	color: #CFE4A4;
	font-size: 13px;
	font-weight: 300;
}


.selectOpcion {
	position: relative;
	display: block;

	width: 100%;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.selectOpcionChico {
	position: relative;
	display: block;

	width: 100%;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.selectOpcion select,
.selectOpcionChico select {
	padding: 10px;
	padding-left: 10px;
	padding-right: 2px;
	margin: 5px;
	width: calc(100% - 12px);
	font-family: "Spartan", sans-serif;
	font-weight: 700;
	border: 0px solid #30905F;
	background-color: rgba(45, 141, 120, 0.2);
	font-size: 14px;
	color: #E6ECBD;
	display: inline-block;
	padding: 10px;
	cursor: pointer;

	outline: 0;

	margin-bottom: 0px;
	margin-top: 0px;
	font-family: "Spartan", sans-serif;
	font-weight: 700;
	resize: none;
	flex-grow: 2;

	border-radius: 2px;


	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;

}




.selectOpcion select::-ms-expand,
.selectOpcionChico select::-ms-expand {
	display: none;
}

.selectOpcion select:hover,
.selectOpcion select:focus,
.selectOpcionChico select:hover,
.selectOpcionChico select:focus {
	background-color: rgba(45, 141, 120, .5);
	color: #CFE4A4;
}

.selectOpcion select:disabled,
.selectOpcionChico select:disabled {
	opacity: 0.8;
	pointer-events: none;
}

.selectOpcion .select_arrow {
	position: absolute;
	top: 12px;
	right: 15px;
	width: 0px;
	height: 0px;
	border: solid #3AA658;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.selectOpcionChico .select_arrow {
	position: absolute;
	top: 6px;
	right: 15px;
	width: 0px;
	height: 0px;
	border: solid #3AA658;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.selectOpcion select:hover~.select_arrow,
.selectOpcion select:focus~.select_arrow,
.selectOpcionChico select:hover~.select_arrow,
.selectOpcionChico select:focus~.select_arrow {
	border-color: #CFE4A4;
}

.selectOpcion select:disabled~.select_arrow,
.selectOpcionChico select:disabled~.select_arrow {
	border-top-color: #cccccc;
}











.contenedorBotonForm {
	display: block;
	width: 100%;
	text-align: center;

}

.contenedorBotonVenta {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.botonForm {
	width: auto;
	display: inline-block;
	margin: 0 auto;
	color: #FFFFFF;
	text-align: center;
	/* border:1px solid #ffffff;*/
	background: var(--color-naranja);
	font-size: 12px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	padding: 8px;
	padding-top: 9px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: 10px;
	color: #fff;
	cursor: pointer !important;
	text-transform: uppercase;
	font-weight: 700;

	border: 0;
	font-family: inherit;
}

.botonForm:Hover {
	background: var(--color-naranja-oscuro);
	/*border:1px solid var(--color-naranja-oscuro);*/
	color: #fff;
	transform: scale(1.06);
	box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.1);
}

.botonFormChico {
	width: auto;
	display: inline-block;
	margin: 0 auto;
	color: #FFFFFF;
	text-align: center;
	/* border:1px solid #ffffff;*/
	background: #3AA658;
	font-size: 11px;
	line-height: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-radius: 2px;
	color: #0d3a37;
	cursor: pointer !important;
	text-transform: uppercase;
	font-weight: 700;
}

.botonFormChico:Hover {
	background: var(--color-naranja-oscuro);
	/*border:1px solid var(--color-naranja-oscuro);*/
	color: #0d3a37;
}



.botonesContacto {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;

}

.botonAreaContacto {
	width: auto;
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	/* border:1px solid #ffffff;*/
	background: #3AA658;
	font-size: 13px;
	line-height: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 4px;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 5px;
	border-radius: 2px;
	color: #0d3a37;
	cursor: pointer !important;
	text-transform: uppercase;
	font-weight: 700;
}

.botonAreaContacto:Hover {
	background: var(--color-naranja-oscuro);
	/*border:1px solid var(--color-naranja-oscuro);*/
	color: #0d3a37;
}

.botonAreaContactoActivo {
	background: var(--color-naranja-oscuro);
	color: #0d3a37;
}

.botonFinalizarSolicitud {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-send' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='10' y1='14' x2='21' y2='3' /%3E%3Cpath d='M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5' /%3E%3C/svg%3E");
	background-position: 7px center;
	background-size: 25px;

	background-repeat: no-repeat;
	padding: 10px;
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 10px;
}

.botonFinalizarSolicitud:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-send' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='10' y1='14' x2='21' y2='3' /%3E%3Cpath d='M21 3l-6.5 18a0.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a0.55 .55 0 0 1 0 -1l18 -6.5' /%3E%3C/svg%3E");
	background-position: 7px center;
	background-size: 25px;
	background-repeat: no-repeat;
}

.botonFinalizarSolicitudInactivo {
	opacity: .4;
	cursor: default !important;
}

.botonMasCalendario {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-plus' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='5' width='16' height='16' rx='2' /%3E%3Cline x1='16' y1='3' x2='16' y2='7' /%3E%3Cline x1='8' y1='3' x2='8' y2='7' /%3E%3Cline x1='4' y1='11' x2='20' y2='11' /%3E%3Cline x1='10' y1='16' x2='14' y2='16' /%3E%3Cline x1='12' y1='14' x2='12' y2='18' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;

	background-repeat: no-repeat;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 20px;
}

.botonMasCalendario:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar-plus' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='5' width='16' height='16' rx='2' /%3E%3Cline x1='16' y1='3' x2='16' y2='7' /%3E%3Cline x1='8' y1='3' x2='8' y2='7' /%3E%3Cline x1='4' y1='11' x2='20' y2='11' /%3E%3Cline x1='10' y1='16' x2='14' y2='16' /%3E%3Cline x1='12' y1='14' x2='12' y2='18' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;
	background-repeat: no-repeat;
}

.botonMasSolicitud {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-receipt-2' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2' /%3E%3Cpath d='M14 8h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5m2 0v1.5m0 -9v1.5' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;

	background-repeat: no-repeat;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 20px;
}

.botonMasSolicitud:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-receipt-2' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2' /%3E%3Cpath d='M14 8h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3h-2.5m2 0v1.5m0 -9v1.5' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;
	background-repeat: no-repeat;
}


.botonMasLink {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-external-link' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5' /%3E%3Cline x1='10' y1='14' x2='20' y2='4' /%3E%3Cpolyline points='15 4 20 4 20 9' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;

	background-repeat: no-repeat;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 20px;
}

.botonMasLink:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-external-link' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5' /%3E%3Cline x1='10' y1='14' x2='20' y2='4' /%3E%3Cpolyline points='15 4 20 4 20 9' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;
	background-repeat: no-repeat;
}


.botonMasContacto {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-plus' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2' /%3E%3Cpath d='M16 11h6m-3 -3v6' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;

	background-repeat: no-repeat;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 20px;
}

.botonMasContacto:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-plus' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2' /%3E%3Cpath d='M16 11h6m-3 -3v6' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;
	background-repeat: no-repeat;
}



.botonEditar {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3' /%3E%3Cpath d='M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3' /%3E%3Cline x1='16' y1='5' x2='19' y2='8' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;

	background-repeat: no-repeat;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 20px;
}

.botonEditar:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3' /%3E%3Cpath d='M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3' /%3E%3Cline x1='16' y1='5' x2='19' y2='8' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;
	background-repeat: no-repeat;
}

.botonDocumentacion {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-files' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z' /%3E%3Cpath d='M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;

	background-repeat: no-repeat;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 20px;
}

.botonDocumentacion:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-files' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z' /%3E%3Cpath d='M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;
	background-repeat: no-repeat;
}

.botonGuardar {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-floppy' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2' /%3E%3Ccircle cx='12' cy='14' r='2' /%3E%3Cpolyline points='14 4 14 8 8 8 8 4' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;

	background-repeat: no-repeat;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 20px;
}

.botonGuardar:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-device-floppy' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2' /%3E%3Ccircle cx='12' cy='14' r='2' /%3E%3Cpolyline points='14 4 14 8 8 8 8 4' /%3E%3C/svg%3E");
	background-position: 5px center;
	background-size: 20px;
	background-repeat: no-repeat;
}

.botonMas {
	width: 34px;
	height: 34px;
	margin: 0 auto;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-square-plus' viewBox='0 0 24 24' stroke-width='1.5' stroke='%233AA658' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='9' y1='12' x2='15' y2='12' /%3E%3Cline x1='12' y1='9' x2='12' y2='15' /%3E%3C/svg%3E");
	background-position: center center;
	border-radius: 2px;
	cursor: pointer !important;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.botonMas:Hover {
	/* background: var(--color-naranja-oscuro); */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-square-plus' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23d4a747' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cline x1='9' y1='12' x2='15' y2='12' /%3E%3Cline x1='12' y1='9' x2='12' y2='15' /%3E%3C/svg%3E");
}

.botonMasFlotante {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background-color: var(--color-naranja);

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-plus' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
	background-position: center center;
	background-size: 30px;
	background-repeat: no-repeat;
	border-radius: 50%;
	cursor: pointer !important;
	position: fixed;
	bottom: 20px;
	right: 20px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.botonMasFlotante:Hover {
	background: var(--color-naranja-oscuro);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-plus' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
	background-position: center center;
	background-size: 30px;
	background-repeat: no-repeat;
}

.botonEliminarDocumentacion {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23E6ECBD' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
	background-position: center center;
	background-size: 20px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 800;
	right: 5px;
	top: 10px;
	cursor: pointer;
}

.botonEliminarDocumentacion:Hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23E6ECBD' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}


.botonesVerVentas {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;

	margin-top: 40px;
}

.botonTipoVentas {

	width: auto;
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	/* border:1px solid #ffffff;*/
	background: var(--color-naranja);
	font-size: 12px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 2px;

	margin-bottom: 5px;

	cursor: pointer !important;
}

.botonTipoVentas:Hover {
	background: var(--color-naranja-oscuro);
	/*border:1px solid var(--color-naranja-oscuro);*/
	color: #ffffff;
}

.botonTipoVentasActivo {
	background: var(--color-naranja-oscuro);
}



.botonModificarChico {

	width: auto;
	display: inline-block;
	margin: 0 auto;
	color: #FFFFFF;
	text-align: center;
	/* border:1px solid #ffffff;*/
	background: var(--color-naranja);
	font-size: 11px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 2px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 4px;
	border-radius: 2px;

	margin-bottom: 5px;

	cursor: pointer !important;
}

.botonModificarChico:Hover {
	background: var(--color-naranja-oscuro);
	/*border:1px solid var(--color-naranja-oscuro);*/
	color: #ffffff;
}

.autor {
	display: inline-block;
}

.formModificarAutor {
	display: none;
}

.botonAgregar {
	width: calc(100% - 12px);
	max-width: 200px;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	border: 1px solid #ffffff;
	background: #999999;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: block;
	position: relative;
	cursor: pointer;
	margin: 0 auto;
	margin-bottom: 1%;
	margin-top: 1%;
}

.botonAgregar:Hover {
	background: #ffffff;
	border: 1px solid var(--color-naranja-oscuro);
	color: var(--color-naranja-oscuro);
}

.botonAgregarMarca {
	width: auto;
	max-width: 100px;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
	background: #999999;
	font-size: 12px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 5px;
}

.botonAgregarMarca:Hover {
	background: var(--color-naranja-oscuro);
	color: #ffffff;

}

.textoError {
	font-size: 18px;
}

.error {
	font-size: 13px;
	text-align: center;
	margin-bottom: 2px;
	color: var(--color-texto);
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 2px;
	visibility: hidden;
	display: block;
	background-color: var(--color-elemento-hover);
	width: calc(100% - 40px);
}




.errorOk {
	color: var(--color-azul);
	background-color: var(--color-celeste);
	background-color: #7db463;
	visibility: visible;
}

.errorPending {
	color: #fff;
	background-color: #b67e07;
	visibility: visible;

}

.errorWarning {
	color: #fff;
	background-color: #924242;
	visibility: visible;
}


.etiquetaPublicacion {

	display: inline-block;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;

	background-color: var(--color-elemento);
	border-radius: 3px;
	margin: 5px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;

}

.precioPublicacion {
	display: inline-block;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;

	border: 1px solid var(--color-elemento);
	border-radius: 3px;
	margin: 5px;
	margin-left: 0px;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
}

.itemListadoInfoAdicional {
	display: block;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;

	border: 1px solid var(--color-elemento);
	border-radius: 3px;
	margin: 5px;
	margin-left: 0px;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
}


.etiquetaPublicacion:first-of-type {
	margin-left: 0px;
}




.contenedorPreciosPublicacion {
	display: flex;
	justify-content: flex-start;
}


.etiquetaOk {
	background-color: #7db463;
	color: var(--color-azul);
}

.etiquetaPending {
	background-color: #c5924e;
}

.etiquetaWarning {
	background-color: #924242;
}

.etiquetaNeutral {
	background-color: var(--color-elemento-hover);
}


.parpadea {

	animation-name: parpadeo;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name: parpadeo;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

.preloaderBoton {
	background: url(../img/preloader.svg);
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
	width: 15px;
	max-width: 20px;
	position: absolute;
	right: 5%;
	bottom: 20%;
	/*display:none;*/
}


.preloaderBoton:after {
	content: '';
	display: block;
	margin-top: 100%;
}


.spinner {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:transparentdisplay:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='translate(50 50)'%3E%3Cg transform='translate(-19 -19) scale(0.6)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;45' keyTimes='0;1' dur='0.2s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Cpath d='M31.359972760794346 21.46047782418268 L38.431040572659825 28.531545636048154 L28.531545636048154 38.431040572659825 L21.46047782418268 31.359972760794346 A38 38 0 0 1 7.0000000000000036 37.3496987939662 L7.0000000000000036 37.3496987939662 L7.000000000000004 47.3496987939662 L-6.999999999999999 47.3496987939662 L-7 37.3496987939662 A38 38 0 0 1 -21.46047782418268 31.35997276079435 L-21.46047782418268 31.35997276079435 L-28.531545636048154 38.431040572659825 L-38.43104057265982 28.531545636048158 L-31.359972760794346 21.460477824182682 A38 38 0 0 1 -37.3496987939662 7.000000000000007 L-37.3496987939662 7.000000000000007 L-47.3496987939662 7.000000000000008 L-47.3496987939662 -6.9999999999999964 L-37.3496987939662 -6.999999999999997 A38 38 0 0 1 -31.35997276079435 -21.460477824182675 L-31.35997276079435 -21.460477824182675 L-38.431040572659825 -28.531545636048147 L-28.53154563604818 -38.4310405726598 L-21.4604778241827 -31.35997276079433 A38 38 0 0 1 -6.999999999999992 -37.3496987939662 L-6.999999999999992 -37.3496987939662 L-6.999999999999994 -47.3496987939662 L6.999999999999977 -47.3496987939662 L6.999999999999979 -37.3496987939662 A38 38 0 0 1 21.460477824182686 -31.359972760794342 L21.460477824182686 -31.359972760794342 L28.531545636048158 -38.43104057265982 L38.4310405726598 -28.53154563604818 L31.35997276079433 -21.4604778241827 A38 38 0 0 1 37.3496987939662 -6.999999999999995 L37.3496987939662 -6.999999999999995 L47.3496987939662 -6.999999999999997 L47.349698793966205 6.999999999999973 L37.349698793966205 6.999999999999976 A38 38 0 0 1 31.359972760794346 21.460477824182686 M0 -23A23 23 0 1 0 0 23 A23 23 0 1 0 0 -23' fill='%23cfe4a4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(19 19) scale(0.6)'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='45;0' keyTimes='0;1' dur='0.2s' begin='-0.1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Cpath d='M-31.35997276079435 -21.460477824182675 L-38.431040572659825 -28.531545636048147 L-28.53154563604818 -38.4310405726598 L-21.4604778241827 -31.35997276079433 A38 38 0 0 1 -6.999999999999992 -37.3496987939662 L-6.999999999999992 -37.3496987939662 L-6.999999999999994 -47.3496987939662 L6.999999999999977 -47.3496987939662 L6.999999999999979 -37.3496987939662 A38 38 0 0 1 21.460477824182686 -31.359972760794342 L21.460477824182686 -31.359972760794342 L28.531545636048158 -38.43104057265982 L38.4310405726598 -28.53154563604818 L31.35997276079433 -21.4604778241827 A38 38 0 0 1 37.3496987939662 -6.999999999999995 L37.3496987939662 -6.999999999999995 L47.3496987939662 -6.999999999999997 L47.349698793966205 6.999999999999973 L37.349698793966205 6.999999999999976 A38 38 0 0 1 31.359972760794346 21.460477824182686 L31.359972760794346 21.460477824182686 L38.431040572659825 28.531545636048158 L28.53154563604818 38.4310405726598 L21.460477824182703 31.35997276079433 A38 38 0 0 1 6.9999999999999964 37.3496987939662 L6.9999999999999964 37.3496987939662 L6.999999999999995 47.3496987939662 L-7.000000000000009 47.3496987939662 L-7.000000000000007 37.3496987939662 A38 38 0 0 1 -21.46047782418263 31.359972760794385 L-21.46047782418263 31.359972760794385 L-28.531545636048097 38.43104057265987 L-38.431040572659796 28.531545636048186 L-31.35997276079433 21.460477824182703 A38 38 0 0 1 -37.34969879396619 7.000000000000032 L-37.34969879396619 7.000000000000032 L-47.34969879396619 7.0000000000000355 L-47.3496987939662 -7.000000000000002 L-37.3496987939662 -7.000000000000005 A38 38 0 0 1 -31.359972760794346 -21.46047782418268 M0 -23A23 23 0 1 0 0 23 A23 23 0 1 0 0 -23' fill='%23abbd81'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: top center;
}

.cargadorEjecucionExcel {
	width: 50px;
	background: url(../img/preloader.svg);
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	clear: both;
	margin: 0 auto;


	/*display:none;*/
}

.cargadorEjecucionExcel:after {
	content: '';
	display: block;
	margin-top: 100%;
}

.cargadorEjecucionExcelTexto {
	text-align: center;
	font-size: 16px;
	font-weight: 800;
}


#cargadorExcel {
	padding: 10px;
	display: none;
}

.textoEjecucionExcel {
	font-size: 16px;
	text-align: center;
	padding: 10px;
}

/* FIN FORMULARIOS */

.flexMedio {
	width: 100%;
	margin: 0 auto;

}

.contenidoMedio {
	-webkit-flex-grow: 1;
	/* Safari */
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}

.menuIzquierda {
	width: 150px;
	-webkit-flex-grow: 0;
	/* Safari */
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.botonMenuIzquierda {
	/*max-width:300px;*/
	/*width:16%;*/
	/* margin:1%;*/
	/*margin-right:1%;
	margin-left:1%;*/
	width: 90%;
	padding: 5%;
	padding-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: var(--color-naranja-oscuro);
	font-size: 14px;
	line-height: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	border-bottom: 1px solid #ffffff;
}

.botonMenuIzquierda:Hover {
	border-bottom: 1px solid var(--color-naranja-oscuro);
}

.tituloMenuIzquierda {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0 auto;
	font-size: 18px;
	color: #666666;
	font-weight: 900;
	border-bottom: 1px solid #666666;
	margin-bottom: 20px;
	margin-top: 20px;
}

.subtituloMenuIzquierda {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0 auto;
	font-size: 12px;
	color: #cccccc;
	font-weight: 400;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	margin-top: 20px;
}

.itemGaleria {
	width: 125px;
	background-color: rgba(45, 141, 120, 0.2);
	line-height: 16px;
	font-size: 14px;
	padding: 15px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: no-wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;
	margin: 5px;
	-webkit-flex-grow: 0;
	/* Safari */
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;

	border-radius: 2px;
	position: relative;
}

.itemGaleriaFoto {
	width: 100px;
	height: 100px;
	position: relative;

}

.itemGaleriaArchivo {
	background-color: #3AA658;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file-text' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23CFE4A4' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3Cline x1='9' y1='9' x2='10' y2='9' /%3E%3Cline x1='9' y1='13' x2='15' y2='13' /%3E%3Cline x1='9' y1='17' x2='15' y2='17' /%3E%3C/svg%3E");

	background-size: 50px;
	background-repeat: no-repeat;
	background-position: center center;
}

.itemGaleriaFotoLibro {
	width: 100px;
	height: 150px;
	position: relative;
}

.botonYoutube {
	width: 60px;
	height: 40px;
	background-image: url(../img/youtube.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: .7;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.itemGaleriaFoto:Hover .botonYoutube {
	opacity: 1;
}

.formulariosFotos {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: stretch;
	align-items: stretch;

	margin-bottom: 20px;
}

.formAgregarFoto {
	width: calc(50% - 60px);

	background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.3) 80px, rgba(48, 130, 144, .2) 100%);
	border-radius: 2px;
	padding: 20px;
}

.dosColumnasForm {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	/* Safari */
	justify-content: space-around;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	margin-bottom: 30px;
}

.columnaForm {
	width: calc(50% - 20px);
}

.imagenPerfil {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	display: block;

	margin-bottom: 20px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #3AA658;
}


.imagenSliderG {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;
	padding-top: 20px;
	padding-bottom: 20px;
}

.imagenSliderG img {
	margin: 0 auto;
	max-width: 100%;
}

.sinImagen {}

.menuListado {
	position: relative;
	flex-shrink: 0;
}

.botonMenuListado {
	width: 20px;
	height: 20px;
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-circle-horizontal' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3b4c' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='9' /%3E%3Cline x1='8' y1='12' x2='8' y2='12.01' /%3E%3Cline x1='12' y1='12' x2='12' y2='12.01' /%3E%3Cline x1='16' y1='12' x2='16' y2='12.01' /%3E%3C/svg%3E"); */

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-menu-2' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2367e6eb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='6' x2='20' y2='6' /%3E%3Cline x1='4' y1='12' x2='20' y2='12' /%3E%3Cline x1='4' y1='18' x2='20' y2='18' /%3E%3C/svg%3E");





	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 1;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 981;

}

.botonMoverListado {
	width: 20px;
	height: 20px;
	/*background-color:#FFFFFF;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-hand-move' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2367e6eb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5' /%3E%3Cpath d='M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5' /%3E%3Cpath d='M14 10.5a1.5 1.5 0 0 1 3 0v1.5' /%3E%3Cpath d='M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47' /%3E%3Cpath d='M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427' /%3E%3Cpath d='M14 3.458c1.32 .354 2.558 .902 3.685 1.612' /%3E%3C/svg%3E");

	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 1;
	margin-bottom: 0px;

}

.botonEliminarListado {
	width: 20px;
	height: 20px;
	/*background-color:#FFFFFF;*/
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-hand-move' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2367e6eb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5' /%3E%3Cpath d='M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5' /%3E%3Cpath d='M14 10.5a1.5 1.5 0 0 1 3 0v1.5' /%3E%3Cpath d='M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47' /%3E%3Cpath d='M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427' /%3E%3Cpath d='M14 3.458c1.32 .354 2.558 .902 3.685 1.612' /%3E%3C/svg%3E"); */

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2367e6eb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E");

	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 1;
	margin-bottom: 2px;

}

.botonEditarListado {
	width: 20px;
	height: 20px;
	/*background-color:#FFFFFF;*/
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-hand-move' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2367e6eb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5' /%3E%3Cpath d='M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5' /%3E%3Cpath d='M14 10.5a1.5 1.5 0 0 1 3 0v1.5' /%3E%3Cpath d='M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47' /%3E%3Cpath d='M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427' /%3E%3Cpath d='M14 3.458c1.32 .354 2.558 .902 3.685 1.612' /%3E%3C/svg%3E"); */

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2367e6eb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3' /%3E%3Cpath d='M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3' /%3E%3Cline x1='16' y1='5' x2='19' y2='8' /%3E%3C/svg%3E");

	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 1;
	margin-bottom: 2px;

	display: inline-block;

}


.textoResultado {
	padding: 30px;
	white-space: pre-wrap;
	display: none;
}



.botonInfoListado {
	width: 20px;
	height: 20px;
	/*background-color:#FFFFFF;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-info-square' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2367e6eb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8' /%3E%3Crect x='4' y='4' width='16' height='16' rx='2' /%3E%3Cpolyline points='11 12 12 12 12 16 13 16' /%3E%3C/svg%3E");


	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 1;
	position: absolute;

}

.botonInfoListadoOpaco {
	opacity: .3;
}

.opcionesMenuListado {
	width: 150px;
	min-height: 40px;
	background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.3) 80px, rgba(48, 130, 144, .2) 100%);
	position: absolute;
	/* border: 1px solid #0d3a37; */
	color: var(--color-celeste);
	right: -10px;
	top: -10px;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.2s, opacity 0.2s linear;
	z-index: 980;
	border-radius: 2px;
	padding-top: 20px;

	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.visible {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

.opcionMenuListado {
	font-size: 11px;
	line-height: 12px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: relative;
	cursor: pointer;
	display: block;
	margin: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.opcionMenuListado:Hover {
	color: var(--color-texto);
}

.paginador {
	width: auto;
	max-width: 200px;
	margin: 0 auto;
	margin-top: 20px;

	background-color: #3AA658;

	border-radius: 2px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	justify-content: center;
	-webkit-align-items: flex-start;
	/* Safari */
	align-items: flex-start;
	text-transform: uppercase;

}

.cantidadTotal {
	width: 100%;
	text-align: center;
	color: #0d3a37;
	font-weight: 700;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
}

.paginadorAnteriores {
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-left' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='15 6 9 12 15 18' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 2px;
	opacity: .7;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.paginadorAnteriores:Hover {
	opacity: 1;
}

.paginadorSiguientes {
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='9 6 15 12 9 18' /%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 2px;
	opacity: .7;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.paginadorSiguientes:Hover {
	opacity: 1;
}

.paginadorAnterioresMax {
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevrons-left' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='11 7 6 12 11 17' /%3E%3Cpolyline points='17 7 12 12 17 17' /%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 2px;
	opacity: .7;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.paginadorAnterioresMax:Hover {
	opacity: 1;
}

.paginadorSiguientesMax {
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevrons-right' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='7 7 12 12 7 17' /%3E%3Cpolyline points='13 7 18 12 13 17' /%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 2px;
	opacity: .7;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.paginadorSiguientesMax:Hover {
	opacity: 1;
}

.opaco {
	opacity: .2;
}

.opaco:Hover {
	opacity: .2;
}

.logoEmpresa {
	text-align: center;
}

.datosPerfil {
	width: 90%;
	/*min-width:140px;*/
	position: relative;
	margin-top: 10px;
}

.tituloIzquierda {
	width: 100%;
	font-size: 14px;
	color: #666666;
	font-weight: 900;
	border-bottom: 1px solid #666666;
	margin-top: 10px;
}

.derecha {
	-webkit-flex-grow: 1;
	/* Safari */
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}

.izquierda {
	width: 20%;
	-webkit-flex-grow: 0;
	/* Safari */
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	color: #666666;
	font-size: 14px;
	/*display: -webkit-flex; 
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap:no-wrap;
	
	 -webkit-justify-content: flex-start; 
  justify-content:         flex-start;
	
	 -webkit-align-items: flex-start; 
  align-items:         flex-start;*/
}

.fotoPerfil2 {
	width: 90%;
	overflow: hidden;
	clear: both;
	border: 1px solid #666666;
	margin: 0;
	display: block;
	position: relative;
	/*background-image:url(img/nofoto.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;*/
}

.fotoPerfil2:after {
	content: '';
	display: block;
	margin-top: 100%;
}

.infoEstudio {
	width: 90%;
	margin: 0 auto;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	display: block;
}

.infoEntrevista {
	width: 90%;
	margin: 0 auto;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	display: block;
}

.itemListadoEstudio {
	border: 1px solid #dddddd;
	line-height: 16px;
	font-size: 14px;
	padding: 10px;
	margin-bottom: 5px;
	position: relative;
}

.agenda {
	width: 90%;
	margin: 0 auto;
	margin-top: 50px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: no-wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;
}

.diaAgenda {
	width: calc(14% - 26px);
	padding: 10px;
	border: 1px solid #B9B9B9;
	min-height: 60px;
	background: #FEFEFE;
}

.tituloDiaAgenda {
	font-size: 16px;
	color: #ACACAC;
	font-weight: 300;
	border-bottom: 1px solid #ACACAC;
}

.numeroDia {
	font-weight: 900;
	color: #ACACAC;
	margin-right: 5px;
}

.itemAgenda {
	color: #737373;
}

.volver {
	width: 100%;
	max-width: 100px;
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #666666;
}

.botonVolver {
	position: fixed;
	bottom: 20px;
	left: 0px;
	max-width: 70px;
	color: #fff;
	text-align: center;
	/* border:1px solid #ffffff;*/
	background-color: var(--color-naranja);
	font-size: 12px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 6px;
	padding-bottom: 4px;
	padding-left: 25px;
	padding-right: 10px;
	z-index: 999;
	font-weight: 700;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevrons-left' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='11 7 6 12 11 17' /%3E%3Cpolyline points='17 7 12 12 17 17' /%3E%3C/svg%3E");

	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 20px;

	text-transform: uppercase;


	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.botonVolver:Hover {
	background-color: var(--color-naranja-oscuro);
	/*border:1px solid var(--color-naranja-oscuro);*/
}


.botonVolverHome {
	position: fixed;
	bottom: 10px;
	left: 0px;
	width: 30px;
	height: 30px;
	color: #0d3a37;
	text-align: center;
	/* border:1px solid #ffffff;*/
	background-color: var(--color-naranja);
	font-size: 12px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	z-index: 999;
	font-weight: 700;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-home' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='%230d3a37' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='5 12 3 12 12 3 21 12 19 12' /%3E%3Cpath d='M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7' /%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6' /%3E%3C/svg%3E");

	background-position: center center;
	background-repeat: no-repeat;
	background-size: 25px;

	text-transform: uppercase;


	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.botonVolverHome:Hover {
	background-color: var(--color-naranja-oscuro);
	/*border:1px solid var(--color-naranja-oscuro);*/
}



@media (max-width: 1100px) {
	.botonVolver {
		display: inline-block;
	}
}

@media (min-width: 1101px) {
	.botonVolver {
		display: inline-block;
	}
}

/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/

[data-tooltip] {
	position: relative;
}

/* Positioning and visibility settings of the tooltip */

[data-tooltip]:before,
[data-tooltip]:after {
	position: absolute;
	z-index: 500 !important;
	visibility: hidden;
	opacity: 0;
	left: 50%;
	bottom: calc(100% + 5px);
	pointer-events: none;
	transition: 0.2s;
	will-change: transform;
}

/* The actual tooltip with a dynamic width */

[data-tooltip]:before {
	content: attr(data-tooltip);
	padding: 6px 10px;
	min-width: 50px;
	max-width: 250px;
	width: max-content;
	width: -moz-max-content;
	border-radius: 2px;
	font-size: 11px;
	line-height: 13px;
	/*   font-size: 0.73rem; */
	background-color: var(--color-elemento);
	color: var(--color-celeste);
	backdrop-filter: blur(5px);

	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);

	font-weight: 700;
	text-align: center;
	white-space: pre-wrap;
	transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */

[data-tooltip]:after {
	content: '';
	border-style: solid;
	border-width: 5px 5px 0px 5px;
	border-color: var(--color-elemento) transparent transparent transparent;
	backdrop-filter: blur(5px);
	transition-duration: 0s;
	/* If the mouse leaves the element, 
								the transition effects for the 
								tooltip arrow are "turned off" */
	transform-origin: top;
	/* Orientation setting for the
								slide-down effect */
	transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */

[data-tooltip]:hover:before {
	transition-delay: 0.3s;
	transform: translate(-50%, -5px) scale(1);
}

/* Slide down effect only on mouseenter (NOT on mouseleave) */

[data-tooltip]:hover:after {
	transition-delay: 0.5s;
	/* Starting after the grow effect */
	transition-duration: 0.2s;
	transform: translateX(-50%) scaleY(1);
}

/*
	That's it.
  */

/*
	If you want some adjustability
	here are some orientation settings you can use:
  */

/* LEFT */

/* Tooltip + arrow */

[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
	left: auto;
	right: calc(100% + 5px);
	bottom: 50%;
}

/* Tooltip */

[data-tooltip-location="left"]:before {
	transform: translate(-5px, 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
	transform: translate(-5px, 50%) scale(1);
}

/* Arrow */

[data-tooltip-location="left"]:after {
	border-width: 5px 0px 5px 5px;
	border-color: transparent transparent transparent var(--color-elemento);
	backdrop-filter: blur(5px);
	transform-origin: left;
	transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
	transform: translateY(50%) scaleX(1);
}

/* RIGHT */

[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
	left: calc(100% + 5px);
	bottom: 50%;
}

[data-tooltip-location="right"]:before {
	transform: translate(5px, 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
	transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
	border-width: 5px 5px 5px 0px;
	border-color: transparent var(--color-elemento) transparent transparent;
	backdrop-filter: blur(5px);
	transform-origin: right;
	transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="right"]:hover:after {
	transform: translateY(50%) scaleX(1);
}

/* BOTTOM */

[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
	top: calc(80% + 5px);
	bottom: auto;
}

[data-tooltip-location="bottom"]:before {
	transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
	transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
	border-width: 0px 5px 5px 5px;

	border-color: transparent transparent var(--color-elemento) transparent;
	backdrop-filter: blur(5px);
	transform-origin: bottom;
}

.infoLibro {
	margin-bottom: 20px;
}

.tituloItemLibro {
	border-bottom: 1px solid #666;
	padding: 10px;
	font-size: 16px;
}

.itemLibro {
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	font-size: 14px;
}

.itemLibroChico {
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	font-size: 12px;
}




.noHay {
	text-align: center;
	padding: 20px;
}




.contenedorEstadisticas {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.estadistica {
	width: calc(50% - 40px);
	padding: 20px;
	text-align: center;
	border-bottom: 1px dotted #2c3b4c;
	padding-bottom: 40px;
}

.numeroEstadistica {
	font-weight: 800;
	font-size: 40px;
}

.textoEstadistica {
	font-weight: 400;
	font-size: 20px;
}


.tituloEstadistica {
	width: calc(100% - 40px);
	font-size: 20px;
	text-align: center;
	border-bottom: 1px dotted var(--color-naranja);
	border-top: 1px dotted var(--color-naranja);
	padding-bottom: 5px;
	margin-bottom: 5px;

	display: block;
	padding: 20px;
	margin-top: 30px;

}

.graficoEstadisticas {
	width: calc(50% - 40px);
	padding: 20px;
}

.graficoEstadisticas100 {
	width: calc(100% - 40px);
	padding: 20px;
}

@media (max-width: 999px) {
	.graficoEstadisticas {
		width: calc(100% - 40px);
		padding: 20px;
	}
}

@media (min-width: 1000px) {
	.graficoEstadisticas {
		width: calc(50% - 40px);
		padding: 20px;
	}
}






.usuarios {
	width: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	/* Safari */
	justify-content: flex-end;
	-webkit-align-items: center;
	/* Safari */
	align-items: center;
	-webkit-align-content: center;
	/* Safari */
	align-content: center;
	margin-right: 20px;
	margin-left: 20px;
	position: fixed;
	z-index: 999;
	right: 60px;
	top: 4px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}




.iconoUsuario {
	width: 30px;
	height: 30px;
	background-color: var(--color-naranja);
	border: 3px solid var(--color-naranja);


	flex-shrink: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.iconoUsuario:Hover {
	background-color: var(--color-naranja-oscuro);
	border: 3px solid var(--color-naranja-oscuro);

	/* box-shadow: -1px 1px 14px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: -1px 1px 14px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: -1px 1px 14px 0px rgba(0,0,0,0.4); */
}

.iconoUsuarioLogin {
	background-color: var(--color-naranja);
	border: 3px solid var(--color-naranja);
}



.tituloLoginPop {
	color: var(--color-celeste);
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 15px;
	text-align: center;

}

.areaLoginUsuario {
	padding: 10px;
	padding-top: 20px;
}


.areaLogin {
	width: calc(100% - 40px);
	max-width: 300px;
	position: fixed;
	margin-top: 64px;
	right: 58px;
	/* background-color: var(--color-elemento); */

	background: linear-gradient(180deg, rgba(48, 130, 144, 1) 0%, rgba(48, 130, 144, 0.3) 80px, rgba(48, 130, 144, .2) 100%);

	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);

	color: var(--color-celeste);

	padding: 0px;

	border-radius: 2px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49);
	z-index: 999;
	display: none;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.areaLogin:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: rgba(48, 130, 144, 1) transparent;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);

	border-width: 0 10px 10px;
	top: -10px;
	right: 10px;
	margin-left: -10px;
}

.areaLoginVisible {
	display: block;
}


.linkUsuario {
	width: auto;
	border-left: 6px solid var(--color-celeste);
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	border-left: 6px solid var(--color-celeste);
	font-size: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}


.linkUsuario:Hover {
	background-color: var(--color-celeste);
	color: var(--color-azul);
	padding-left: 20px;
	border-radius: 2px;
}

.botonLogoutUp {
	padding: 30px;
	padding-top: 5px;
	padding-bottom: 5px;

	background: var(--color-naranja);
	font-size: 11px;
	color: #fff;

	font-weight: 800;

	display: block;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;


	border-radius: 6px;
	cursor: pointer;
	position: relative;
	margin-top: 10px;
}

.botonLogoutUp:Hover {
	background-color: var(--color-naranja-oscuro);
}











/* CSS Document */
.iconoMenuMovilBoton {
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: fixed;
	z-index: 1000;
	top: 16px;
	right: 27px;
	/*background-color: rgba(78,78,39,0.57);*/
}

/* Icon 1 */

#iconoMenuM {
	width: 20px;
	height: 20px;
	position: fixed;
	top: 3px;
	right: 30px;
	margin: 18px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	/* cursor: pointer;*/
	z-index: 999;
}

#iconoMenuM span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: var(--color-celeste);
	border-radius: 3px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

/* Icon 3 */

#iconoMenuM span:nth-child(1) {
	top: 0px;
}

#iconoMenuM span:nth-child(2),
#iconoMenuM span:nth-child(3) {
	top: 7px;
}

#iconoMenuM span:nth-child(4) {
	top: 14px;
}

#iconoMenuM.open span:nth-child(1) {
	top: 6px;
	width: 0%;
	left: 50%;
}

#iconoMenuM.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: var(--color-celeste);
}

#iconoMenuM.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: var(--color-celeste);
}

#iconoMenuM.open span:nth-child(4) {
	top: 6px;
	width: 0%;
	left: 50%;
}





/* RESPONSIVE MENU */

@media (max-width: 1399px) {
	.menuMovil {
		position: fixed;
		height: 100%;
		width: 100%;
		max-width: 400px;
		left: -401px;
	}

	.todo {
		width: 100%;
		max-width: 1920px !important;
		margin: 0 auto;
		padding-top: 100px;
		padding-left: 0px;
	}

	.logo {
		left: 20px;
	}

	.iconoMenuMovilBoton {
		display: block;
	}

	#iconoMenuM {
		display: block;
	}

	.usuarios {
		right: 60px;
	}

	.areaLogin {
		right: 58px;
	}
}

@media (min-width: 1400px) {

	.menuMovil {
		position: fixed;
		height: 100%;
		width: 100%;
		max-width: 300px;
		left: 0px;
	}

	.todo {
		width: calc(100% - 340px);
		max-width: 1920px !important;
		margin: 0 auto;
		padding-top: 100px;
		padding-left: 300px;
	}


	.logo {
		left: 340px;
	}

	.iconoMenuMovilBoton {
		display: none;
	}

	#iconoMenuM {
		display: none;
	}

	.usuarios {
		right: 20px;
	}

	.areaLogin {
		right: 18px;
	}

}

.menuMovilVisible {
	left: 0;
}

/* FIN RESPONSIVE MENU */