@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: 'Roboto', sans-serif;
background: #f0f0f0;
}

img {
pointer-events: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-webkit-touch-callout: none;
}

main {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 40px;
width: 90%;
margin: 0 auto;
padding: 16px 20px 16px 20px;
}

.tse_form_label {
display: block;
font-weight: 700;
padding: 8px;
color: #303030;
font-size: 14px;
}

.tse_form_label_term {
display: block;
font-size: 16px;
font-weight: 500;
padding: 18px 8px;
color: #808080;	
}

.tse_form_inp{
position: relative;
max-width: 375px;
}

.tse_inp {
width: 100%;
background: #ffffff;
border: 1px solid #d6d6d6;
border-radius: 3px;
height: 36px;
line-height: 45px;
padding: 0 30px 0 10px;
transition: .3s ease all;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #d0d0d0;
opacity: 1; /* Firefox */
font-size: 14px;
}

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

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

.tse_inp:focus {
border: 2px solid #97abc2;
outline: none;
box-shadow: 3px 0px 30px rgba(163,163,163, 0.4);
}

.tse_inp_er {
transition: .5s ease all;
font-size: 12px;
color: #c53b3b;
margin-bottom: 0;
display: none;
}
 
.tse_inp_er_atv {
display: block;
}

.formulario__validacion-estado {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 100;
font-size: 16px;
opacity: 0;
}

.tse_form_ck {
margin-right: 4px;	
}

.formulario__mensaje {
margin-top: 16px;
background: #f1c855;
padding: 10px 10px;
border-radius: 3px;
display: none;
}

.formulario__mensaje-activo {
display: block;
}

.formulario__mensaje p {
margin: 0;
font-size: 1em;
}

.formulario__grupo-btn-enviar {
display: block;
}

.resp{
background-color: rgba(255, 255, 255, 0);
padding: 0px;
}

.resp_con{
background: #ffffff;
border: 1px solid #d6d6d6;
min-height: 250px;
padding: 4px;
border-radius: 3px;
width: 100%;
}

.tse_form__btn {
margin-top: 15px;
height: 45px;
line-height: 40px;
width: 100%;
background: #46ca32;
color: #fff;
font-weight: bold;
border: none;
border-radius: 4px;
cursor: pointer;
transition: .3s ease all;
letter-spacing: 1px;
max-width: 375px;
}

.tse_form__btn_dis {
margin-top: 15px;
height: 45px;
line-height: 40px;
width: 100%;
background: #46ca3259;
color: #fff;
font-weight: bold;
border: none;
border-radius: 4px;
transition: .3s ease all;
letter-spacing: 1px;
max-width: 375px;
}

.tse_form__btn:hover {
transition: .3s ease all;
box-shadow: 0px 2px 6px 2px #c1c1c1;
background: #3eb12c;
}


.formulario__mensaje-exito {
display: none;
}

.formulario__mensaje-exito-activo {
margin-top: 8px;
font-size: 16px;
font-weight: 500;
color: #119200;	
display: block;
}

/* ----- -----  Estilos para Validacion ----- ----- */
.formulario__grupo-correcto .formulario__validacion-estado {
color: #0fb71d;
opacity: 1;
}

.formulario__grupo-incorrecto .tse_form_label {
color: #f82c2c;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
transition: .5s ease all;
color: #f82c2c;
opacity: 1;
}

.formulario__grupo-incorrecto .tse_inp {
border: 1px solid #f82c2c;
}

.tse_title{
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600;
}

/* ----- -----  Mediaqueries ----- ----- */

@media screen and (max-width: 992px) {

    main{
        width: 100%;
        padding: 80px 10px 0 10px;
        }
}

@media screen and (max-width: 768px) {

	.tse_vis_img{
		display: none;
	}

.tse_form {
grid-template-columns: repeat(1, 100%);
}

} 


#tt {
    display: flex !important;
    justify-content: space-between;
    min-width: 250px;
    gap: 10px;
    align-items: center;
    background-color: #353535;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    position: fixed;
    z-index: 9999;
    right: 10px;
    top: -60px;
    font-size: 17px;
    transition: top 0.3s ease-in-out;
}
#tt.show {
    top: 20px;
}
#tcls {
    float: right;
    width: 26px;
    height: 26px;
    text-align: center;
    cursor: pointer;
    color:black;
}