*{

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

body{

    font-family: 'Open Sans', sans-serif;
    color: #044B99;
    background-color: #fff;

}



h2{

    
    
    font-size: clamp(1.35rem, 1.1674rem + 0.913vw, 1.875rem);
    
    
}



.logo-promo{

  max-width: 100%;
  height: auto;
 
}

.small-icon {

    width: clamp(9.375rem, 8.288rem + 5.4348vw, 12.5rem);
}

.logo-nataclor{

    width: clamp(16rem, 1.7663rem + 38.0435vw, 24rem);
    margin-top: 2rem;
    
}



main{

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-inline: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
    padding-block: 2rem;
    

}

main > * + * {

    margin-top: 2.5rem;
}



.container-button{

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.completa{

    margin-bottom: 2rem;
    text-wrap:balance;
    text-align: center;
}






section  * + * {

    margin-top: .5rem;
}

button{

    padding: .8rem;
    width: clamp(15rem, 13.6957rem + 6.5217vw, 18.75rem);
    background-color: #F28D09;
    color: white;
    border: none;
    border-radius: .3rem;
    


}

.btn-participar, .btn-enviar:hover{

    cursor: pointer;
    
}

.btn-enviar{

    align-self: center;
    margin-top: 1rem;
}

span,a{

    color: #F28D09;
}

a{

    font-weight: bold;
    text-decoration: none;
}

label{

    font-weight: 700;

    
}

input{

    padding: .4rem;
    margin-bottom: .7rem;
    border: 1px solid #F28D09;
    outline-color: #F28D09;
}



.form {

    display: flex;
    flex-direction: column;
}

.form > p{

    font-style: italic;
}

input [type="checkbox"]:checked{

    background-color: #F28D09;
}

input [type="checkbox"]:hover{

    cursor:pointer;
}

.terminos{

    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
    font-size: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
   
    
}

.terminos  div{

    background-color: red;
    display: flex;
    


}

.terminos img {

    width: 20px;
    align-self: center;
}


.none{

    display: none;
}


/*Terminos y condiciones*/

.terms{

    font-size: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
    width: 85%;
    max-width: 71ch;
    color: #000000;
}

/*Ending html*/

.container-social{

    display: flex;
    gap: 10px;
}

.container-social p {

    font-weight: bold;
    align-self: center;
    
}

.container-ch{

    min-width: 20ch;
    font-weight: bold;
    font-size: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
}

.container-participando{

    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    
    
}

.container-participando h2 {

    font-size: clamp(1.7788rem, 1.0218rem + 3.7848vw, 3.955rem);
    text-align: center;
    
    


}
.icono-trofeo{

    width: clamp(6.25rem, 4.0761rem + 10.8696vw, 12.5rem);    
}

.social-icon{

    width: 40px;
    height: 40px;
    font-weight:bold;
}

.btn_back:hover {

    cursor:pointer;


}