.formulario
	{
		float: left;
		width: calc(100% - var(--padding-box));
		padding: 0 0 0 var(--padding-box);
	}
		.formulario h1
		{
			float: left;
			width: 100%;
			color: var(--font-color);
			font-size: 1.2rem;
			line-height: 1.2rem;
			word-spacing: 2px;
			font-weight: 500;
			text-transform: uppercase;
		}
			.formulario h1 i
			{
				font-size: 1.1rem;
				line-height: 1.1rem;
				margin: 0 5px 0 0;
			}
			.formulario h1 span
			{
				color: var(--font-color);
				font-size: 1.2rem;
				line-height: 1.2rem;
				font-weight: 300;
				text-transform: uppercase;
				opacity: 0.7;
			}
		.formulario h2
		{
			float: left;
			width: 100%;
			font-size: 1.1rem;
			line-height: 1.4rem;
			font-weight: 400;
			color: var(--font-color);
		}
			.formulario h2 i
			{
				font-size: 1rem;
				line-height: 1rem;
				color: var(--font-color);
				margin: 0 10px 0 0;
			}
			.formulario h2 span
			{
				font-size: 1.1rem;
				line-height: 1.1rem;
				font-weight: 300;
				color: var(--font-color);
				opacity: 0.8;
				margin: 0 0 0 6px;
			}
		.formulario h3
		{
			float: left;
			width: 100%;
			font-size: 0.9rem;
			line-height: 1.1rem;
			font-weight: 300;
			color: var(--font-color-suave);
		}
			.formulario h3 a
			{
				color: var(--font-color-suave);
			}
			.formulario h3 i
			{
				font-size: 0.8rem;
				line-height: 0.8rem;
				color: var(--font-color-suave);
				margin: 0 12px 0 0;
			}
			.formulario h3 span
			{
				font-weight: 300;
				color: var(--font-color-suave);
				margin: 0 0 0 10px;
			}
			
		.formulario h4
		{
			float: left;
			position: relative;
			width: 100%;
			font-size: 1rem;
			line-height: 1rem;
			font-weight: 400;
			color: var(--font-color-suave);
			padding: 0 0 0 0;
		}
			.formulario h4 .nombre
			{
				float: left;
				width: 90px;
			}
			.formulario h4 .linea
			{
				float: left;
				width: calc(100% - 90px);
				height: 1px;
				background: var(--font-color-suave);
				margin: 7px 0 0 0;
			}
			
		.formulario h6
		{
			float: left;
			width: 100%;
			font-size: 0.9rem;
			line-height: 0.9rem;
			font-weight: 300;
			color: var(--font-color-suave);
		}
		.formulario p
		{
			float: left;
			width: 100%;
			font-size: 0.9rem;
			line-height: 1.5rem;
			font-weight: 300;
			color: var(--font-color);
			margin-bottom: 10px;
		}
			.formulario p b
			{
				font-size: 0.9rem;
				line-height: 1.5rem;
				font-weight: 500;	
			}
			
		.formulario .icono
		{
			float: left;
			width: 100%;
			text-align: center;
		}
			.formulario .icono i
			{
				color: var(--font-color);
				font-size: 6rem;
			}
			
		.formulario .etapas
		{
			float: left;
			position: relative;
			width: calc(100% - var(--padding-box));
			height: 43px;
			margin-bottom: var(--padding-box);
		}
			.formulario .etapas .etapas-linea
			{
				position: absolute;
				z-index: 1;
				top: 21px;
				width: 100%;
				height: 1px;
				background: var(--font-color);
			}
			.formulario .etapas .etapa-1
			{
				left: 0px;
			}
			.formulario .etapas .etapa-2
			{
				left: calc(45% - 5px);
			}
			/* .formulario .etapas .etapa-3
		    {
				left: calc(60% - 10px);
			}*/
			.formulario .etapas .etapa-3
			{
				right: 0px;
			}
			.formulario .etapas .on
			{
				color: var(--bg-body);
				background: var(--font-color);
				border: solid 2px var(--font-color);
			}
			.formulario .etapas .of
			{
				color: var(--font-color);
				background: var(--bg-body);
				border: solid 2px var(--font-color);
			}
			.formulario .etapas-box
			{
				position: absolute;
				z-index: 2;
				width: 39px;
				height: 39px;
				color: var(--bg-body);
				background: var(--font-color);
				border-radius: 50%;
			}
				.formulario .etapas-box span
				{
					float: left;
					width: 100%;
					text-align: center;
					font-size: 1.2rem;
					line-height: 1.2rem;
					font-weight: 400;
					padding-top: 12px;
				}
				
		.formulario .avatars
		{
			float: left;
			position: relative;
			width: calc(100% - var(--padding-box));
			display: grid;
		    grid-template-columns: 1fr 1fr 1fr;
			grid-column-gap: var(--padding-box);
			grid-row-gap: var(--padding-box);
			margin-bottom: var(--padding-box);
		}
			.formulario .avatars .on
			{
				border: solid 2px var(--border);
				background: #fff;
				box-shadow: 0px 0px 30px var(--bg-shadow);
			}
			.formulario .avatars .of
			{
				border: solid 2px var(--border-obj-off);
				background: #000;
			}
				.formulario .avatars .of img
				{
					opacity: 0.6;
				}
			.formulario .avatars-box
			{
				width: 100%;
				overflow: hidden;
			}
				.formulario .avatars-box img
				{
					float: left;
					width: 100%;
					height: auto;
				}

		.formulario .media
		{
			float: left;
			position: relative;
			width: calc(100% - var(--padding-box));
			display: grid;
		    grid-template-columns: 1fr 1fr;
			grid-column-gap: var(--padding-box);
			grid-row-gap: var(--padding-box);
			margin-bottom: var(--padding-box);
		}
			.formulario .media-box
			{
				float: left;
				width: 100%;
				border: solid 1px var(--border-off);
				border-radius: var(--border-radius);
				padding: 17px 0 16px 0;
			}
				.formulario .media-box-ico
				{
					float: left;
					width: 100%;
					text-align: center;
				}
					.formulario .media-box-ico i
					{
						color: var(--font-color);
						font-size: 1.5rem;
						line-height: 1.5rem;
					}
				.formulario .media-box-txt
				{
					float: left;
					width: 100%;
					text-align: center;
					color: var(--font-color);
					font-size: 1rem;
					line-height: 1rem;
					padding: 10px 0 0 0;
				}
				.formulario .media-box-vacio
				{
					float: left;
					width: 100%;
					text-align: center;
					color: var(--font-color);
					font-size: 0.9rem;
					line-height: 0.9rem;
					padding: 0 0 0 0;
					opacity: 0.6;
				}


		.formulario .media-audio
		{
			float: left;
			position: relative;
			width: calc(100% - var(--padding-box));
		}
			.formulario .media-audio-controles-record
			{
				float: left;
				width: 70px;
				height: 70px;
				background: #ff0000;
				border-radius: 50%;
			}
				.formulario .media-audio-controles-record i
				{
					float: left;
					color: var(--font-color);
					font-size: 2rem;
					margin: 19px 0 0 24px;
				}
	
		.formulario .media-audio-waveform
		{
			z-index: 1;
			border-radius: var(--border-radius);
			overflow: hidden;
		}
	
		.formulario .media-audio-controles
		{
			float: left;
			z-index: 2;
			position: relative;
			width: calc(100% - var(--padding-box));
			height: 70px;
		}
			.formulario .media-audio-controles .on
			{
				background: #ff0000;
				animation: animacionActivo 1s linear infinite;
			}
			@keyframes animacionActivo
			{
			    0% {
				    opacity: 1;
			    }
			    50% {
				    opacity: 0.8;
			    }
			    100% {
				    opacity: 1;
			    }
			}

			.formulario .media-audio-controles-record
			{
				display: block;
				position: absolute;
				top: 0px;
				left: calc(50% - 35px);
				width: 70px;
				height: 70px;
				background: var(--audio-boton);
				border-radius: 50%;
			}
				.formulario .media-audio-controles-record .fa-microphone
				{
					display: block;
					float: left;
					color: var(--font-color);
					font-size: 2rem;
					margin: 19px 0 0 24px;
				}
				.formulario .media-audio-controles-record .fa-stop
				{
					display: none;
					float: left;
					color: var(--font-color);
					font-size: 2rem;
					margin: 19px 0 0 21px;
				}
				
			.formulario .media-audio-controles-play
			{
				display: block;
				position: absolute;
				top: 14px;
				left: calc(50% + 55px);
				width: 45px;
				height: 45px;
				background: var(--audio-boton);
				border-radius: 50%;
			}
				.formulario .media-audio-controles-play .fa-play
				{
					display: block;
					float: left;
					color: var(--font-color);
					font-size: 1.2rem;
					margin: 13px 0 0 17px;
				}
				.formulario .media-audio-controles-play .fa-pause
				{
					display: none;
					float: left;
					color: var(--font-color);
					font-size: 1.2rem;
					margin: 13px 0 0 14px;
				}
			.formulario .media-audio-controles-replay
			{
				display: block;
				position: absolute;
				top: 14px;
				left: calc(50% - 100px);
				width: 45px;
				height: 45px;
				background: var(--audio-boton);
				border-radius: 50%;
			}
				.formulario .media-audio-controles-replay .fa-step-backward
				{
					display: block;
					float: left;
					color: var(--font-color);
					font-size: 1.2rem;
					margin: 13px 0 0 13px;
				}

			.formulario .media-audio-controles-time
			{
				z-index: 10;
				display: block;
				position: absolute;
				top: -40px;
				left: calc(50% - 50px);
				width: 100px;
				padding: 12px 0 0 0;
				background: var(--bg-body);
				border-radius: var(--border-radius);
				font-size: 1rem;
				color: var(--font-color);
				text-align: center;
			}

			.formulario .media-audio audio
			{
				float: left;
				width: 100%;
			}

		.formulario .media-videos
		{
			float: left;
			position: relative;
			width: calc(100% - var(--padding-box));
			display: grid;
		    grid-template-columns: 1fr 1fr;
			grid-column-gap: var(--padding-box);
			grid-row-gap: var(--padding-box);
			margin-bottom: var(--padding-box);
		}
			.formulario .media-videos-box-play
			{
				z-index: 2;
				position: absolute;
				width: 100%;
				height: 100%;
			}
				.formulario .media-videos-box-play video
				{
					position: absolute;
					width: 100%;
					height: 100%;
				}
			.formulario .media-videos-box-imagen
			{
				float: left;
				z-index: 1;
				width: 100%;
				height: 200px;
				border: solid 1px var(--border-off);
				border-radius: var(--border-radius);
				overflow: hidden;
			}
				.formulario .media-videos-box-imagen img
				{
					object-fit: cover;
					width: calc(100%);
					height: calc(100%);
					filter: grayscale(100%);
				}
				.formulario .media-videos-box-eliminar
				{
					position: absolute;
					z-index: 2;
					width: 24px;
					height: 24px;
					background: var(--font-color);
					border-radius: 50%;
					top: -12px;
					right: -12px;
				}
					.formulario .media-videos-box-eliminar i
					{
						float: left;
						color: var(--font-color-invertido);
						font-size: 0.8rem;
						margin: 6px 0 0 7px;
					}


		.formulario .media-fotos
		{
			float: left;
			position: relative;
			width: calc(100% - var(--padding-box));
			display: grid;
		    grid-template-columns: 1fr 1fr 1fr;
			grid-column-gap: var(--padding-box);
			grid-row-gap: var(--padding-box);
			margin-bottom: var(--padding-box);
		}
			.formulario .media-fotos .drag
			{
				float: left;
				z-index: 1;
				width: 100%;
				height: 120px;
				background: var(--border-obj-off);
				border: solid 1px var(--border-obj-off);
				border-radius: var(--border-radius);
				overflow: hidden;
			}
			.formulario .media-fotos-box-imagen
			{
				float: left;
				z-index: 1;
				width: 100%;
				height: 120px;
				border: solid 1px var(--border-off);
				border-radius: var(--border-radius);
				overflow: hidden;
			}
				.formulario .media-fotos-box-imagen img
				{
					object-fit: cover;
					width: calc(100%);
					height: calc(100%);
					/* filter: grayscale(100%); */
				}
				.formulario .media-fotos-box-eliminar
				{
					position: absolute;
					z-index: 2;
					width: 24px;
					height: 24px;
					background: var(--font-color);
					border-radius: 50%;
					top: -12px;
					right: -12px;
				}
					.formulario .media-fotos-box-eliminar i
					{
						float: left;
						color: var(--font-color-invertido);
						font-size: 0.8rem;
						margin: 6px 0 0 7px;
					}
					
					
		.formulario .adjuntos-cargando
		{
			float: left;
			width: calc(100% - 2px);
			margin: 0 0 30px 0;
			border: solid 1px var(--font-color);
			display: none;
		}
			.formulario .adjuntos-cargando-barra
			{
				float: left;
				width: calc(100%);
				height: 6px;
				overflow: hidden;
				background: var(--font-color-invertido);
			}
				.formulario .adjuntos-cargando-barra-bg
				{
					float: left;
					width: 0%;
					height: 100%;
					background: var(--font-color);
					transition: width 1s;
				}
				
		.formulario .calificacion
		{
			float: left;
			width: calc(100% - var(--padding-box));
		}
			.formulario .calificacion-perfil
			{
				float: left;
				width: 100%;
				margin: 0 0 30px 0;
			}
				.formulario .calificacion-perfil-poster
				{
					float: left;
					width: 140px;
					height: 140px;
					margin-left: calc(50% - 70px);
					margin-bottom: 30px;
				}
					.formulario .calificacion-perfil-poster img
					{
						float: left;
						object-fit: cover;
						width: calc(100%);
						height: calc(100%);
						filter: grayscale(100%);
						border-radius: 50%;
					}
				.formulario .calificacion-perfil-girl
				{
					float: left;
					width: 100%;
					text-align: center;
				}
					.formulario .calificacion-perfil-girl h2
					{
						float: left;
						width: 100%;
						text-align: center;
						font-size: 1.2rem;
						line-height: 1.2rem;
						letter-spacing: 0.1rem;
						word-spacing: 2px;
						font-weight: 500;
						text-transform: uppercase;
						color: var(--font-color);
						font-weight: 500;
						padding: 0 0 9px 0;
					}
					.formulario .calificacion-perfil-girl h3
					{
						float: left;
						width: 100%;
						text-align: center;
						font-size: 1rem;
						line-height: 1rem;
						letter-spacing: 0.05rem;
						word-spacing: 1px;
						font-weight: 500;
						text-transform: uppercase;
						color: var(--font-color-suave);
						font-weight: 300;
					}
						.formulario .calificacion-perfil-girl h3 span
						{
							margin: 0px;
							font-size: 1.5rem;
							font-weight: 500;
							padding: 0 5px 0 5px;
						}
			.formulario .calificacion-box
			{
				float: left;
				position: relative;
				width: 100%;
				display: grid;
			    grid-template-columns: 130px 1fr 30px;
				grid-row-gap: var(--padding-box);
				border-top: solid 1px var(--bg-box);
				padding: 11px 0 13px 0;
			}
				.formulario .calificacion-box-titulo
				{
					float: left;
					font-size: 1rem;
					line-height: 1.4rem;
					color: var(--font-color);
					font-weight: 400;
				}
				.formulario .calificacion-box-notas
				{
					padding: 2px 0 0 0;
					text-align: center;
				}
					.formulario .calificacion-box-notas-icono-lleno
					{
						float: left;
						width: 15px;
						height: 15px;
						margin: 2px 7px 0 0;
					}
					.formulario .calificacion-box-notas-icono-vacio
					{
						float: left;
						width: 15px;
						height: 15px;
						margin: 2px 7px 0 0;
					}
				.formulario .calificacion-box-puntos
				{
					float: left;
					text-align: right;
					font-size: 1rem;
					line-height: 1.4rem;
					color: var(--font-color);
					font-weight: 300;
					opacity: 0.7;
					margin: 2px 0 0 0;
				}


		.formulario .referidos
		{
			position: relative;
			float: left;
			width: calc(100% - var(--padding-box));
		}
			.formulario .referidos-linea
			{
				z-index: 1;
				position: absolute;
				width: 3px;
				left: 23px;
				height: calc(100% - 20px);
				background: var(--font-color);
				opacity: 0.5;
			}
			.formulario .referidos-box
			{
				z-index: 2;
				float: left;
				position: relative;
				width: calc(100% - 20px);
				margin: 0 0 20px 0;
			}
				.formulario .referidos-box-icono
				{
					float: left;
					position: relative;
					width: 50px;
					height: 50px;
					background: var(--font-color);
					border-radius: 50%;
					text-align: center;
				}
					.formulario .referidos-box-icono i
					{
						color: var(--font-color-invertido);
						font-size: 1.2rem;
						margin: 15px 0 0 0;
					}
					.formulario .referidos-box-icono span
					{
						float: left;
						width: 100%;
						text-align: center;
						color: var(--font-color-invertido);
						font-size: 1.5rem;
						font-weight: 500;
						margin: 18px 0 0 0;
					}
				.formulario .referidos-box-texto
				{
					float: left;
					position: relative;
					width: calc(100% - 70px);
					padding: 3px 0 0 20px;
					font-size: 1rem;
					line-height: 1.4rem;
					color: var(--font-color);
				}
					.formulario .referidos-box-texto b
					{
						font-weight: 500;
					}

		.formulario .preguntas-frecuentes
		{
			position: relative;
			float: left;
			width: calc(100% - var(--padding-box));
		}
			.formulario .preguntas-frecuentes .on
			{
				background: var(--bg-box);
				border: solid 1px var(--bg-box);
			}
				.formulario .preguntas-frecuentes .on .preguntas-frecuentes-box-titulo
				{
					color: var(--font-color);
				}
				.formulario .preguntas-frecuentes .on .preguntas-frecuentes-box-bajada
				{
					color: var(--font-color);
				}
			.formulario .preguntas-frecuentes-box
			{
				position: relative;
				float: left;
				width: calc(100% - 42px);
				border: solid 1px var(--font-color);
				margin: 0 0 20px 0;
				padding: 15px 20px 17px 20px;
			}		
				.preguntas-frecuentes-box-titulo
				{
					float: left;
					position: relative;
					width: 100%;
					color: var(--font-color);
					font-size: 0.9rem;
					line-height: 0.9rem;
					font-weight: 400;
				}
					.preguntas-frecuentes-box-titulo i
					{
						position: absolute;
						right: 0px;
						font-size: 1rem;
					}
				.preguntas-frecuentes-box-bajada
				{
					float: left;
					display: none;
					width: 100%;
					color: var(--font-color);
					font-size: 0.8rem;
					line-height: 1.4rem;
					font-weight: 300;
					padding: 7px 0 0 0;
				}

		.formulario .planes-detalles
		{
			float: left;
			position: relative;
			width: 100%;
		}
			.formulario .planes-detalles-titulo
			{
				background: var(--font-color);
			}
				.formulario .planes-detalles-titulo .box-1 h2
				{
					color: var(--font-color-invertido) !important;
				}
				.formulario .planes-detalles-titulo .box-2 h2
				{
					color: var(--font-color-invertido) !important;
				}
				.formulario .planes-detalles-titulo .box-3 h2 
				{
					color: var(--font-color-invertido) !important;
				}
			.formulario .planes-detalles .botones
			{
				border-top: solid 1px var(--border-obj-off);
			}
			.formulario .planes-detalles-valores
			{
				border-bottom: solid 1px var(--font-color);
			}
			.formulario .planes-detalles-box
			{
				float: left;
				position: relative;
				width: calc(100% - var(--padding-box));
				display: grid;
			    grid-template-columns: 1fr 1fr 1fr;
				grid-column-gap: 0px;
				text-transform: uppercase;
				border-bottom: solid 1px var(--audio-boton);
			}
				.formulario .planes-detalles-box:last-child
				{
					border-bottom: none;
				}
				.formulario .planes-detalles-box .box-1
				{
					padding: 13px 0 13px 0;
				}
					.formulario .planes-detalles-box .box-1 h2
					{
						float: left;
						width: 100%;
						text-align: left;
						color: var(--font-color);
						font-size: 0.7rem;
						line-height: 1rem;
						font-weight: 500;
					}
					.formulario .planes-detalles-box .box-1 h3
					{
						float: left;
						width: 100%;
						text-align: left;
						color: var(--font-color);
						font-size: 0.7rem;
						line-height: 1rem;
						font-weight: 300;
						opacity: 0.8;
					}
				.formulario .planes-detalles-box .box-2
				{
					width: 100%;
					text-align: center;
					color: var(--font-color);
					font-size: 0.7rem;
					line-height: 1rem;
					font-weight: 500;
					border-right: solid 1px var(--font-color);
					padding: 13px 0 13px 0;
				}
					.formulario .planes-detalles-box .box-2 h2
					{
						float: left;
						width: 100%;
						text-align: center;
						color: var(--font-color);
						font-size: 1.1rem;
						line-height: 1.3rem;
						font-weight: 500;
					}
					.formulario .planes-detalles-box .box-2 h3
					{
						float: left;
						width: 100%;
						text-align: center;
						color: var(--font-color);
						font-size: 0.7rem;
						line-height: 1rem;
						font-weight: 300;
						opacity: 0.8;
					}

				.formulario .planes-detalles-box .box-3
				{
					width: 100%;
					text-align: center;
					color: var(--font-color);
					font-size: 0.7rem;
					line-height: 1rem;
					font-weight: 500;
					padding: 13px 0 13px 0;
				}
					.formulario .planes-detalles-box .box-3 h2
					{
						float: left;
						width: 100%;
						text-align: center;
						color: var(--font-color);
						font-size: 1.1rem;
						line-height: 1.3rem;
						font-weight: 500;
					}
					.formulario .planes-detalles-box .box-3 h3
					{
						float: left;
						width: 100%;
						text-align: center;
						color: var(--font-color);
						font-size: 0.7rem;
						line-height: 1rem;
						font-weight: 300;
						opacity: 0.8;
					}
			.formulario .planes-detalles .bg-blanco
			{
				background: var(--font-color);
			}
				.formulario .planes-detalles .bg-blanco h2
				{
					text-align: center;
					color: var(--font-color-invertido) !important;
					font-size: 1.1rem;
					line-height: 1.3rem;
					font-weight: 300;
				}
				.formulario .planes-detalles .boton-box
				{
					float: left;
					width: calc(100% - 26px);
					background: var(--font-color);
					color: var(--font-color-invertido);
					font-size: 0.7rem;
					line-height: 1rem;
					font-weight: 500;
					padding: 5px 0 6px 0;
					margin: 0 13px 0 13px;
				}
				
					.formulario .planes-detalles-titulo .box-1 h2
					{
						float: left;
						width: 100%;
						text-align: center;
						color: var(--font-color);
						font-size: 1.1rem;
						line-height: 1.3rem;
						font-weight: 500;
					}



		.formulario .planes
		{
			padding: 10px 0 20px 0;
		}
			.formulario .planes-titulo
			{
				float: left;
				width: 100%;
			}
				.formulario .planes-titulo-icono
				{
					float: left;
					width: 100%;
					text-align: center;
				}
					.formulario .planes-titulo-icono i
					{
						color: var(--font-color);
						font-size: 3.5rem;
						line-height: 3.5rem;
					}
				.formulario .planes-titulo-txt
				{
					float: left;
					width: 100%;
					color: var(--font-color);
					text-align: center;
					font-size: 1.6rem;
					line-height: 1.6rem;
					font-weight: 600;
					padding: 15px 0 0 0;
				}
				
		.formulario .planes-listado
		{
			padding: 10px 0 5px 0;
		}
			.formulario .planes-listado-box
			{
				float: left;
				width: 100%;
				background: var(--bg-box);
				margin: 0 0 15px 0;
				padding: 15px 0 15px 0;
			}
				.formulario .planes-listado-box-ico
				{
					float: left;
					width: 90px;
					text-align: center;
					padding: 12px 0 0 0;
				}
					.formulario .planes-listado-box-ico i
					{
						color: var(--font-color);
						text-align: center;
						font-size: 2rem;
						line-height: 2rem;
					}
				.formulario .planes-listado-box-ico-small
				{
					float: left;
					width: 70px;
					text-align: center;
				}
					.formulario .planes-listado-box-ico-small i
					{
						color: var(--font-color);
						text-align: center;
						font-size: 1.4rem;
						line-height: 1.4rem;
					}
					.formulario .planes-listado-box-txt-small
					{
						float: left;
						width: calc(100% - 90px);
						color: var(--font-color);
						font-size: 1rem;
						line-height: 1rem;
						font-weight: 300;
						padding: 2px 0 0 0;
					}
				.formulario .planes-listado-box-txt
				{
					float: left;
					width: calc(100% - 110px);
				}
					.formulario .planes-listado-box-txt-h2
					{
						float: left;
						width: 100%;
						color: var(--font-color);
						font-size: 1rem;
						line-height: 1rem;
						font-weight: 500;
					}
					.formulario .planes-listado-box-txt-h3
					{
						float: left;
						width: 100%;
						color: var(--font-color);
						font-size: 0.9rem;
						line-height: 1.3rem;
						font-weight: 300;
						padding: 4px 0 0 0;
					}

				
		.formulario .estadisticas-box
		{
			background: var(--font-color);
			padding: 20px 0 23px 0;
		}
			.formulario .estadisticas-box-h2
			{
				float: left;
				width: 100%;
				color: var(--font-color-invertido);
				text-align: center;
				font-size: 3rem;
				line-height: 3rem;
				font-weight: 600;
			}
			.formulario .estadisticas-box-h3
			{
				float: left;
				width: 100%;
				color: var(--font-color-invertido);
				text-align: center;
				font-size: 1rem;
				line-height: 1rem;
				font-weight: 400;
				padding: 6px 0 0 0;
			}
				.formulario .estadisticas-box-h3 i
				{
					font-size: 0.9rem;
					line-height: 0.9rem;
					margin: 0 5px 0 0;
				}
			.formulario .estadisticas-box-h4
			{
				float: left;
				width: calc(100% - 40px);
				color: var(--font-color-invertido);
				text-align: center;
				font-size: 0.8rem;
				line-height: 1.1rem;
				font-weight: 300;
				padding: 8px 20px 0 20px;
			}

		.formulario .estadisticas-box-periodo
		{
			float: left;
			width: calc(100% - var(--padding-box));
			display: grid;
		    grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-column-gap: var(--padding-box-interior);
			grid-row-gap: var(--padding-box-interior);
		}

		.formulario .estadisticas-box-periodo
		{
			float: left;
			width: calc(100% - var(--padding-box));
			display: grid;
		    grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-column-gap: var(--padding-box-interior);
			grid-row-gap: var(--padding-box-interior);
		}
			.formulario .estadisticas-box-periodo div
			{
				text-align: center;
				background: var(--font-color);
				color: var(--font-color-invertido);
				border-radius: var(--border-radius);
				border: solid 1px var(--font-color);
				padding: 10px 0 11px 0;
			}
			.formulario .estadisticas-box-periodo .on
			{
				text-align: center;
				background: var(--font-color-invertido);
				color: var(--font-color);
				border: solid 1px var(--font-color);
				border-radius: var(--border-radius);
				padding: 10px 0 12px 0;
			}

		.formulario .input
		{
			float: left;
			position: relative;
			width: 100%;
			margin: 5px 0 0 0;
		}
			.formulario .input i
			{
				position: absolute;
				top: 12px;
				left: 15px;
				color: var(--font-color);
				font-size: 1rem;
				line-height: 1rem;
			}
			
		.formulario i.btn-show-pass {
			left: 92%;
		}
			
		.formulario .range
		{
			float: left;
			position: relative;
			width: 100%;
			margin: 20px 0 0 0;
		}

		.formulario .input-checkbox
		{
			float: left;
			position: relative;
		}
			.formulario .direcciones-list
			{
				float: left;
				width: 100%;
				display: grid;
				grid-template-columns: 1fr 20px;
			}
				.formulario .direcciones-list i
				{
					float: right;
					color: var(--font-color);
					font-size: 1.3rem;
					margin: 6px 0 0 0;
				}
			.formulario .input-checkbox i
			{
				z-index: 10;
				position: absolute;
			}
			.formulario .input-checkbox label
			{
				float: left;
			    border:solid 1px var(--font-color);
			    border-radius:10px;
				font-size: 0.8rem;
				line-height: 0.8rem;
				font-weight: 400;
				color: var(--font-color);
				padding: 9px 12px 8px 12px;
				margin: 0 10px 10px 0;
			}
			.formulario .input-checkbox input[type=checkbox]
			{
			    display: none;
			}
			.formulario .input-checkbox input:checked + label
			{
				background: var(--font-color);
			    color: var(--font-color-invertido);
			}
			.formulario .input-checkbox input:checked + label:after
			{
			    content: "\2713";
			    padding: 0 0 0 5px;
			}
			.formulario .input-checkbox .check
			{
			    visibility: hidden;
			}
			.formulario .input-checkbox input:checked + label .check
			{
			    visibility: visible;
			}
			.formulario .input-checkbox input.checkbox:checked + label:after
			{
			    content: "";
			}

		.formulario .checkbox
		{
			float: left;
			width: 100%;
		}
			.formulario .checkbox-input
			{
				float: left;
				width: 40px;
			}
			.formulario .checkbox-titulo
			{
				float: left;
				width: calc(100% - 40px);
				margin: 2px 0 0 0;
			}
				.formulario .checkbox-titulo label
				{
					font-size: 0.9rem;
					line-height: 0.9rem;
					font-weight: 300;
					color: var(--font-color);
				}
			
		.formulario .boton
		{
			float: left;
			position: relative;
			color: var(--font-color-invertido);
			background: var(--font-color);
			font-size: 1.1rem;
			line-height: 1.1rem;
			font-weight: 600;
			text-align: center;
			width: 100%;
			margin: 5px 0 0 0;
			padding: 13px 0 14px 0;
			outline: none;
		}
            .boton-whatsapp
            {
                background-color: #25D366 !important;
            }
            .boton-whatsapp a
            {
                color: white !important;
            }
			.formulario .boton a
			{
				color: var(--font-color-invertido);
			}
			.formulario .boton i
			{
				font-size: 1rem;
				line-height: 1rem;
				margin: 0 6px 0 6px;
			}
			.formulario .boton-of
			{
				float: left;
				position: relative;
				color: var(--font-color-invertido);
				background: var(--border-obj-off);
				font-size: 1.1rem;
				line-height: 1.1rem;
				font-weight: 500;
				text-align: center;
				width: 100%;
				margin: 5px 0 0 0;
				padding: 13px 0 14px 0;
			}
				.formulario .boton-of i
				{
					font-size: 1rem;
					line-height: 1rem;
					margin: 0 6px 0 6px;
				}
			.formulario .boton span
			{
				color: var(--font-color-invertido);
				font-size: 0.8rem;
				line-height: 0.8rem;
				font-weight: 300;
				opacity: 0.6;
			}

			.formulario .boton-small
			{
				float: left;
				position: relative;
				color: var(--font-color-invertido);
				background: var(--font-color);
				font-size: 0.9rem;
				line-height: 0.9rem;
				font-weight: 400;
				text-align: center;
				width: 100%;
				margin: 5px 0 0 0;
				padding: 13px 0 14px 0;
				outline: none;
			}
				.formulario .boton-small a
				{
					color: var(--font-color-invertido);
				}
				.formulario .boton-small i
				{
					font-size: 0.8rem;
					line-height: 0.8rem;
					margin: 0 6px 0 6px;
				}


		.formulario .btn-gold
		{

			color: var(--font-color-invertido);
			background: #f2c579;
		}

		.formulario .btn-chicas-in {
			color: var(--font-color);
			border:1px solid var(--border);
			padding: 9px 12px 8px 12px;
			border-radius: 10px;
			width: 210px;
			margin: 0 auto;
			text-align: center;
			
		}
		.formulario .btn-chicas-in a{
			color: var(--font-color);
			font-weight: 500;
			font-size: 0.9rem;
		}

		.formulario .btn-chicas-in .clienta
			{
				display: inline-block;
				width: 15px;
				height: 15px;
				background: url(../img/candy.blanco.1.png) no-repeat center center;
			}


		.formulario .boton-atras
		{
			float: left;
			position: relative;
			color: var(--font-color-invertido);
			background: var(--border-obj-off);
			border: solid 1px var(--border-obj-off);
			font-size: 1.1rem;
			line-height: 1.1rem;
			font-weight: 500;
			text-align: center;
			width: calc(100% - 2px);
			margin: 5px 0 0 0;
			padding: 13px 0 12px 0;
			outline: none;
		}
			.formulario .boton-atras i
			{
				font-size: 1rem;
				line-height: 1rem;
			}
		.formulario .boton-texto
		{
			float: left;
			width: 100%;
			position: relative;
			color: var(--font-color);
			font-size: 0.9rem;
			line-height: 1.1rem;
			font-weight: 300;
			text-align: center;
		}
			.formulario .boton-texto a
			{
				color: var(--font-color);
				font-size: 0.9rem;
				line-height: 0.9rem;
				font-weight: 400;
			}
			.formulario .boton-texto i
			{
				color: var(--font-color);
				font-size: 0.8rem;
				line-height: 0.8rem;
				margin: 0 8px 0 0;
			}
			.formulario .boton-texto .clienta
			{
				float: left;
				width: 15px;
				height: 15px;
				background: url(../img/candy.blanco.1.png) no-repeat center center;
				margin: 0 0 0 16px;
			}
		.formulario .boton-texto-secundario
		{
			float: left;
			width: 100%;
			position: relative;
			color: var(--font-color-placeholder);
			font-size: 0.9rem;
			line-height: 0.9rem;
			font-weight: 300;
			text-align: center;
		}
			.formulario .boton-texto-secundario i
			{
				color: var(--font-color-placeholder);
				font-size: 0.8rem;
				line-height: 0.8rem;
				margin: 0 8px 0 0;
			}
		.formulario .titulo-img-centrado
		{
			float: left;
			width: 100%;
			position: relative;
			color: var(--font-color);
			font-size: 1.2rem;
			line-height: 1.2rem;
			word-spacing: 2px;
			font-weight: 500;
			text-align: center;
			margin: 0 0 25px 0;
		}
			.formulario .titulo-img-centrado img
			{
				height: 130px;
			}
			.formulario .titulo-img-centrado .img-ancho
			{
				width: 100%;
				height: auto;
			}
		.formulario .titulo-h1-centrado
		{
			float: left;
			width: 100%;
			position: relative;
			color: var(--font-color);
			font-size: 1.2rem;
			line-height: 1.2rem;
			word-spacing: 2px;
			font-weight: 500;
			text-align: center;
			margin: 0 0 0 0;
		}
		.formulario .titulo-h2-centrado
		{
			float: left;
			width: 100%;
			position: relative;
			color: var(--font-color-placeholder);
			font-size: 1.3rem;
			line-height: 1.3rem;
			font-weight: 400;
			text-align: center;
			margin: 6px 0 20px 0;
		}

		.formulario .parrafo-centrado
		{
			float: left;
			width: 100%;
			position: relative;
			color: var(--font-color);
			font-size: 0.9rem;
			line-height: 1.4rem;
			font-weight: 300;
			text-align: center;
			margin: 0 0 20px 0;
		}
			.formulario .parrafo-centrado a
			{
				color: var(--font-color);
				font-size: 0.9rem;
				line-height: 1.4rem;
				font-weight: 400;
			}
			.formulario .parrafo-centrado b
			{
				color: var(--font-color);
				font-size: 0.9rem;
				line-height: 1.4rem;
				font-weight: 500;
			}
			.formulario .parrafo-centrado i
			{
				color: var(--font-color);
				font-size: 0.9rem;
				line-height: 0.9rem;
				margin: 0 8px 0 0;
			}
		
		.formulario .errores
		{
		    float: left;
		    width: calc(100% - var(--padding-box));
		    margin: 0px var(--padding-box) 0 0px;
		}
			.formulario .errores-box
			{
				float: left;
				width: 100%;
				color: var(--font-color-errores);
				font-size: 0.9rem;
				line-height: 0.9rem;
				font-weight: 400;
				margin: 12px 0 0 0;
			}
				.formulario .errores-box:first-child
				{
					margin: 15px 0 30px 0;
				}
				.formulario .errores-box:last-child
				{
					margin: 10px 0 30px 0;
				}
				.formulario .errores-box i
				{
					color: var(--font-color-errores);
					font-size: 0.8rem;
					line-height: 0.8rem;
					margin: 0 10px 0 0;
				}


	.input-select
	{
		float: left;
		width: calc(100%);
		height: 50px;
		background: var(--color-bg-box);
		color: var(--font-color);
		caret-color: var(--font-color);
		font-weight: 300;
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: 0.025rem;
		border: solid 1px var(--border-off);
		border-radius: 12px;
		padding: 7px 25px 7px 25px;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		resize: none;
		overflow: auto;
	}
	.formulario-registro-simple .input-select
	{
		border-radius: 0px;
		border: none;
		border-bottom: solid 1px var(--border-off);
		padding-left: 45px;
		color: #666;
	}

		.input-select:focus
		{
			
		}
		.input-select::placeholder
		{
			color: var(--font-color-placeholder);
		}

	.input-form
	{
		float: left;
		width: calc(100% - 90px);
		height: 40px;
		background: var(--color-bg-box);
		color: var(--font-color);
		caret-color: var(--font-color);
		font-weight: 300;
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: 0.025rem;
		border-bottom: solid 1px var(--border-off);
		padding: 0 45px 7px 45px;
		border-radius: 0px;
	    outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	    resize: none;
	    overflow: auto;
	}
		.input-form:focus
		{
			border-bottom: solid 1px var(--border);
		}
		.input-form::placeholder
		{
			color: var(--font-color-placeholder);
		}

	input[type="text"]
	{
		float: left;
		position: relative;
		width: calc(100% - 45px);
		height: 40px;
		background: var(--color-bg-box);
		color: var(--font-color);
		caret-color: var(--font-color);
		font-weight: 300;
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: 0.025rem;
		border-bottom: solid 1px var(--border-off);
		padding: 0 0 7px 45px;
		border-radius: 0px;
	    outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	    resize: none;
	    overflow: auto;
	}
		input[type="text"]:focus
		{
			border-bottom: solid 1px var(--border);
		}
		input[type="text"]::placeholder
		{
			color: var(--font-color-placeholder);
		}
		.input-code
		{
			text-align: center !important;
			width: 100% !important;
			padding: 0 0 5px 0 !important;
		}
		
	input[type="password"]
	{
		float: left;
		width: calc(100% - 45px);
		height: 40px;
		background: var(--color-bg-box);
		color: var(--font-color);
		caret-color: var(--font-color);
		font-weight: 300;
		font-size: 1.1rem;
		line-height: 1.1rem;
		letter-spacing: 1rem;
		border-bottom: solid 1px var(--border-off);
		padding: 0 50px 5px 50px;
		border-radius: 0px;
	    outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	    resize: none;
	    overflow: auto;
	}
		input[type="password"]:focus
		{
			border-bottom: solid 1px var(--border);
		}
		input[type="password"]::placeholder
		{
			color: var(--font-color-placeholder);
		}



	input[type="checkbox"]
	{
		float: left;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		background: var(--color-bg-box);
		height: 22px;
		width: 22px;
		border: 1px solid var(--font-color);
		border-radius: 50%;
	}
		
		
		video::-webkit-media-controls-start-playback-button
		{
		    display: none;
		}


