/*--------   INNICIO DE LOS ESTILOS DEL FOOTER ------------*/

.form{
    width:100%;
    margin:auto;
    padding:0px; /*--CONTROLAR PADDING--*/
    overflow:hidden;
}

.form label{
    width:100%;
    font-size:13px;
    font-weight:400;
}

.form label span,.titleSelected span{
    color:tomato;
}

.form input,.form textarea, .form select{
    border:1px solid var(--silverDark);  /*--CONTROLAR COLOR--*/
    background-color:var(--white);
    color:var(--black);
    width:100%;outline:none;
    margin-bottom:15px;margin-top:5px;
    transition:all ease .3s;
}

.form input,.form select{
    padding:12px;
}

.form input:hover{
    border:1px solid var(--black); /*--CONTROLAR COLOR--*/
}

.form textarea{
    padding:20px 15px;min-height:100px;
}



.form .radio-button-container {
    display: flex;
    justify-content:flex-start;
}
 
.form .titleSelected{
    width:100%;
    font-size:13px;
    font-weight:400;
}

.form .radio-button-container input[type="radio"] {
    margin-right: 10px; /* Ajusta el espacio entre el radio button y el label */
    width:15px;height:10px;
}

.radio-button-container label{
    font-size:14px;
}




.form textarea:hover{
    border:1px solid var(--black); /*--CONTROLAR COLOR--*/
}



.form button{
    width:125px;
    height:auto;
    display:flex;
    justify-content:center;
    align-items:center;
}

.form button{
    padding:10px;
    background-color:var(--principal);
    color:var(--white);
    border-radius:7px;
    border:none;
    font-size:15px;
    font-weight:800;
    outline:none;
    transition:all ease .3s;
    cursor: pointer;
}

.form button:hover{
    background-color:var(--black);
}



/*Clase .rounted*/
.rounted input,.rounted select,.rounted button,.rounted textarea{
    border-radius:8px;
}


/*Clase .backgroundDark*/

.backgroundDark input,.backgroundDark textarea{
   border:1px solid var(--silverLight);
}

.backgroundDark button{
    background-color:var(--principal);
}

.backgroundDark input:hover,.backgroundDark button:hover,.backgroundDark textarea:hover{
    border-color:var(--white);
}

.backgroundDark button:hover{
    background-color:var(--white);color:var(--black);
}

.backgroundDark label{
    color:var(--silverLight);
}


/*Clase .backgroundDarkTwo*/

.backgroundDarkTwo input,.backgroundDarkTwo textarea{
    border:1px solid var(--silverLight);
 }
 
 .backgroundDarkTwo input,.backgroundDarkTwo textarea{
     background-color:var(--white);
 }

 .backgroundDarkTwo button{
    background-color:var(--principal);
 }

 .backgroundDarkTwo input:hover,.backgroundDarkTwo button:hover,.backgroundDarkTwo textarea:hover{
     border-color:var(--silverLight);
 }
 
 .backgroundDarkTwo button:hover{
     background-color:var(--white);color:var(--black);
 }
 
 .backgroundDarkTwo label{
     color:var(--silverLight);
 }

 .backgroundDarkTwo button:hover{
    background-color:var(--silverLight);
 }


/*Clase .flexInputsForm*/
.flexInputsForm{
    display:flex;
    justify-content:center;
    gap:15px;
}

/*Clase .widthControlLabelInputForm*/
.widthControlLabelInputForm{
    width:100%;
}





@media(max-width:768px){
    /*Clase .flexInputsForm*/
    .flexInputsForm{flex-wrap:wrap;gap:0px;}
}