/**
 * Copyright 2019 Google LLC
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * 		https://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Author:  Darwin Aguilar; 
 * Company: AnymalApp SAS;
*/

/*Comienzan fuentes*/
	.poppins-extralight {
		font-family: "Poppins", sans-serif;
		font-weight: 200;
		font-style: normal;
	}
	
	.poppins-light {
		font-family: "Poppins", sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	
	.poppins-regular {
		font-family: "Poppins", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	
	.poppins-medium {
		font-family: "Poppins", sans-serif;
		font-weight: 500;
		font-style: normal;
	}
	
	.poppins-semibold {
		font-family: "Poppins", sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	
	.poppins-bold {
		font-family: "Poppins", sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	
	.poppins-extrabold {
		font-family: "Poppins", sans-serif;
		font-weight: 800;
		font-style: normal;
	}
	
	.poppins-black {
		font-family: "Poppins", sans-serif;
		font-weight: 900;
		font-style: normal;
	}

	.op1{
		opacity: .1;
	}
	.op2{
		opacity: .2;
	}
	.op3{
		opacity: .3;
	}
	.op4{
		opacity: .4;
	}
	.op5{
		opacity: .5;
	}
	.op6{
		opacity: .6;
	}
	.op7{
		opacity: .7;
	}
	.op8{
		opacity: .8;
	}
	.op9{
		opacity: .9;
	}

	@font-face {
		font-family: JustAnotherHand;
		src: url('fonts/JustAnotherHand.ttf');
	}
	@font-face {
		font-family: AlexToth;
		src: url('fonts/AlexToth.ttf');
	}
	@font-face {
		font-family: Memesique;
		src: url('fonts/Memesique.otf');
	}
	@font-face {
		font-family: HauntingSpirits;
		src: url('fonts/HauntingSpirits.ttf');
	}
	@font-face {
		font-family: Mario-Party;
		src: url('fonts/Mario-Party.ttf');
	}
	@font-face {
		font-family: akaDylan;
		src: url('fonts/akaDylan.ttf');
	}
	@font-face {
		font-family: Poke;
		src: url('fonts/Poke.ttf');
	}
	@font-face {
		font-family: Mail-Ray;
		src: url('fonts/Mail-Ray.ttf');
	}
	@font-face {
		font-family: HighSchool;
		src: url('fonts/HighSchool.otf');
	}
	@font-face {
		font-family: Gwenhwyfar;
		src: url('fonts/Gwenhwyfar.ttf');
	}
	@font-face {
		font-family: Riot-Act;
		src: url('fonts/Riot-Act.otf');
	}
	@font-face {
		font-family: Baveuse-3d;
		src: url('fonts/Baveuse-3d.ttf');
	}
	@font-face {
		font-family: CostaRica;
		src: url('fonts/CostaRica.otf');
	}
	@font-face {
		font-family: Forrobodo;
		src: url('fonts/Forrobodo.otf');
	}
	@font-face {
		font-family: RetroGaming;
		src: url('fonts/RetroGaming.ttf');
	}
	@font-face {
		font-family: BrokenGlass;
		src: url('fonts/BrokenGlass.otf');
	}
/*Terminan fuentes*/

/**Comienzan estilos generales**/
	* {
		-webkit-tap-highlight-color: transparent;
	}
	html, body, div.activity.home .cover-home {
		overscroll-behavior: none;
	}
	html {
		-webkit-text-size-adjust: auto;
		font-size: 100%; /* Deja que el navegador/sistema defina el tamaño */
	}
	body {
	 	display: flex;
	 	justify-content: space-around;
	 	align-items: center;
	 	height: 100dvh;
		font-size: .94rem;
		line-height: 1.5rem; 
		margin: 0;
		padding: 0; 
		overflow: auto;
		min-width: 22rem;
		color: var(--brand1);
	}
	.container-inline-buttons {
		width: 100%;
		display: flex;
		gap: 1em;
		padding: 0 1em;
		box-sizing: border-box;

	}
	button, label.lblLikeBtt{
		display: inline-block;
		cursor: pointer;
		width: calc(100% - 2em);
		border-radius: .6em;
		padding: 1em;
		margin: 1em auto; 
		position: relative;
		-webkit-tap-highlight-color: transparent; 
		font-family: inherit;
		font-size: inherit;
		font-weight: 500;
		background-color: transparent;
		border: .15em solid var(--brand1);
		color: var(--brand1);
		box-shadow: 0px 3px 8px -4px var(--brand7);
	} 
	button.cta, label.lblLikeBtt.cta{
		background-color: var(--cta);
		color: #ffffff;
		border: none;
	}
	button.cta:disabled {
		background-color: grey;
		color: white;
		cursor: not-allowed;
		opacity: 0.5;
	  }
	button.terciary, label.lblLikeBtt.terciary {
		border: none;
		box-shadow: none;
		text-decoration: underline;
		padding: 0;
		width: auto;
		display: block;
		font-weight: 300;
	}
	label.lblLikeBtt{
		box-sizing: border-box;
		text-align: center;
		max-height: 46px;
	} 
	button > a {
		width: 100%;
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;
		text-decoration: none; 
	}
	button.embedded{
		width: 100%;
		max-width: 100%;
		margin: 0;
		border-radius: 0;
	}
	button > a > i{
		padding-right: 8px;
		font-size: 20px;
	}
	button > i.fa-arrow-right{
		margin-left: 10px;
	}
	button > i.icon-button-left{
		padding-right: 10px;
	}
	input::placeholder, textarea::placeholder, .label_input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
	  	font-family: "Poppins";
		font-weight: 400;
		font-size: 1em; 
		color: var(--brand1);
		opacity: .6;
	}
	textarea::placeholder{
		line-height: 20px;
	}
	button:focus, input:focus, select:focus, div:focus, textarea:focus{
	  outline: none; 
	}
	input[type="file"] {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    opacity: 0;
	}
	label, select{
		cursor: pointer;
	}
	label.help > span{
		display: none;
	} 
	.not-active{/*Button or a*/
		pointer-events: none; 
	  cursor: default; 
	}
	.loadingGif{
	    width: 25px;
	    height: 25px;
	    margin: -7px auto;
	} 
	p {
		box-sizing: border-box;
		padding: 0 .75em;
	}
	p.secondary{
		width: 100%;
		text-align: left; 
		max-width: 400px;
		margin: 15px auto;
	}
	.textLeft{
		text-align: left;
	}
	.textCenter{
		text-align: center;
	}
	.small-letters{
		font-size: .75em;
		line-height: 1.4em;
	} 

	video.scanQR{
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		object-fit: cover;
	}

	div.container-inline_buttons {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	div.inline_buttons{
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	div.inline_buttons > button {
		border-radius: 0;
		font-size: 14px;
		padding: 12px 0;
	}
	div.inline_buttons > button > a > i{
		font-size: 14px;
	}
	div.inline_buttons.due > button{
		width: calc(50% - 8px);
	}
	div.inline_buttons > button:first-child {
		border-radius: 13px 0 0 13px;
	}
	div.inline_buttons > button:last-child {
		border-radius: 0 13px 13px 0;
	}

	.prev_bound-effect,
	.next_bound-effect {
		display: block;
		z-index: 2;
		position: relative;
	}
	div.an_bound-effect {
		border-radius: 50%;
		position: absolute;
	}

	div.an_bound-effect.medium{
		width: 55px;
		height: 55px;
		left: calc(50% - 27.5px);
		z-index: 1;
	}
	div.an_bound-effect.medium.down {
		bottom: -27.5px;
	}
	div.an_bound-effect.medium.top {
		top: -27.5px;
	}
	div.an_bound-effect > div {
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: transparent;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	div.an_bound-effect > div > i{
		font-size: 20px;
	}
	div.an_bound-effect.medium > div:after {
		content: '';
		width: 30px;
		height: 30px;
		position: absolute;
		background-color: transparent;
		border-radius: 50%;
		left: -27px;
	}
	div.an_bound-effect.medium.down > div:after {
		bottom: calc(50% - 30px);
		box-shadow: 15px -18px #0A2E43;
	}
	div.an_bound-effect.medium.top > div:after {
		top: calc(50% - 30px);
		box-shadow: 15px 18px #0A2E43;
	}
	div.an_bound-effect.medium > div:before{
		content: '';
		width: 30px;
		height: 30px;
		position: absolute;
		background-color: transparent;
		border-radius: 50%;
		right: -27px;
	}
	div.an_bound-effect.medium.down > div:before{
		bottom: calc(50% - 30px);
		box-shadow: -15px -18px #0A2E43;
	}
	div.an_bound-effect.medium.top > div:before{
		top: calc(50% - 30px);
		box-shadow: -15px 18px #0A2E43;
	}

	.an_container {
		box-shadow: 1px 1px 3px 0px #00000066, -1px -1px 1px -1px #ffffff99;
		width: calc(100% - 30px);
		margin: 20px auto 30px;
		padding: 5px;
		box-sizing: border-box;
		border-radius: 20px;
		overflow: hidden;
	}

	.an_container.noPadd{
		padding: 0;
	}

	.an_container.noPadd > .header {
		width: 100%;
		box-sizing: border-box;
		padding: 5px 10px;
		background-color: #ccc;
		color: black;
	}
	.an_container.noPadd > .body{
		display: flex;
	}
	.an_container.noPadd > .body > div{
		width: 33.33%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
 	.an_container.noPadd > .body > div i {
 		font-size: 30px;
 	}
 	.an_container.embedded.top{
 		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-top: -3px;
 	}
 	/*Comienza div horizonatl scroll*/
		div.container-horizontal-scroll {
			width: 100%;
			min-width: 100%;
			overflow: hidden;
			position: relative;
			display: flex;
			align-items: center;
		}
		div.horizontal-scroll {
			display: flex; 
			justify-content: center;
			align-items: center;
			margin-left: -100%;
			height: 80px;
		}
		div.horizontal-scroll.hs-two {
			width: 200%;
			min-width: 200%;
		}
		div.horizontal-scroll.hs-three {
			width: 300%;
			min-width: 300%;
		}
		div.container-horizontal-scroll > i {
			position: absolute;
			cursor: pointer;
			padding: 10px;
			top: calc(50% - 14px);
			height: 38px;
			box-sizing: border-box;
			font-size: 18px;
		}
		div.container-horizontal-scroll > i.fa-caret-left {
			left: 0;
		}
		div.container-horizontal-scroll > i.fa-caret-right {
			right: 0;
		}
		div.horizontal-scroll.hs-two > div.horizontal-scroll_tab {
			width: 50%;
			min-width: 50%;
		}
		div.horizontal-scroll.hs-three > div.horizontal-scroll_tab {
			width: 33.33%;
			min-width: 33.33%;
		} 
	/*Termina div horizonatl scroll*/

	/*Comienzan BUTTONS PSEUDOCLASS ACTIVE*/ 
		div.container-social_links > i:active,
		div.container-select > div.select:active { 
			margin-top: 4px; 
		} 
		div.container-social_links.container5 > i:active {
			margin-top: 0;
		} 
		div.group-selectPlusLabel_input > div.select:active,
		div.group-label_inputPlusButton > label:active, 
		div.group-label_inputPlusButton > button:active{ 
			margin-top: 2px; 
		} 
	/*Terminan BUTTONS PSEUDOCLASS ACTIVE*/

	/*Comienza el delimitante*/
		.container-delimitant {
			display: flex;
			justify-content: center;
			align-items: center;
			min-width: 100%;
			box-sizing: border-box;
			margin-bottom: -1em;
		}
		.container-delimitant.bellow {
			margin-top: -12px;
			margin-bottom: 10px;	
		}
		.delimitant {
			width: calc(100% - 8.6em);
			min-width: 16em;
			height: 1.3em;
			display: flex;
			justify-content: center;
			border-top-left-radius: .6em;
			border-top-right-radius: .6em;
			border: .15em solid var(--black4);
			border-bottom: none;
		}
		.delimitant.bellow { 
			border-top-left-radius: 0;
			border-top-right-radius: 0; 
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			height: 15px;
			margin: -4px auto 0;
		}
		.delimitant > span {
			margin-top: -1em;
			padding: 0 .35em;
			font-size: .83em;
			background-color: var(--bg1);
			color: var(--cta);
			font-weight: 300;
		}

		.delimitant > span > sup{
			font-size: .7em;
		}
		.delimitant > span > strong{
			font-size: 1.18em;
		}
	/*Termina el delimitante*/
/**Terminan estilos generales**/

/*Comienzan CUSTOM ScrollBars*/
	/*Inicia para Chrome, Safari y Edge*/ 
		.sB-t::-webkit-scrollbar {
	  		width: 0px;/*Ancho de la barra scroll*/
	  	}
		.sB-t::-webkit-scrollbar-track {
			background-color: transparent;/*Color del carril de fondo donde se desplaza el thumb*/
		}
		.sB-t::-webkit-scrollbar-thumb {
	  		background: transparent;/*Color de la Barra que se va a desplazar*/
		}   
		.sB-t::-webkit-scrollbar-thumb:hover {
	  		background: transparent;/*Color de la Barra que se va a desplazar al pasar el puntero*/
		}
	/*Termina para Chrome, Safari y Edge*/

	/*Comienza para Firefox*/	
		.sB-t {
	  		scrollbar-width: thin; /* "auto" or "thin" */
	  		scrollbar-color: transparent transparent; /* scroll thumb and track */
		} 
	/*Termina para Firefox*/
/*Terminan CUSTOM ScrollBars*/

/*Comienza div notificaciones POPUP (fadeIn/fadeOut)*/ 
  .littlePopUp{
	position: absolute;
    top: 100dvh;
    z-index: 100;
    max-width: calc(100% - 2em);
    border-radius: 2em;
    text-align: center;
    padding: .4em 2em;
    box-sizing: border-box;
    cursor: pointer;
    font-size: .9em;
    background-color: var(--black);
    color: var(--bg1);
    font-weight: 300;
  }
/*Termina div notificaciones POPUP (fadeIn/fadeOut)*/ 

/**Comienza el index**/
	.container-main{
		width: 100%; 
		position: relative;
		overflow: hidden;
	} 
	div.activity.index .tab > .main{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		overflow-x: hidden;
		overflow-y: auto;
		height: 100%;
		width: 100%;
	} 
	div.activity.index div.main > .start-container{
		text-align: center;
		margin: auto;
		width: 100%;
	} 
	div.activity.index div.main > .start-container > .img-logo{
		width: 85%;
		margin: 0 auto;
	}
	div.activity.index div.main > .start-container > .img-tematic{
		width: 80%;
		margin: 2.8em auto;
	}
	div.activity.index div.main > .start-container > p{
		text-align: center;
		cursor: pointer;
		margin: 1.8em auto .6em;
		line-height: 1.2em;
	}
	div.activity.index div.main > .start-container > p > span{
		text-decoration: underline;
	} 
	footer{
		text-align: center;
		opacity: 0.6;
	}
	footer > p{
		margin: 5px auto;
	} 
	footer > p > a {
		text-decoration: none;
		opacity: .9;
	}
/**Termina el index**/

/**Comienzan las ACTIVITIES**/
	/*Comienzan Estilos generales*/
		/*Comienza el container*/
			div.container_activities{
				width: 100%;
				height: 100%;
				display: flex;
			}
			div.container_activities div.activity{
				width: 100%;
				height: 100%;
				max-height: 100%;
				position: relative;
				overflow: hidden;
			}
			button.float-button-forActivity {/*Boton flotante*/
				position: fixed;
				bottom: 25px;
				width: 250px;
				left: calc(50% - 125px);
			}
		/*Termina el container*/

		/*Comienza el header*/
			div.activity > .header{ 
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-start; 
				z-index: 2;
				position: relative; 
				flex-direction: column;
				box-sizing: border-box; 
				cursor: default;
				background-color: var(--bg1);
				border-bottom: .15em solid var(--black4);
			} 
			div.activity > div.header.transparent { 
				box-shadow: none;
				position: absolute; 
				background-color: transparent;
				border-bottom: none;
			} 
			div.activity > div.header.transparent.show{
				background-color: var(--bg1);
				border-bottom: .15em solid var(--black4);
			}
			div.activity > div.header.noShad {
				box-shadow: none;
				border-bottom: none;
			}
			div.activity > div.header > .tittle-bar{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				min-width: 100%;
			}
			div.activity > div.header > .tittle-bar > span{
				font-size: 1.1em;
				max-width: calc(100% - 3em);
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				font-weight: 500;
			}
			div.activity > div.header > .tittle-bar > span > img {
			  width: 9em;
			  padding-left: .6em;
			}
			div.activity > div.header > .tittle-bar > span > i.fa-arrow-left{
				padding: .46em .8em;
				margin: .2em .6em .6em .2em;
				cursor: pointer; 
			}
			div.activity > div.header > div.inputHeader {
				bottom: 0;
				width: 100%;
				padding: 0;
				height: auto;
				min-height: auto;

				position: absolute; 
				right: 0;
				max-width: calc(100% - 3.3em);
			}
			div.activity > div.header > div.inputHeader.group-label_inputPlusButton > div.left {
			  width: calc(100% - 3.33em);
			}
			div.activity > div.header > div.inputHeader.group-label_inputPlusButton > div.left input {
				border-radius: 0;
			}
			div.activity > div.header > div.inputHeader.group-label_inputPlusButton > button {
				width: 3.33em;
				margin: 0;
			}
			div.activity > div.header > div.inputHeader.group-label_inputPlusButton > button {
				border-radius: 0;
			}
			div.activity > div.header.transparent > .tittle-bar > span > i.fa-arrow-left {
				box-shadow: none; 
				background: transparent;
			}
			div.activity > div.header.transparent > .tittle-bar > span > span {
				opacity: 0;
			}
			div.activity > div.header.transparent.show > .tittle-bar > span > span {
				opacity: 1;
			}
			/*Iconos o conjunto de iconos a la derecha del header*/
			div.activity > div.header > .tittle-bar > i,
			div.activity > div.header > .tittle-bar > div > i{
				font-size: 1.2em;
				margin: auto .7em auto .3em;
				width: 1.5em;
				text-align: center;
				padding: 0 0 .6em 0;
				cursor: pointer;
				position: relative;
			}
			div.activity > div.header > .tittle-bar > i.withLabel{
				margin-top: .13em;
  				margin-right: 1.33em;
			}
			div.activity > div.header > .tittle-bar > i.withLabel::after{
				position: absolute;
				content: attr(data-label);
				bottom: -0.15em;
				left: calc(50% - 1.6em);
				font-size: .52em;
				width: 3.33em;
				font-family: "Poppins";
				font-weight: 400;
			}
			div.activity > div.header > div.tabs{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				position: relative;
				background: var(--bg1);
				height: 2.1em;
			}
			div.activity > .header > div.tabs > span{ 
				text-align: center;
				padding: 5px 0;
				cursor: pointer;
				display: flex;
			  	justify-content: center;
			  	align-items: center;
			}
			div.activity > .header > div.tabs > span > strong{
				color: #0A2E43;
			  	background-color: #ffffffe8;
			  	width: 16px;
			  	display: inline-flex;
			  	height: 16px;
			  	border-radius: 50%;
			  	font-size: 12px;
			  	justify-content: center;
			  	align-items: center;
			  	padding: 0px;
			  	font-weight: normal;
			  	margin-right: 5px;
			}
			div.activity > .header > div.tabs > span.due{
				width: 50%;
			}
			div.activity > .header > div.tabs > span.tri{
				width: 33.3%;
			}
			div.activity > .header > div.tabs > div.selector{
				position: absolute;
				height: .35em;
				bottom: -.30em;
				left: 0;
				transform: translateX(0);
				transition: transform 0.3s ease-out;
				border-radius: .3em;
				background-color: var(--brand1);
			}
			div.activity > .header > div.tabs > div.selector.due{
				width: 50%;
			}
			div.activity > .header > div.tabs > div.selector.tri{
				width: 33.3%;
			}


		/*Termina el header*/

		/*Comienza el body*/
			div.activity > .body{
				overflow: hidden;
				position: relative;
				display: flex; 
				transform: translateX(0);
				transition: transform 0.3s ease-out;
				box-sizing: border-box;
				z-index: 1;
				background-color: var(--bg1);
			}
			div.activity > .body > div.tab{
				width: 100%;
				height: 100%;
				overflow-y: auto;
				overflow-x: hidden;
				text-align: center;
				user-select: none;
				padding: 30px 0;
				box-sizing: border-box;
			}
			div.activity > .body > div.tab .textLeft{
				text-align: left;
				opacity: .7;
				display: block;
			}
			div.activity > .body > div.tab.noPadd {
				padding: 0;
			}

			div.activity > .body > div.tab.withFooter{
				height: calc(100% - 5em);
			}
			div.activity > .body > div.tab > .footer{
				width: 100%;
				height: 5em;
				position: absolute;
				bottom: 0;
				background-color: var(--bg1);
			}
			div.activity > .body > div.tab.withFooter .add{
				bottom: 8em;
			}
		/*Termina el body*/
	/*Terminan Estilos generales*/

	/*Comienza home (session started)*/
		/*Comienza el cover home menu*/
			div.activity.home .cover-home {
				position: absolute;
				overflow-x: hidden;
				overflow-y: auto;
				width: 100%;
				height: 100%;
				z-index: 3;
				top: -100%;
				background-color: var(--bg1);
			}
			div.activity.home .wellcome{
				width: 100%;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				height: 20em;
				border-radius: 0 0 0 11em;
				margin-bottom: 2em;
			}
			div.activity.home .wellcome > img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
				border-radius: 0 0 0 11em;
			} 
			div.activity.home .wellcome >  .container-info{
				position: absolute;
				background-color: var(--brand7);
				width: 100%;
				height: 100%;
				color: var(--bg1);
				border-radius: 0 0 0 11em;
			}
			div.activity.home .wellcome >  .container-info > .header{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0 2.5em;
				box-sizing: border-box;
			}
			div.activity.home .wellcome >  .container-info > .header > label {
				background-color: var(--cta);
				padding: .1em .8em;
				border-radius: 1em;
				font-size: .85em;
				border: .09em solid var(--bg1);
				position: absolute;
				z-index: 3;
				right: 2.5em;
			}
			div.activity.home .wellcome >  .container-info > .body {
				text-align: left;
				padding: 0 2.5em;
				margin: 4em auto;
				text-shadow: -.12em .1em 0 var(--brand1);
			}
			div.activity.home .wellcome >  .container-info > .body > h3{
				line-height: 1em;
				margin-top: -.5em;
				font-weight: 300;
			}
			div.activity.home .wellcome >  .container-info > .footer {
				width: 5em;
				height: 5em;
				background-color: var(--black3);
				border-radius: 50%;
				overflow: hidden;
				position: absolute;
				right: 2.5em;
				bottom: -2.5em;
				border: .22em solid var(--bg1);
				display: flex;
				justify-content: center;
				align-items: center;
			}
			div.activity.home .wellcome >  .container-info > .footer > img {
				width: 3.1em;
			}
			div.activity.home .container-options{ 
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				padding: 1em 1.3em;
				margin: 0 auto;
			}
			div.activity.home .container-options label{
				position: relative;
				border-radius: 1.6em;
				padding: 1em 1.7em;
				box-sizing: border-box;
				margin: 1.6em auto;
				text-align: left;
				display: flex;
				flex-wrap: wrap;
				background-color: var(--black3);
				box-shadow: .2em .2em .5em -.2em var(--brand1);
			}
			div.activity.home .container-options > label > .icon {
				position: relative;
				width: 6em;
			}
			div.activity.home .container-options > label > .icon > img {
				position: absolute;
			}
			div.activity.home .container-options > label > .icon.senseia > img {
				height: 135%;
				top: -.2em;
				left: -.65em;
			}
			div.activity.home .container-options > label > .icon.pets > img{
				height: 140%;
				bottom: -.35em;
				right: -2.1em;
			}
			div.activity.home .container-options > label > .icon.senseia-manager > img{
				bottom: -.5em;
				right: .3em;
				height: 145%;
			}
			div.activity.home .container-options > label > .icon.walkers > img{
				height: 155%;
				top: -1.3em;
				right: -1.8em;
			}
			div.activity.home .container-options > label > .icon.delivery > img{
				width: 7em;
				bottom: -.2em;
				left: -2em;
			}
			div.activity.home .container-options > label > .icon.markets > img{
				width: 6.6em;
				bottom: -1.5em;
				right: -1em;
			}
			div.activity.home .container-options > label > .text {
				width: calc(100% - 6em);
			}
			div.activity.home .container-options > label > .text > h3 {
				margin: 0;
				font-weight: 500;
				font-size: 1.1em;
			}
			div.activity.home .container-options > label > .text > h3 > i {
				color: var(--cta);
			}
			div.activity.home .container-options > label > .text > p {
				margin: .3em 0;
				padding: 0;
			}
			div.activity.home .container-options > label > .text > p > span {
				color: var(--cta);
				text-decoration: underline;
			}
			div.activity.home .container-options > label > .aditional {
				min-width: 100%;
			}
			div.activity.home .container-options > label > .aditional > p{
				padding: 0;
				line-height: 1.4em;
				margin: .4em 0 0;
			}


			div.activity.home .container-options > .divider {
				width: 100%;
				margin: 2em auto 4em;;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			div.activity.home .container-options > .divider.four > label {
				position: relative;
				width: calc(25% - 1.3em);
				aspect-ratio: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: var(--black3);
				border-radius: 1em;
			}
			div.activity.home .container-options > .divider.four > label > img {
				position: absolute
			}
			div.activity.home .container-options > .divider.four > label.search > img {
				width: 3.4em;
    			bottom: .5em;
			}
			div.activity.home .container-options > .divider.four > label.profile > img {
				width: 4em;
				bottom: .5em;
				left: calc(50% - 1.85em);
			}
			div.activity.home .container-options > .divider.four > label.saved > img {
				width: 3.9em;
    			bottom: .8em;
			}
			div.activity.home .container-options > .divider.four > label.logout > img {
				width: 3.8em;
    			bottom: .5em;
			}
			div.activity.home .container-options > .divider.four > label > h4{
				position: absolute;
				bottom: -3.6em;
				font-size: .85em;
				font-weight: 500;
			}
		/*Termina el cover home menu*/

		/*Comienza ultimas noticias*/
			div.container-lastnews {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column-reverse;
				text-align: left;
				background-color: var(--bg1);
			}
			div.container-lastnews.preview{
				flex-direction: column;
			}
			div.container-lastnews > .lastnew { 
				overflow: hidden;
				margin: 1.3em auto;
				display: flex;
				flex-direction: column;
				justify-content: space-between; 
		    	box-shadow: -21px 7px 15px -15px rgba(0, 0, 0, 0.8), 21px 7px 15px -15px rgba(0, 0, 0, .8);
		    	width: 100%;
				background-color: var(--bg1);
			}
			div.activity.urlLastnew .lastnew {
				margin-top: 0;
			}
			div.lastnew > .header {
				position: relative;
			}
			div.lastnew > .header > .container-picture{
				width: 100%;
				overflow: hidden;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: 0 auto;
				z-index: 1;
				aspect-ratio: 1;
				height: auto;
			} 
			div.lastnew > .header > .container-picture > img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
			}
			div.lastnew > .header > .interactions {
				display: flex;
			  flex-direction: column;
			  justify-content: space-between;
			  align-items: center;
			  padding: 0 .2em .2em 0;
			  box-sizing: border-box;
			  position: absolute;
			  bottom: 0;
			  right: 0.13em;
			  z-index: 2;
			} 
			div.lastnew > .header > .interactions i {
				font-size: 1.4em;
				border-radius: .4em;
				padding: .8em;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				margin: .3em 0;
				background-color: var(--black1);
				backdrop-filter: blur(.1em);
				color: var(--bg1);
				width: 1em;
				aspect-ratio: 1;
				text-shadow: .0em .08em .02em var(--black);
			}
			div.lastnew > .header > .interactions i.full{
				padding: 5px 12px 19px;
			} 
			div.lastnew > .header > .interactions i  > small{
				position: absolute;
				font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
				font-size: 12px;
				bottom: 4px;
				font-weight: initial; 
				display: none;
			}
			div.lastnew > .header > .interactions i.full > small {
				display: block;
			}
			div.lastnew > .header > i.open_card {
				position: absolute;
				right: 8px;
				top: 8px;
				z-index: 2;
				padding: 10px;
			}
			div.lastnew > .header i:hover {
				cursor: pointer;
			}
			div.lastnew > .body {
				width: 100%;
				padding: .5em;
				box-sizing: border-box;
			}
			div.lastnew > .body > .letterhead {
				width: 100%;
				display: flex;
			}
			div.lastnew > .body > .letterhead > .pics {
				width: 5em;
				aspect-ratio: 1;
				display: flex;
				margin: 0 1.5em 0 0;
				justify-content: center;
				align-items: center;
				position: relative;
			}
			div.lastnew > .body > .letterhead > .pics > img {
				border-radius: .6em;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
			}
			div.lastnew > .body > .letterhead > .info {
				width: calc(100% - 8.5em);
				text-align: left;
			}
			div.lastnew > .body > .letterhead > .info > b{
				font-size: 1.1em;
    			font-weight: 500;
			}
			div.lastnew > .body > .letterhead > .info > p {
				padding: 0;
				margin: 0;
				opacity: 1;
				font-weight: 300;
				font-size: .85em;
				line-height: 1.4em;
			}
			div.lastnew > .body > .letterhead > .info > p > b {
				font-weight: 500;
			}
			div.lastnew > .body > .letterhead > .button {
				width: 2em;
				text-align: center;
				font-size: 1.5em;
			}
			div.lastnew > .body > .letterhead > .button i {
				margin-top: .7em;
			}
			div.lastnew > .body > p {
				padding: 0;
				font-size: 0.85em;
				line-height: 1.4em;
			}
			div.lastnew > .body > .text-box p { 
				display: -webkit-box;
				line-clamp: 2;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				padding: 0;
				margin: 5px 0 0;
			}
			div.lastnew > .body > .text-box p > b {
				cursor: pointer;
			}
			div.lastnew > .body > .text-box div.date-report {
				margin-top: 8px;
			}
			div.lastnew > .body > .text-box small.subtittle {
				margin-top: .5em;
				display: inline-block;
				line-height: 1.4em;
			}
			div.lastnew > .body > .text-box small.viewMore { 
				display: -webkit-box;
				line-clamp: 3;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				white-space: pre-line;
				overflow: hidden; 
			}
			div.activity.urlLastnew div.lastnew > .body > .text-box small.viewMore {
				display: inline-block;
			}
			div.lastnew > .contact{
				margin-top: 30px;
			}
			div.lastnew > .footer {
				width: 100%;
				padding: 0 10px 2px;
				box-sizing: border-box;
				text-align: right;
				font-size: 90%; 
				font-weight: 300;
			}
		/*Termina ultimas noticias*/
	/*Termina home (session started)*/

	/*Comienza myPets*/
		div.container-little_cards{
			width: 100%;
			display: flex;
			justify-content: space-between;
			box-sizing: border-box;
			flex-wrap: wrap;
			margin: 0 auto;
			padding: 0 1em;
		}
		div.container-little_cards > .little_card{ 
			width: calc(50% - 2em);
			position: relative;
			overflow: hidden;
			cursor: pointer;
			margin: 1em;
		}
		div.container-little_cards > .little_card > .header{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
			aspect-ratio: 15 / 17;
			border-radius: 1.5em;
			position: relative;
		} 
		div.container-little_cards > .little_card > .header > img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center center;
		}
		div.container-little_cards > .little_card > .header > .corner{
			position: absolute;
			background: var(--bg2);
			min-width: 2em;
			border-radius: 2em;
			display: flex;
			justify-content: center;
			align-items: center;
			border: .15em solid var(--bg1);
			color: var(--cta);
			right: .5em;
			top: .5em;
			font-weight: 500;
			height: 2em;
			padding: 0 .5em;
			box-sizing: border-box;
		}
		div.container-little_cards > .little_card > .footer{
			width: 100%;
			display: -webkit-box;
			box-sizing: border-box;
			overflow: hidden;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			color: var(--brand1);
		}
		div.container-little_cards > .little_card > .footer > h3{
			line-height: 1.8em;
    		margin: .25em auto;
			font-weight: 500;
		}
		label.add{
			display: flex;
			width: 5em;
			aspect-ratio: 1;
			background-color: var(--cta);
			justify-content: center;
			align-items: center;
			border-radius: 50%;
			position: absolute;
			bottom: 3em;
			z-index: 3;
			right: 1em;
			color: var(--bg1);
			border: .2em solid var(--bg1);
		}
	/*Termina myPets*/

	/*Comienza FORM DE REGISTRO de mascota*/
		div.profile-img {
			width: 100%;
			aspect-ratio: 15 / 17;
			margin: 0;
			position: relative;
			z-index: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
		}
		div.profile-img > img{		
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center center;
		}
		#profile-img_picker, 
		#profile_change-img_picker {
			display: none;
		}
		div.profile-img > label,
		div.lastnew > .header > .container-picture > label,
		div.editUserProfile .u_p-picture > label {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			opacity: .5;
			text-align: right;
		}
		div.profile-img > label > i,
		div.lastnew > .header > .container-picture > label > i{
			text-align: center;
			font-size: 2em;
			margin: 1em .5em;
		}
		div.profile-img > label > i > small,
		div.lastnew > .header > .container-picture > label > i > small{
			font-size: .5em;
			font-family: "Poppins";
			font-weight: 400;
		}
		div.profile-img h1.name_pet{
			position: absolute;
			bottom: 50px;
		} 
		div.info-profile{
			width: 100%;
			position: relative;
			border-radius: 2em 2em 0 0;
			margin-top: -2.5em;
			z-index: 1;
			padding: 1em 0 2em;
			background: var(--bg1);
			box-sizing: border-box;
			box-shadow: 0 -.1em .2em -.1em var(--black);
		}
		.name_pet.default {
			font-family: 'Memesique';
			font-size: 4em;
    		line-height: 1.1em;
		}
		h1.name_pet {
			width: 100%;
			text-align: center;
			font-weight: lighter;
			z-index: 1; 
			display: flex;
			justify-content: center;
			align-items: center;
			white-space: nowrap;
			margin: 0;
			font-size: 4em;
    		line-height: 1.1em;
		}
	/*Termina FORM DE REGISTRO de mascota*/

	/*Comienza pet profile*/
		.activity.petPresentation .info-profile > p.pet-description {
			text-align: left;
			width: calc(100% - 50px);
			margin: 30px auto 40px;
			font-size: 14px;
			line-height: 22px;
		}
		.activity.petPresentation .container-pet-icons {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 20px 0;
		}
		.activity.petPresentation .container-pet-icons > .pet-icon {
			min-width: 25%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.activity.petPresentation .container-pet-icons > .pet-icon  > i {
			font-size: 40px;
		}
		.activity.petPresentation .container-pet-icons > .pet-icon.specie  > i {
			padding-bottom: 2px;
		}
		.activity.petPresentation .container-pet-icons > .pet-icon.sex  > i  {
			font-size: 49px;
		}
		.activity.petPresentation .container-pet-icons > .pet-icon.sex  > span {
			margin-top: -4px;
		}
		.activity.petPresentation .container-pet-icons > .pet-icon.sterilized  > i.no-sterilized,
		.activity.petPresentation .container-pet-icons > .pet-icon.age  > i  {
			font-family: "Memesique";
			font-style: normal;
			padding: 11px 5px 15px;
			font-size: 48px;
		}
		.activity.petPresentation .container-pet-icons > .pet-icon.sterilized  > i  {
			font-size: 35px;
			padding: 7px 0 2px;
		}
	/*Termina  pet profile*/

	/*Comienza User Profile*/
		div.activity.userProfile .u_p-picture,
		div.editUserProfile .u_p-picture{
			border-radius: 50%;
			overflow: hidden;
			width: 100px;
			height: 100px;
			margin: auto;
			position: relative;
		}
		div.activity.userProfile .u_p-picture > img,
		div.editUserProfile .u_p-picture > img{ 
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center center;
		}
		h2.user-name{
			margin: 8px auto;
		}
		div.activity.userProfile .container-follows{
			width: 100%;
			min-width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 12px;
			font-size: 90%;
		}
		div.activity.userProfile .container-follows > div {
			width: 35%;
		}
		div.activity.userProfile .container-follows > div:last-child {
			width: 30%;
			max-width: 94px;
		}
		div.activity.userProfile .container-follows > div:last-child > button{
			width: calc(100% - 1em);
			border-radius: .6em;
			padding: .3em .5em;
			margin: auto;
		}
		div.activity.userProfile .container-follows > div:last-child > button img {
			width: 20px;
		}
	/*Termina User Profile*/

	/*Comienza STORE*/
		section.photo-book{
			width: 100%;
			aspect-ratio: 1;
			background-color: red;
			overflow: hidden;
		}
		section.photo-book > div.container-album{
			margin-left: -100%;
			display: flex;
		}
		section.photo-book > div.container-album3{
			width: 300%;
		}
		section.photo-book > div.container-album > div.container-img {
			display: flex;
			justify-content: center;
			align-items: center;
			aspect-ratio: 1;
		}
		section.photo-book > div.container-album3 > div.container-img {
			width: calc(100% / 3);
			min-width: calc(100% / 3);
		}
		section.photo-book > div.container-album > div.container-img > img {
			width: 100%;
			height: 100%;
			object-fit: cover;
    		object-position: center center;
		}


		section.bottom-sheet{
			width: 100%;
			min-height: calc(100% - 100vw + 2em);
			margin-top: -2em;
			background-color: var(--bg1);
			border-radius: 2em 2em 0 0;
    		position: relative;
		}

		.static-footer{
			position: absolute;
			z-index: 1;
			bottom: 0;
			width: 100%;
			display: flex;
		}


		div.price{
			border: 1px solid #ccc;
			border-radius: 10px;
			position: relative;
			width: fit-content;
			margin: 10px auto 5px;
			padding: 12px 10px 6px;
			text-align: center;
			backdrop-filter: blur(3px);
		}
		div.price.variable{
			padding: 32px 12px 8px;
		}
		div.price.variable:after{
			content: 'Desde:';
			position: absolute;
			background-color: #ccc;
			font-size: 10px;
			padding: 1px 6px;
			border-radius: 8px 8px 0 0;
			color: #333;
			top: 0px;
			left: 0px;
			width: 100%;
			box-sizing: border-box;
		}
		div.price > b{
			font-size: 24px; 
		}
		div.price > b > span{
			font-weight: lighter;
		}
		div.price > span {
			position: relative;
			padding: 0px 4px 0px 0px;
		}
		div.price > span::after{
			content: attr(data-cents);
			position: absolute;
			left: 2px;
			bottom: 7px;
			font-size: 11px;
			font-weight: lighter;
		}
		div.price > small {
			opacity: .5;
		}
		div.activity.image_view div.image_view-container{
			background-color: black;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		div.activity.image_view div.image_view-container > img{
			width: auto;
			max-width: 100%;
			min-width: 100px;
		}
	/*Termina STORE*/

	/*Comienza Politicas de privacidad y Terminos y condiciones*/
		div.activity.privacy_policies > .body p, 
		div.activity.terms_and_conditions > .body p {
			text-align: left;
			font-size: 90%;
		}
	/*Termina Politicas de privacidad y Terminos y condiciones*/

	/*Comienza el proyecto UNA TONELADA DE AMOR*/
		div.activity.project p{
			text-align: left;
		}
		div.activity.project video{
			width: calc(100% - 10px);
		} 
		div.activity.project h1.goal {
			font-family: "Memesique";
		    text-shadow: -2px -3px 6px #052639;
		    font-weight: lighter;
		    font-size: 45px;
		    margin-top: 10px;
		}
		div.activity.project h1.goal img {
			width: 32px;
		}
		div.activity.project div.progressBar{
			width: calc(100% - 80px);
		    margin: auto;
		    background-color: #154b6a;
		    height: 12px;
		    border-radius: 8px;
		    overflow: hidden;
		}
		div.activity.project div.progressBar > div{
			width: 0%;
			background-color: #00FFFF;
			height: 12px;
		}
	/*Termina el proyecto UNA TONELADA DE AMOR*/

	/*Comienza Club*/
		div.stars + p{
			margin-top: -140px;
			backdrop-filter: blur(7px);
			padding-top: 15px;
			border-radius: 25px 25px 0 0;
		}
		div.stars > img {
			width: 100%;
		}
		div.carousell-cards {
			width: 100%;
			position: relative;
		}
		div.carousell-cards > div.container-arrows{
			width: 100%;
			height: 60px;
			position: absolute;
			display: flex;
			justify-content: space-between;
			align-items: center;
			top: calc(50% - 40px);
			left: 0;
		}
		div.carousell-cards > div.container-arrows > i{
			padding: 10px;
			color: #ffffffad;
		}
		div.carousell-cards_container {
			position: relative;
			width: 300%;
			min-width: 300%;
			display: flex;
			justify-content: start;
			align-items: flex-start;
			flex-wrap: nowrap;
			box-sizing: border-box;
			margin: 30px 0 10px;
			transition: transform 0.3s ease-out;
		}
		div.carousell-cards_container > .carousell-tab{
			width: 100%;
		}
		div.carousell-card {
			position: relative;
			border-radius: 15px;
			overflow: hidden;
			padding: 20px;
			box-sizing: border-box;
			text-align: left;
			width: calc(100% - 60px);
			height: auto;
			box-shadow: 1px 1px 3px 0px #00000066, -1px -1px 1px -1px #ffffff99;
			margin: 0 auto;
		}
		div.carousell-card h3{
			margin-top: 0;
			display: flex;
			justify-content: space-between;
		}
		div.carousell-card h3 > small{
			opacity: .4;
		}
		div.carousell-card i.fa-check{
			color: #07ff07;
		}
		div.carousell-card i.fa-times{
			color: #bf1e1e;
		}
		div.carousell-card .action{
			width: 100%;
			text-align: center;
		}
		div.carousell-card .action small{
			color: #ccc;
			text-align: center;
			width: 100%;
			display: flex;
			justify-content: space-between;
			margin-top: 15px;
		}
		div.carousell-card .action small > i{
			cursor: pointer;
		}
		div.activity.club .small-letters.advice {
			max-width: calc(100% - 60px);
			text-align: left;
			margin: auto;
		}

		div.coupon {
			position: relative;
			border-radius: 10px;
			overflow: hidden;
			padding: 10px;
			box-sizing: border-box;
			text-align: left;
			width: calc(100% - 40px);
			min-width: calc(100% - 40px);
			max-width: 290px;
			height: auto;
			box-shadow: 1px 1px 3px 0px #00000066, -1px -1px 1px -1px #ffffff99;
			margin: 10px auto 25px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		div.coupon > div.logo {
			width: 75px;
			height: 75px;
			border-radius: 10px;
			overflow: hidden;
		}
		div.coupon > div.logo > img{
			width: 100%;
		}
		div.coupon > div.info {
			width: calc(100% - 85px);
		}
		div.coupon > div.info > .header {
			color: #00ffff;
		}


		/*Comienza la ruleta*/
			div.roulette-container {
				width: 100%;
				min-width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				box-sizing: border-box;
				padding: 5px;
				margin: 30px auto 5px;
			}
			div.roulette-container > .picker{
				position: absolute;
				font-size: 40px;
				left: calc(50% - 20px);
				top: -16px;
				z-index: 12;
				color: gold;
				-webkit-text-stroke: 2px #0A2E43;
			}
			div.roulette-container > .center{
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background-color: #00baad;
				position: absolute;
				top: calc(50% - 30px);
				left: calc(50% - 30px);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 11;
				box-shadow: 0 0 10px 2px #0A2E43;
			}
			div.roulette-container > .center > img{
				width: 62%;
			}
			div.roulette-container > div.roulette {
				position: relative;
				width: 250px;
				height: 250px;
				background: #575454;
				border: 8px solid #00baad;
				border-radius: 50%;
				overflow: hidden;
			}
			div.roulette-container > div.roulette > .polygon{
				position: absolute;
				left: calc(50% - 41px);
				bottom: 0;
				transform-origin: top center;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 63px 41px 63px 41px;
				clip-path: polygon(51% 0%, 100% 100%, 50% 100%, 0% 100%);
				z-index: 1;
			}
			div.roulette-container > div.roulette > .polygon > img {
				width: 40px;
				position: absolute;
				top: 14px;
				left: -20px;
				border-radius: 50%;
				transform: rotate(180deg);
			}
			div.roulette-container > div.roulette > .polygon:before{
				position: absolute;
				top: -24px;
				left: calc(50% - 4px);
				font-size: 14px;
				transform: rotate(180deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(1){
				border-color: #900c3f;
				transform: rotate(195deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(1):before{
				/*content: '1';*/
				left: calc(50% - 1px);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(2){
				border-color: #c70039;
				transform: rotate(231deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(3){
				border-color: #FF5733;
				transform: rotate(267deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(4){
				border-color: #ff8d1a;
				transform: rotate(303deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(5){
				border-color: #ffc300;
				transform: rotate(339deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(6){
				border-color: #eddd53;
				transform: rotate(15deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(7){
				border-color: #57c785;
				transform: rotate(51deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(8){
				border-color: #2a7b9b;
				transform: rotate(87deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(9){
				border-color: #3d3d6b;
				transform: rotate(123deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(10){
				border-color: #511849;
				transform: rotate(159deg);
			}
			div.roulette-container > div.roulette > .polygon:nth-child(10):before{
				/*content: '10';*/
				left: calc(50% - 7px);
			}
		/*Termina la ruleta*/
	/*Termina Club*/

	/*Comienza pasarela de pago PAYPHONE*/
		div.activity.payphone_pass > .body > .tab {
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #f4f2f0;
			padding: 0 10px;
			box-sizing: border-box;
			flex-direction: column;
			color: #4d4d4d;
			font-family: Helvetica, sans-serif;
		}

		div.activity.payphone_pass .payphone-container{
			height: 100% !important;
			max-height: 100% !important;
			background-color: #f4f2f0 !important;
			overflow: hidden !important;
		}

		div.activity.payphone_pass .payphone-container > div.iframe{
			height: 100% !important;
			max-height: 100% !important;
			width: 100% !important;
			max-width: 100% !important;
		}
		div.activity.payphone_pass .payphone-container > div.iframe > iframe{
			height: 100% !important;
			max-height: 100% !important;
			width: 100% !important;
			max-width: 100% !important;	
		}
		div.activity.payphone_pass .back_activity{
			margin-top: 25px;
		}
	/*Termina pasarela de pago PAYPHONE*/

	/*Comienza formulario para envíos internacionales*/
		div.activity.delivery div.container-product{
			padding: 15px 0 10px;
  			margin: 10px auto;
		}
		div.activity.delivery .an_container > div.container-set-map{
			width: 100%;
			height: 127px;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			overflow: hidden; 
		}
		div.activity.delivery .an_container > .collection{
			display: flex;
			justify-content: space-between;
		}
		div.activity.delivery .an_container > .collection > img{
			width: calc(33.33% - 2px);
		}
		div.activity.delivery .an_container > div.container-set-map > img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center center; 
		}
		div.activity.delivery .an_container > div.container-set-map > div.glass{
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 2;
			background-color: transparent;
			top: 0;
			left: 0;
		}

		div.activity.delivery .an_container > .container-set-map > .toMove,
		div.activity.delivery .an_container > .container-set-map > .toMove > .map_delivery {
			width: 100%;
			height: 100%;
		}

		div.activity.delivery .an_container > .container-set-map > .toMove > .group-label_input,
		div.activity.delivery .an_container > .container-set-map > .toMove .set_address_ok{
			display: none;
		}

		div.activity.delivery .an_container{
			max-width: 310px;
			margin-bottom: 10px; 
		} 
		div.activity.delivery .an_container.product{
			border-radius: 10px;
		} 
		i.support{
			font-size: 60px;
			color: #ffffff80;
			margin: 0 5px;
		}
		.small-letters.kursive{
			font-style: italic;
			font-family: arial;
		}
		div.activity.delivery .small-letters.kursive{
			margin: 50px auto 5px;
		}
		div.activity.delivery .delivered_by_uber_logo{
			width: 30%;
		  margin-top: 10px;
		  min-width: 120px;
		  border-radius: 8px;
		  border: 2px solid #fff;
		}
		.an_container.table{
			border-radius: 4px;
			font-family: Arial;
			color: #ccc;
			font-size: 12px;
			border-collapse:collapse; 
			border: none;
			width: calc(100% - 6px);
			max-width: calc(100% - 6px) !important;
		}


		.an_container.table.deliveryDetails tr{
			border-bottom: 10px solid transparent;
		}
		.an_container.table.deliveryDetails tr:last-child{
			border-bottom: none;
		}
		.an_container.table.deliveryDetails td{
			box-shadow:  7px 7px 3px #092b3e, -7px -7px 3px #0b3148;
			padding: 4px 0 2px;
		}
		.an_container.table.deliveryDetails > thead{
			color: white;
			font-weight: bold;
		}
		.an_container.table.deliveryDetails tbody td:nth-child(2){
			text-align: left;
		}
		.an_container.table.deliveryDetails td:nth-child(1){
			width: 42px;
		}
		.an_container.table.deliveryDetails td:nth-child(2){
			padding: 0 10px;
		}
		.an_container.table.deliveryDetails tbody td:nth-child(3),
		.an_container.table.deliveryDetails tbody td:nth-child(4){
			text-align: right;
		}

		.an_container.table.deliveryDetails td:nth-child(3),
		.an_container.table.deliveryDetails td:nth-child(4){
			width: 60px;
			padding: 0 8px;
			box-sizing: border-box;
		}
		div.activity.delivery .an_container > div.group-selectPlusLabel_input_selectPlusLabel > div.select{
			border-radius: 0;
			padding: 14px 5px 5px;
		}
		div.activity.delivery .an_container > div.group-selectPlusLabel_input_selectPlusLabel.due > div.select{
			font-size: 15px;
			padding: 15px 5px 8px;
		}
		div.activity.delivery .an_container > div.group-selectPlusLabel_input_selectPlusLabel.due > div.select.left{
			border-right: 1px solid #cccccc26;
		}
		div.activity.delivery img.bank_transfer_img{
			width: 100%;
		}
		div.activity.delivery form.deliveryForm{
			position: relative;
		}

		div.activity.delivery .card .toMove > .group-label_input{
			max-width: 100%;
		}

		div.container-checkOutChoices{
			display: none;
		}

		.radio_option > .loadingGif {
			width: 35px;
			height: 35px;
			margin: 0px auto;
		}

		div.card .checkOutChoices{
			min-width: 100%;
			min-height: 100px;
		}
	/*Termina formulario para envíos internacionales*/

	/*Comienza Todos Mis Pedidos*/
		div.activity.all_purchase_orders div.purchase_order{
			display: flex;
			cursor: pointer;
		}
		div.purchase_order > div.img {
		  width: 80px;
		  overflow: hidden;
		  height: 80px;
		  border-radius: 15px;
		}
		div.purchase_order > div.img > img{
			width: 100%;
		}
		div.purchase_order > div.text {
		  text-align: left;
		  font-size: 80%;
		  line-height: 160%;
		  width: calc(100% - 80px);
		}
		div.purchase_order > div.text > p{
			margin: 0;
		}
	/*Comienza Vista de Pedidos Uno por Uno*/
		div.activity.purchase_order_one_by_one img.storeProfilePic{
		  border-radius: 50%;
		  width: 70px;
		}
	/*Comienza Vista de Pedidos Uno por Uno*/

	/*Comienza SenseIA*/
		div.activity.senseia img.cover{
			width: 100%;
		}
		div.activity.senseia .intro-section{
			text-align: left;
			padding-left: 10px;
			padding-right: 10px;
		}

		/*Comienza Senseia Scanner*/
			div.activity.senseiaScanner #webcam-container{
				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			div.activity.senseiaScanner video{
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				display: block;
  				pointer-events: none;
			}
			div.activity.senseiaScanner video::-webkit-media-controls {
				display: none !important; /* Esto quita los controles del video en navegadores móviles */
			}

			/*Comienza Label Informativo*/
				div.activity.senseiaScanner #label-container {
					width: 100%;
					position: absolute;
					z-index: 1;
					height: 100%;
					display: none;
					justify-content: center;
					align-items: center;
					flex-direction: column;
				}
				div.activity.senseiaScanner #label-container > .focus-box{
					position: relative;
					width: 70%;
					aspect-ratio: 1;
					background-color: rgba(0, 0, 0, 0.3); /* Fondo semi-transparente */
					border-radius: 1em; /* Ajusta para que coincida con las esquinas */
					overflow: hidden; /* Evitar que los pseudo-elementos se salgan */
				}
				div.activity.senseiaScanner #label-container > .focus-box > .corner {
					position: absolute;
					width: 20%;
					aspect-ratio: 1;
					border: .3em solid var(--bg1);
				}
				div.activity.senseiaScanner #label-container > .focus-box > .top-left {
					top: 0;
					left: 0;
					border-right: none;
					border-bottom: none;
					border-top-left-radius: 1em;
				}		  
				div.activity.senseiaScanner #label-container > .focus-box > .top-right {
					top: 0;
					right: 0;
					border-left: none;
					border-bottom: none;
					border-top-right-radius: 1em;
				} 
				div.activity.senseiaScanner #label-container > .focus-box > .bottom-left {
					bottom: 0;
					left: 0;
					border-right: none;
					border-top: none;
					border-bottom-left-radius: 1em;
				} 
				div.activity.senseiaScanner #label-container > .focus-box > .bottom-right {
					bottom: 0;
					right: 0;
					border-left: none;
					border-top: none;
					border-bottom-right-radius: 1em;
				}
				div.activity.senseiaScanner #label-container > p{
					background-color: rgba(0, 0, 0, .5);
					color: var(--bg1);
					border-radius: 1em;
					padding: .4em 1em;
				}
			/*Termina Label Informativo*/
			  

			/* Contenedor de la barra de progreso */
			div.activity.senseiaScanner .progress-container {
				width: 100%;
				background-color: var(--bg1);
				height: .5em;
				overflow: hidden;
				z-index: 1;
				position: absolute;
				left: 0;
				top: 0;
				box-shadow: inset 0 0 .5em rgba(0, 0, 0, 0.5);
			}

			/* Barra de progreso */
			div.activity.senseiaScanner .progress-bar {
				height: 100%;
				width: 0%;
				background-color: var(--cta);
				text-align: center;
				line-height: 1em;
				color: white;
				transition: width 1s ease; /* Transición suave del crecimiento */
			}

			/* Animación de sombra interna en movimiento */
			div.activity.senseiaScanner .progress-container::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				background: linear-gradient(120deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 60%);
				animation: moveShine 1s infinite; /* Animación de movimiento */
			}

			/* Keyframes para el movimiento de la sombra */
			@keyframes moveShine {
				0% {
					transform: translateX(-100%);
				}
				100% {
					transform: translateX(100%);
				}
			}

		/*Termina Senseia Scanner*/
	/*Termina SenseIA*/
/**Terminan las ACTIVITIES**/
 
/**Comienza Ventana Emergente**/
	.container-eWindow{
		width: 100%;
		height: 100%; 
		opacity: .8;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
		background-color: var(--black);
	}
	.eWindow{
		width: calc(100% - 2.6em); 
		max-height: calc(100dvh - 10.52em);
		position: absolute; 
		z-index: 12;
		border-radius: .6em; 
		overflow: hidden;
		display: none;
		background-color: var(--bg1);
		color: var(--brand1);
	}
	.eWindow > .header{
		height: 2.6em;
		display: flex;
		justify-content: space-between;
		align-items: center; 
		z-index: 1;
		position: relative;
		cursor: default; 
		border-bottom: .1em solid var(--black3);
	}
	.eWindow > .header > span{
		max-width: calc(100% - 3.3em);
		margin-left: .6em;
		font-size: 1.1em;
		z-index: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.eWindow > .header > span > i{
    	font-size: 1.3;
	}
	.eWindow > .header > i.fa-times-close-eWindow{
		position: absolute;
		right: .6em;
		font-size: 1.2em;
		z-index: 1;
		cursor: pointer; 
		padding: .35em .6em;
		border-radius: .3em;
	}
	.eWindow > .body{
		width: 100%;
		max-height: calc(100dvh - 15.64em);
		padding: .6em 0 1.3em;
		box-sizing: border-box;
		overflow: auto;
		text-align: center;
	}
	.eWindow > .body > .container{
		width: calc(100% - 1.3em);
		margin: 0 auto;
		font-size: .8em;
		line-height: 1.4em;
	}
	.eWindow > .body > .container span,
	.eWindow > .body > .container p{
		display: block;
    	text-align: left;
		padding: 0;
	}
	.eWindow > .body > .container p.href{
		display: flex;
	}
	video#appendCam{
		width: 100%;
		height: 12.33em;
	}
	.eWindow > .footer{
		width: 100%;
		max-height: 2.66em;
		display: flex;
		justify-content: space-between; 
		z-index: 1;
		position: relative; 
	}
	.eWindow > .footer > button{ 
		border: none; 
		margin: 0;
		border-radius: 0; 
		padding: 0;
	}
	.eWindow > .footer > button.only{
		width: 100%;
		max-width: 100%;
	}
	.eWindow > .footer > button.due{
		width: 50%;
	}
	.eWindow > .footer > button.tri{
		width: 33.3% - .06em;
	}
	.eWindow > .footer > button.left{
		border-right: .06em dotted rgba(204, 204, 204, 0.6);
	}
	.eWindow > .footer > button.right{
		border-left: .06em dotted rgba(204, 204, 204, 0.6);
	}
	.eWindow > .footer > button.center{
		border-left: .06em dotted rgba(204, 204, 204, 0.6);
		border-right: .06em dotted rgba(204, 204, 204, 0.6);
	}
	.eWindow > .footer > button > i{
		position: relative;
		left: unset;
		top: unset;
		padding: 0 .3em;
		border-right: none;
	}
/**Termina Ventana Emergente**/

/**Comienza la SECTION CARD**/
	div.container-card{
		width: 100%; 
		position: absolute; 
		top: 0;
		left: 0; 
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		z-index: 9;
	}
	div.container-card > div.excessive{
		width: 100%; 
		position: absolute; 
		top: 0;
		left: 0; 
		z-index: 10;
		opacity: 0.8;
		background-color: var(--brand1);
	}
	div.card{
		width: 100%; 
		min-height: 10.2em; 
		border-radius: 1em 1em 0 0;
		overflow: hidden;
		display: none;
		position: absolute;
		bottom: 0;
		z-index: 11;
		background-color: var(--bg1);
	}
	div.card > .header{
		width: 100%;
		height: 4em; 
		position: relative;
		cursor: grab; 
		border-bottom: .1em solid var(--black4);
	}
	div.card > .header:after{
		background-color: var(--brand1);
		content: '';
		width: 4em;
		height: .4em;
		position: absolute;
		top: .5em;
		left: calc(50% - 2em);
		border-radius: .5em;
	}
	div.card > .body{
		width: 100%; 
		margin: 0;
		overflow-x: hidden;
		overflow-y: auto;
	} 
	div.card > .body > div.container_options{
		width: 100%;
	}
	div.card > .body > div.container_options > div.radio_option{
		display: flex;
		padding: .5em .2em;
		cursor: pointer;
		border-bottom: .1em solid var(--black4);
	}
	div.card > .body > div.container_options > div.radio_option:last-child {
		border-bottom: none;
	}
	div.card > .body > div.container_options > div.radio_option > .icon{
		width: 2.5em;
		min-width: 2.5em;
		aspect-ratio: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.5em;
		border-radius: .6em;
		overflow: hidden;
	}
	div.card > .body > div.container_options > div.radio_option > .icon > img{
		width: 100%;
	}
	div.card > .body > div.container_options > div.radio_option > .icon > .fa-dot-circle{
		color: var(--cta);
	}
	div.card > .body > div.container_options > div.radio_option.disabled > div{
		opacity: .3;	
	}
	div.card > .body > div.container_options > div.radio_option > .icon.img{
		margin-left: .5em;
    	width: 3.5em;
	}
	div.card > .body > div.container_options > div.radio_option > .icon > img{
		width: 100%;
	}
	div.card > .body > div.container_options > div.radio_option > div.text{
		width: calc(100% - 3.25em);
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}
	div.card > .body > div.container_options > div.radio_option > div.text > p{
		margin: 0;
		line-height: 1em;
	}
	div.card > .body > div.container_options > div.radio_option > div.text .tittle{
		font-weight: 600;
		line-height: 1.3em;
		font-size: .95em;
	}
	div.card > .body > div.container_options > div.radio_option > div.text .subtittle{
		font-size: .85em;
	}
	div.card > .body > div.container_options > div.radio_option > div.text .footer {
		margin: .2em 1em 0;
	}
	div.card > .body > div.container_options > div.radio_option > div.text .footer.open {
		color: var(--cta);
	}
	div.card > .body > div.container_options > div.radio_option > div.text .footer.closed {
		color: var(--caution);
	}
	div.card > .body > div.container_options > div.radio_option > div.text .footer > b{
		font-weight: 900;
		font-size: 1.25em;
	}
	div.card > .body > div.container_options > div.radio_option:last-child {
	  padding-bottom: 2em;
	}
	div.card div.radio_option span.fontStylePicker{
		font-size: 50px;
		white-space: nowrap;
		line-height: 50px;
	}
	div.card div.radio_option span.Memesique{
		font-family: "Memesique"
	}
	div.card div.radio_option span.HauntingSpirits{
		font-family: "HauntingSpirits";
	}
	div.card div.radio_option span.Mario-Party{
		font-family: "Mario-Party";
	}
	div.card div.radio_option span.akaDylan{
		font-family: "akaDylan";
	}
	div.card div.radio_option span.Poke{
		font-family: "Poke";
	}
	div.card div.radio_option span.Mail-Ray{
		font-family: "Mail-Ray";
	}
	div.card div.radio_option span.HighSchool{
		font-family: "HighSchool";
	}
	div.card div.radio_option span.Gwenhwyfar{
		font-family: "Gwenhwyfar";
	}
	div.card div.radio_option span.Riot-Act{
		font-family: "Riot-Act";
	}
	div.card div.radio_option span.Baveuse-3d{
		font-family: "Baveuse-3d";
	}
	div.card div.radio_option span.CostaRica{
		font-family: "CostaRica";
	}
	div.card div.radio_option span.Forrobodo{
		font-family: "Forrobodo";
	}
	div.card div.radio_option span.AlexToth{
		font-family: "AlexToth";
	}
	div.card div.radio_option span.RetroGaming{
		font-family: "RetroGaming";
	}
	
	div.card div.radio_option span.BrokenGlass{
		font-family: "BrokenGlass";
	}


	/*Comienza Card Mapa Delivery*/
		div.card div.map_delivery{
			text-align: center;
			/*Height onlyPc and onlyMobile CSS*/
		}
		.payphone.btn-container {
		  border: none !important;
		}
		.payphone.btn-container p{
			color: #ffffff87 !important;
			margin: 0px 0 10px 0 !important;
		}
		.payphone.btn-container button{
			box-shadow: none !important;
		}
	/*Termina Card Mapa Delivery*/
/**Termina la SECTION CARD**/

/**Comienza Div Acceso a redes sociales*/
	div.container-social_links{
		padding: 1.3em 0 .3em;
		text-align: center;
		box-sizing: border-box;
		position: relative;
		width: calc(100% - 2em);
		max-width: 22em;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center; 
		flex-wrap: wrap;
	}
	div.container-social_links.container2,
	div.container-social_links.container3 {
		justify-content: space-around;
	}
	div.container-social_links.container5 {
		height: auto;
		justify-content: space-around;
	}
	div.container-social_links > i{
		position: relative;
		font-size: 1.7em;
		border-radius: .6em;
		width: calc(25% - .6em);
		margin-bottom: 1em;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		aspect-ratio: 15 / 13;
		box-shadow: 0 .1em .3em -.15em var(--brand1);
    	border: .07em solid var(--brand1);
	}
	div.container-social_links > i.bt1 {
		width: 100%;
		aspect-ratio: 15 / 2.6;
	}
	div.container-social_links > i.bt2 {
		width: calc(50% - .8em);
		aspect-ratio: 15 / 5;
	}
	div.container-social_links > i.bt3,
	div.container-social_links > i.fa-telegram-plane.bt5,
	div.container-social_links > i.fa-facebook-f.bt5, 
	div.container-social_links > i.fa-instagram.bt5 {
		width: calc(33% - 1em);
		aspect-ratio: 15 / 11;
	}
	div.container-social_links > i.fa-phone-alt.bt5,
	div.container-social_links > i.fa-whatsapp.bt5 {
		width: calc(50% - .8em);
		min-width: calc(50% - .8em);
		aspect-ratio: 15 / 5.5;
	}
	div.container-social_links > i > i{
		position: absolute; 
		font-size: 10px;
		bottom: -5px;
		right: -5px;
		padding: 4px;
		border-radius: 50%; 
		display: none;
		background-color: var(--cta);
    	color: var(--bg1);
	}
/**Termina Div Acceso a redes sociales*/

/**Comienzan inputs customizados**/
	div.group-label_input,
	div.group-selectPlusLabel_input,
	div.group-label_inputPlusButton{
		padding: 1.3em 1em .3em;
		text-align: center;
		box-sizing: border-box;
		position: relative;
		width: 100%;
		margin: 0 auto;
		min-height: 5em;
	}
	div.group-label_input.noPadd{
		padding: 0;
		min-height: auto;
	}
	div.group-label_input.noPadd > input{
		border-radius: 0;
		font-size: 16px;
	}
	div.group-label_input.noPadd > small{
		left: 7px;
		top: 1px;
		font-size: 13px;
	}
	div.group-label_input.embedded.bottom{
		padding-bottom: 0;	
	}
	div.group-label_input.embedded.bottom > input,
	div.group-label_input.embedded.bottom > textarea{
		height: auto;
		font-size: 14px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 23px 15px 7px;
	}
	/**Comienzan inputs solos**/
		div.group-label_input > .label_input,
		div.group-label_input > .label_txarea{
			width: 100%;
			border: none;
			padding: 1em;
			box-sizing: border-box;
			border-radius: .6em; 
			font-size: 1.1em;
			font-family: "Poppins";
			background-color: var(--black4);
			text-align: left;
			columns: var(--brand1);
			color: var(--brand1);
		}
		div.group-label_input > .label_txarea{
			resize: none;
			height: 120px;
	 	}
	 	div.group-label_input > small{
	 		position: absolute;
			top: 1.5em;
			left: 2em;
			display: none; 
			color: var(--cta);
	 	}
	/**Terminan inputs solos**/

	/**Comienzan dobles inputs horizontales**/
		div.container-group-label_input {
			padding: 0 1em;
			text-align: center;
			box-sizing: border-box;
			position: relative;
			width: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
		}
		div.container-group-label_input.due > div.group-label_input{
			padding: 1.3em 0 .3em;
			width: calc(50% - .5em);
		}
		div.container-group-label_input.due > div.group-label_input.first {
			padding-top: 0;
    		min-height: auto;
		}
		div.container-group-label_input.due > div.group-label_input.first > small {
			top: .2em; 
		} 
		div.container-group-label_input.due > div.group-label_input > small{
			left: .6em;
		}
		div.container-group-label_input.due > div.group-label_input > input.left {
			border-radius: .6em 0 0 .6em;
		}
		div.container-group-label_input.due > div.group-label_input > input.right {
			border-radius: 0 .6em .6em 0;
		}
	/**Terminan dobles inputs horizontales**/

	/**Comienza select más input**/
		div.group-selectPlusLabel_input{
			display: flex;
			justify-content: space-between;
		}
		div.group-selectPlusLabel_input > div.select{
			width: 6.6em;
			text-align: center; 
			padding: 1.6em .3em .3em;
			box-sizing: border-box;
			border: .15em solid var(--brand1);
			border-radius: .6em 0 0 .6em;
			position: relative;
			cursor: pointer;
			overflow: hidden;
			font-size: 1.1em;
		}
		div.group-selectPlusLabel_input > div.select > span.tittle{
			position: absolute;
			top: 4px;
			left: 9px; 
			font-size: 15px;
		}
		div.group-selectPlusLabel_input > div.select > i{
			position: absolute;
			top: 4px;
			right: 8px; 
		} 
		div.group-selectPlusLabel_input > div.input{
			position: relative;
			width: calc(100% - 7em);
		} 
		div.group-selectPlusLabel_input > div.input > .label_input{
			width: 100%;
			height: 100%;
			border: none;
			padding: 1em;
			box-sizing: border-box;
			border-radius: 0 .6em .6em 0;
			font-size: 1.1em;
			font-family: "Poppins";
			text-align: left;
			background-color: var(--black4);
		}
		div.group-selectPlusLabel_input > div.input > small{
	 		position: absolute;
			top: 5px;
			left: 5px;
			padding: 0 5px;
			display: none; 
			font-size: 15px;
	 	}
	/**Termina select más input**/

	/**Comienza input más button**/
		div.group-label_inputPlusButton{
			display: flex;
			justify-content: space-between;
			position: relative;
		}
		div.group-label_inputPlusButton > div.left{
			position: relative;
			width: calc(100% - 105px);
		} 
		div.group-label_inputPlusButton > div.left > input.label_input{
			width: 100%;
			border: none;
			padding: 1em;
			box-sizing: border-box;
			border-radius: .8em 0 0 .8em;
			font-family: "Poppins";
			font-size: 1.1em;
			text-align: left;
			background-color: var(--black3);
		}
		div.group-label_inputPlusButton > div.left > small{
			position: absolute;
			top: 0.2em;
			left: 1em;
			display: none; 
			color: var(--cta);
	 	}
		div.group-label_inputPlusButton > label,
		div.group-label_inputPlusButton > button{
			width: 8em;
			border-radius: 0 .8em .8em 0;
			height: 3.85em;
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0;
			flex-direction: column;
			border: .15em solid;
		}
		div.group-label_inputPlusButton > label > i,
		div.group-label_inputPlusButton > button > i{
			position: relative;
			padding: 0 0 2px 0;
			border-right: none;
			top: unset;
			left: unset;
		}
	/**Termina input más button**/ 

	/**Comienza select más input más select**/
		div.group-selectPlusLabel_input_selectPlusLabel{
			display: flex;
			justify-content: space-between;
		}
		div.group-selectPlusLabel_input_selectPlusLabel > div.select{
			width: 80px;
			text-align: center; 
			padding: 25px 5px 5px;
			box-sizing: border-box;
			border: none;
			border-right: none;
			position: relative;
			cursor: pointer; 
			max-height: 48px;
			overflow: hidden;
			font-size: 17px;
			margin-top: 1px;
		}
		div.group-selectPlusLabel_input_selectPlusLabel.due > div.select{
			width: 50%;
		}
		div.group-selectPlusLabel_input_selectPlusLabel > div.select.left{
			border-radius: 15px 0 0 15px;
		}
		div.group-selectPlusLabel_input_selectPlusLabel > div.select.right{
			border-radius: 0 15px 15px 0;
		}
		div.group-selectPlusLabel_input_selectPlusLabel > div.select > span.tittle{
			position: absolute;
			top: 4px;
			left: 9px; 
			font-size: 15px;
		}
		div.group-selectPlusLabel_input_selectPlusLabel > div.select > i{
			position: absolute;
			top: 4px;
			right: 8px; 
		} 
		div.group-selectPlusLabel_input_selectPlusLabel > div.input{
			position: relative;
			width: calc(100% - 160px);
		} 
		div.group-selectPlusLabel_input_selectPlusLabel > div.input > .label_input{
			width: 100%;
			border: none;
			padding: 15px;
			box-sizing: border-box;
			border-radius: 0; 
			font-size: 1.1em;
			font-family: "Poppins";
			text-align: center;
		}
		div.group-selectPlusLabel_input_selectPlusLabel > div.input > small{
	 		position: absolute;
			top: 2px;
			left: 5px;
			padding: 0 5px;
			display: none; 
			font-size: 11px;
	 	}
	/**Termina select más input más select**/
/**Terminan inputs customizados**/

/**Comienza SELECT customizados**/
	div.container-select{
		padding: 1.3em 1em .3em;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		position: relative;
		width: 100%;
		margin: 0 auto;
		height: 6.6em;
	}
	div.container-select.first {
		padding: 0 1em .3em;
		height: 4.3em;
	}
	div.container-select > div.select{ 
		text-align: center; 
		padding: 1.6em .3em .3em;
		box-sizing: border-box;
		border-radius: .6em;
		position: relative;
		cursor: pointer; 
		height: 4.3em;
		overflow: hidden;
		border: .15em solid var(--brand1);
	}
	div.container-select_one > div.select{
		width: 100%;
		border: .15em solid var(--brand1);
	}
	div.container-select_two > div.select{
		width: calc(50% - .6em);
	}
	div.container-select_three > div.select{
		width: calc(33.3% - .6em);
	}
	div.container-select > div.select > span.tittle{
		position: absolute;
		top: .26em;
		left: .86em; 
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: calc(100% - 1.73em);
		font-size: .9em;
		color: var(--cta);
	}
	div.container-select_three > div.select > span.tittle{ 
		top: .2em;
		left: .6em;
	}
	div.container-select > div.select > .container-selected_option{
		width: 100%;
		display: flex;
	}
	div.container-select > div.select span.selected,
	div.container-select > div.select span.deleted{
		display: block;
		width: 100%;
		min-width: 100%;
		font-size: 1.1em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding: 0 .6em;
		box-sizing: border-box;
		margin-top: .6em;
	}
	div.container-select_three > div.select > span.selected,
	div.container-select_three > div.select > span.deleted{
		font-size: 1em;
	}
	div.container-select > div.select > i{
		position: absolute;
		top: .26em;
		right: .86em; 
	} 
	div.container-select_three > div.select > i{
		top: .3em;
		right: .6em;
	}
/**Termina SELECT customizados**/

/**Comienza Css extra para el datepicker**/
	div.group-label_input > .label_input.datePickerActive:focus{
		border-radius: .6em .6em 0 0;
	}
	.ui-widget {
	    font-family: "Poppins";
	} 
	.ui-datepicker {
	    padding: 0;
    	background-color: var(--black3);
		width: calc(100% - 2em);
	} 
	.ui-datepicker-header {
		border: none;
		font-weight: 400;
		font-size: 1em;
		background-color: var(--black3);
		border-radius: 0;
	} 
	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		font-family: "Poppins";
		width: calc(50% - 15px);
	} 
	.ui-datepicker select.ui-datepicker-month option,
	.ui-datepicker select.ui-datepicker-year option{
		font-family: "Poppins";
	} 
	.ui-datepicker-header .ui-state-hover { 
	    cursor: pointer;
	    border-radius: 0;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	}
	.ui-datepicker .ui-datepicker-title {
	    margin-top: .4em;
	    margin-bottom: .3em; 
	}
	.ui-datepicker .ui-datepicker-prev-hover,
	.ui-datepicker .ui-datepicker-next-hover,
	.ui-datepicker .ui-datepicker-next,
	.ui-datepicker .ui-datepicker-prev {
	    top: .9em;
	    border:none;
	}
	.ui-datepicker .ui-datepicker-prev-hover {
	    left: 2px;
	}
	.ui-datepicker .ui-datepicker-next-hover {
	    right: 2px;
	}
	.ui-datepicker .ui-datepicker-next span,
	.ui-datepicker .ui-datepicker-prev span {
	    background-image: url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png);
	    background-position: -32px 0;
	    margin-top: 0;
	    top: 0;
	    font-weight: normal;
	}
	.ui-datepicker .ui-datepicker-prev span {
	    background-position: -96px 0;
	}

	.ui-datepicker th {
	    padding: 1em 0; 
	    font-size: 13px;
	    font-weight: normal;
	    border: none; 
	}
	.ui-datepicker td {
	    border: none;
	    padding: 0;
	}
	td .ui-state-default { 
	    border: none;
	    text-align: center !important;
	    padding: .5em;
	    margin: 0;
	    font-weight: normal; 
	    font-size: 16px;
	}
	.ui-state-disabled  {
	    opacity: 1;
	} 
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button{
	    padding: .8em;
		font-weight: 500;
		transition: .1s ease;
		border-radius: 0;
		border: .1em solid var(--black4);
		color: var(--brand1);
		background-color: transparent;
	}
	.ui-state-default:hover{ 
	    transition: .1s ease;
	}
	.ui-state-active{ 
		border-radius: 5px;
	}


	/*Inicia custom scrollBars for Chrome Safari Edge DATE PICKER*/
		.ui-datepicker .ui-datepicker-title select::-webkit-scrollbar-track{
			background-color: transparent;/*Color del carril de fondo donde se desplaza el thumb*/
		}
		.ui-datepicker .ui-datepicker-title select::-webkit-scrollbar-thumb {
	  		background: transparent;/*Color de la Barra que se va a desplazar*/
		}   
		.ui-datepicker .ui-datepicker-title select::-webkit-scrollbar-thumb:hover {
	  		background: transparent;/*Color de la Barra que se va a desplazar al pasar el puntero*/
		} 
	/*Termina custom scrollBars for Chrome Safari Edge*/

	/*Comienza custom scrollBars for Firefox*/	
		.ui-datepicker .ui-datepicker-title select{
	  		scrollbar-width: thin;          /* "auto" or "thin" */
	  		scrollbar-color: transparent transparent;   /* scroll thumb and track */
		}
	/*Termina custom scrollBars for Firefox*/
/**Termina Css extra para el datepicker**/

/**Comienzan estilos responsive WIDTH**/
	@media screen and (max-width: 400px){

		
	} 

	@media screen and (max-width: 375px){
		/*Comienza horizontal scroll*/
			div.horizontal-scroll_tab > div.container-select {
				max-width: 310px;
			} 
			div.container-select_three > div.select > span.tittle {
				font-size: 13px;
				left: 8px;
			} 
			div.container-select_three > div.select > i {
			  right: 8px;
			} 
			div.container-select_three > div.select span.selected{
				font-size: 16px;
			}
		/*Termina horizontal scroll*/
	} 
/**Terminan estilos responsive WIDTH**/

/**Comienzan estilos responsive HEIGHT**/
	@media screen and (max-height: 600px) {
		.eWindow {
			max-height: calc(100dvh - 80px);
		}
		.eWindow > .body {
			max-height: calc(100dvh - 165px);
		}
	}
/**Terminan estilos responsive HEIGHT**/