/*by guille*/
.pop-up-legales	{
			position: fixed;
			z-index: 999;
			width: calc(100% - 60px);
			height: 380px;
			top: calc(50% - 200px);
			left: 30px;
			background: var(--chat-header-bg);
			border-radius: 15px;
			overflow-y: scroll;
}
.pop-up-id-mano {
			position: fixed;
			z-index: 999;
			width: calc(100% - 60px);
			top: calc(50% - 200px);
			left: 30px;
			background: var(--chat-header-bg);
			border-radius: 15px;
}
.pop-up-id-mano .boton-grey {
			
	
	border:1px solid var(--font-color);
	padding: 13px 0 14px 0;
	font-size: 1.1rem;
			line-height: 1.1rem;
			font-weight: 600;
}
.pop-up-video {
			position: fixed;
			z-index: 999;
			width: calc(100% - 60px);
			height: 400px;
			top: calc(50% - 200px);
			left: 30px;
			background: var(--chat-header-bg);
			border-radius: 15px;
			overflow-y: scroll;
}
.pop-up-legales-close
{
	position:sticky;
	z-index: 999;
	 background-color: #000;
  border: none;
  color: white;
  padding: 12px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	width: 100%;
	height: 20px;
	right: 0px;
	bottom: 0px;
}

			.pop-up-legales .icono
			{
				float: left;
				width: 100%;
				text-align: center;
			    padding: 30px 0 0 0;
			}
				.pop-up-legales .icono i
				{
				    color: var(--font-color);
					font-size: 3rem;
				}
			.pop-up-legales h2
			{
			    float: left;
			    width: 100%;
			    color: var(--font-color);
			    font-size: 1.1rem;
			    line-height: 1.1rem;
			    word-spacing: 2px;
			    font-weight: 500;
			    text-align: center;
			    padding: 20px 0 13px 0;
			}
			.pop-up-legales h3
			{
				margin: 0px 0px 10px 30px;
				font-weight: 400;
				width: auto;
			}
			.pop-up-legales p
			{
			    float: left;
			    width: calc(100% - 60px);
			    padding: 0 30px 10px 30px;
			    color: var(--font-color);
			    font-size: 0.8rem;
			    line-height: 1.2rem;
			    letter-spacing: 0.05rem;
			    font-weight: 300;
			}
			.pop-up-legales p strong,
			.pop-up-legales p b
			{
				font-size: 0.8rem;
				font-weight: 400;
			}
			.pop-up-bg
			{
				position: fixed;
				z-index: 998;
				width: 100%;
				height: 100%;
				background: var(--bg-header);
				top:0px;
				left: 0px;
			}

