@charset "utf-8";
 

/*Formulario*/
label {
	color: #999999;
	font-size: 1em;
	line-height: 1.5em;
}

.fuenteForms {
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 6px;
	text-align: right;
	padding: 0.8em 0.3em ;
}

::placeholder {
  color: #0f2937;
  opacity: 1; /* Firefox */
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:2px;
	font-weight:300;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #0f2937;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #0f2937;
}

input, select, textarea, .send {
	width: 100%;
	margin: 0px;
	margin-bottom: 0.0em;
	padding: 0.4em 3.8em;
	height: auto;
	border: 0px solid #c7c7c7;
	border: 2px solid #0f2937;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: #0f2937;
	font-size: 0.8em;
	border-radius: 60px;
	background-color: #ffffff00;
}

select{
	/* padding: 0.6em; */
	/* color: #000; */
	background-color: #fd840400;
}

textarea {
	overflow:auto;
	height:8em;
	border-radius: 0px;
}


/* Oculta el checkbox original */
input[type="checkbox"] {
  display: none;
}

/* Estilo del contenedor */
input[type="checkbox"] + label {
  position: relative;
  padding-left: 3em;
  cursor: pointer;
  font-size: 0.8em;
  text-align: left;
  /* background-color: green; */
  margin: 1em;
}

input[type="checkbox"] + label a{
	color: #304752;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.8em;
}

input[type="checkbox"] + label a:hover{
	color: #a06aa3;
	font-weight:400;
}

/* Estilo del indicador (checkbox personalizado) */
input[type="checkbox"] + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #a06aa3;
  background-color: #fff0;
  border-radius: 4px;
}

/* Estilo del indicador cuando el checkbox está marcado */
input[type="checkbox"]:checked + label::before {
  background-color: #a06aa3;
}

/* Estilo del icono dentro del checkbox */
input[type="checkbox"] + label svg {
  position: absolute;
  left: 5px;
  top: 4px;
  color: transparent;
}

/* Estilo del icono cuando el checkbox está marcado */
input[type="checkbox"]:checked + label svg {
  color: #fff;
}

.inputCapcha{width: 48%;float: left;}
.inputCapcha2{/* width: 24%; */float: left;}
.inputCapcha3{/* width: 24%; */float: left;}
.error {
	border: 2px solid #da4977;
	/* color: #FFFFFF; */
}

.send {
	border: 1px solid rgba(0,0,0,0.10);
	color: #ffffff;
	background-color: #a06aa3;
	margin: 0px;
	padding: 0.4em 2.4em;
	text-align:center;
	font-weight:700;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 1px;
	/* line-height: 32px; */
	border-radius: 63px;
	width: 80%;
}

.check {
	border: 1px dotted #449630; 
	color: #FFFFFF;
	margin: 1px;
	padding: 2px;
	height: 25px;
	width: 25px;
	vertical-align: middle;
}


.ocultame {
	display: none;
}

.muestrame {
	/*display: block;*/
}


.btnRefresh {
    color: #13b0e6;
    padding: 0.5em;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
    border: solid 0px #fc5e52;
    /* border-bottom: 1px solid #868585e6; */
    font-weight: 300;
    line-height: 14px;
    border-radius: 3px;
    background-color: #0082f100;
    font-family: "Poppins", sans-serif;
    font-size: 0.7em;
    /* text-transform: uppercase; */
    cursor: pointer;
    /* margin-left: 14px; */
    /* background-color: #FC5D51; */
    text-decoration: underline;
    letter-spacing: 2px;
    font-weight: 500;
}

.btnRefresh:hover{
    /*background-color: rgba(154, 154, 154, 0.13);*/
	color: #009afe;
	text-decoration: none;
}

#captcha_code, #captcha_code2{
	vertical-align: middle;
	width: 109px;
	/* height: 3%; */
	border-radius: 5px;
	background-color: #0082f1;
	/* margin: auto; */
	/* text-align: center; */
	margin-top: 5px;
}


.boxFormularioIni{
	float: left;
	width: 60%;
	/* background-color: green; */
	height: 400px;
	padding: 2em 4em;
	position: relative;
	display: inline-table;
}

.boxFormulario{
	padding: 2em 3em;
	background-color: #f1f1f1; 
	width: 100%;
	max-width: 800px;
	margin: auto;
	position: relative;
	border-radius: 6px;
}


.boxtextFormulario{
	font-weight: 200;
	font-size: 1.4em;
	padding: 0em 0em 1em 0em;
	line-height: 1.1em;
}



.tituloForm{color: #05acf2;text-align: left;font-size: 2.2em;font-weight: 700;line-height: 0.8em;letter-spacing: -3px;padding: 0.5em 0em 0.4em 0em;}

.textoForm{text-align: left;padding: 0.5em 0em;}

.contenidoCampos{
	margin-top: 1em;
	text-align: left;
	line-height: 1.8em;
	/* padding: 2em; */
	margin-bottom: 1em;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}


.boxFormIni{
    width: 76%;
    display: flex;
    flex-direction: column;
}

.boxFormIni2{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #ffffffe8;
    padding: 4%;
    /* max-width: 700px; */
    border-radius: 40px;
    /* box-shadow: 0 0 25px #00000036; */
    border: solid 1px #ffffff9c;
    box-sizing: border-box;
}

.tituloIniFormIni{font-size: 2.6em;font-weight: 800;color: #28c831;line-height: 0.9em;display: block;width: 100%;/* background-color: red; */margin-bottom: 0.2em;letter-spacing: -1px;}

.TextoIniFormIni{font-size: 0.9em;font-weight: 500;color: #555555;line-height: 1.1em;display: block;width: 100%;/* background-color: red; */margin-bottom: 1em;}

.contenedorFormIni{display: flex;flex-direction: column;align-items: center;padding: 1em;box-sizing: border-box;}


.fontuser {
    width: 100%;
    position: relative;
    border-radius: 21px;
    /* overflow: hidden; */
    height: auto;
    /* background-color: red; */
    overflow: hidden;
    margin-bottom: 0.1em;
} 
  
.fontuser i{ 
    position: absolute; 
    left: 15px; 
    top: 40px; 
    color: gray; 
}

.fontuser svg{
    position: absolute;
    left: 1px;
    top: 0px;
    color: #ffffff;
    background-color: #0f2937;
    /* box-sizing: border-box; */
    padding: 1.92em 0.98em;
    height: 6.2em;
    width: 8.9em;
    font-size: 0.2em;
}

.respuesta{
	font-size: 0.6em;
	color: #fff;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: #ab004d;
    padding: 2em;
}

@media screen and (max-width: 350px) { 
	.logoIniDer {
		height: 4em;
		box-sizing: border-box;
	}
	.tituloIniFormIni {
		font-size: 2.1em;
	}
}