.formulario .txt-legales-footer {
	position: fixed;
	bottom: 5px;
}

	.carga-global
	{
		display: none;
		z-index: 9999;
		position: fixed;
		width: 100%;
		height: 100%;
		background: var(--getmati-bg);
	}
		.carga-global-icono
		{
			position: absolute;
			top: calc(50% - 60px);
			left: calc(50% - 60px);
			width: 120px;
			height: 120px;
			text-align: center;
			background: var(--slide-bar-bg);
			border-radius: 50%;
			text-align: center;
		}
			.carga-global-icono i
			{
				font-size: 3.5rem;
				color: var(--slide-bar);
				margin-top: 32px;
				animation:animacionRotar360 1.5s linear infinite;
			}
			@keyframes animacionRotar360
			{
				from
				{
					transform: rotate(0deg);
				}
				to
				{
					transform: rotate(360deg);
				}
			}

	.getmati-espacio {
		float: left;
		width: 100%;
		height: 1px;
		background: var(--bg-header-separador);
		margin: 32px 0 0 0;
	}

	.getmati-documentos
	{
		text-align: center;
	}
		.getmati-documentos img
		{
			width: 65%;
			height: auto;
			filter: grayscale(100%);
			border-radius: 10px;
		}

		.getmati-documentos-boton
		{
			float: left;
			position: relative;
			color: var(--font-color-invertido);
			background: var(--font-color);
			font-size: 1.1rem;
			line-height: 1.1rem;
			font-weight: 500;
			text-align: center;
			width: 100%;
			margin: 5px 0 0 0;
			padding: 13px 0 14px 0;
		}
			.getmati-documentos-boton i
			{
				margin: 0 0 0 8px;
			}

	.etapas-getmati
	{
		border-top: solid 1px var(--audio-boton);
		padding: 22px 0 0 0;
		font-size: 0.9rem;
		color: var(--border-obj-off);
		text-align: center;
		font-weight: 500;
		word-spacing: 2px;
	}
		.etapas-getmati span
		{
			font-weight: 300;
		}


.formulario .txt-golden,
.formulario b.txt-golden,
.formulario .parrafo-centrado i.txt-golden{
	color: var(--font-color-errores);
}
.formulario.clienta-registro-inicio .titulo-h1-centrado {
	
}
.formulario.clienta-registro-inicio .titulo-h1-centrado::before {
   content: '';
   display: inherit;
   width: 28%;
   margin: 10px auto;
   border-top: 3px solid var(--font-color);
	padding-bottom: 10px;
}

.formulario.clienta-registro-inicio .titulo-h2-centrado {
	font-size: 0.8rem;
	color: var(--font-color);
}
.formulario.clienta-registro-inicio .parrafo-centrado,
.formulario.clienta-registro-inicio .parrafo-centrado b{
	font-size: 0.8rem;
	line-height: 120%;
}
.box-club {
	width: 33%;
	float: left;
	text-align: center;
}
.formulario .box-club h3 {
	display: block;
	font-weight: bold;
	font-size: 0.8rem;
	color: var(--font-color-placeholder);
}
.formulario .box-club p {
	color: var(--font-color-invertido);
	font-size: 0.8rem;
	line-height: 100%;
	margin: 10px 0 10px 0;
	height: 38px;
}
.bg-club {
	background: var(--border);
	padding: 10px 2px;
	float: left;
}
.club-label {
	background:var(--bg-body);
	color: var(--font-color);
	padding: 6px 10px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 10px 2px;
}
.box-club a {
	border: 1px solid var(--border);
	padding: 5px 0px;
	font-size: 0.5rem;
	color: var(--font-color	);
	width: 100%;
	margin-top: 10px;
	float: left;
}
.box-inner {
	width: calc(100% - 5px);
}
.formulario p.txt-mall-club {
	text-align: center;
	border: 1px solid var(--border);
	font-size: 0.7rem;
	padding: 7px;
	line-height: 110%;
	margin: 30px 0;
}