/* ----FOOTER---------------------------------*/

body{
    font-family: 'Raleway';
    position: relative;
    padding-bottom: 15rem ;
    min-height: 100vh;
}/* Ajuste body para no alterar footer*/
    /* SE AGREGA A CSS 9/1/22 */

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

    body{
        position: relative;
        padding-bottom: 45rem ;
        min-height: 100vh;
    }/* Ajuste body para no alterar footer*/
        /* SE AGREGA A CSS 9/1/22 */

}

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

    body{
        position: relative;
        padding-bottom: 45rem ;
        min-height: 100vh;
    }/* Ajuste body para no alterar footer*/
        /* SE AGREGA A CSS 9/1/22 */

}

/*------------------------------------------------*/

.titulo{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 73px;
    line-height: 86px;
    text-align: center;
    color: #512A5F; 
}

.subtitulo {
    font-family: 'Raleway';
    font-style: normal; 
    font-weight: 700; 
    font-size: 20px; 
    line-height: 23px; 
    align-content: center; 
    text-align: center; 
    color: #393F42; 
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
}
.inputs{
    font-family: 'Raleway'; 
    font-style: normal; 
    font-weight: 700; 
    font-size: 22px; 
    line-height: 15px;
    color: #393F42; 
}
.campos{
    margin-top: 1rem;
}

.posicion{
    display: flex;
    justify-content: center;
}
.btnEnviar{
    align-content: center;
    background: #A97798; 
    border-radius: 10px; 
    border: none;
    color: white;
    font-size: 18px;
    /* Actualizacion para efecto boton*/
    transition: color 0.5s, background 0.5s;
}
/*-----Efecto------------------*/
.btnEnviar:hover{
    color: white;
    background-color:  #C4ACD8 ;
}
.btnEnviar:active{
    box-shadow: inset 0 0 20px white;
}

/*-----------------------------*/

.alert{
    background-color: #ecd2f5;
    opacity: 0.6;
    border-color: #ffffff;
    color:  #321b3a;
}

.alertaWarning{
    font-family: 'Raleway'; 
    font-style: normal; 
    font-weight: 10; 
    font-size: 15px; 
    line-height: 15px;
    color: #A97798;
}

.form-control:focus {
    border-color: #c112ea; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(193, 18, 234, 0.6); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(193, 18, 234, 0.6);
}

.holder{
    background: #F9F9F9; 
    border-radius: 10px; 
    border: none;
    font-family: 'Raleway'; 
    font-style: normal; 
    font-weight: 700; 
    font-size: 18px; 
    line-height: 15px; /* or 68% */ 
    color: #C7C7C7
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

@media screen and (max-width: 576px) {
    .titulo{
        font-family: 'Raleway';
        font-style: normal;
        font-weight: 300;
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        color: #512A5F; 
    }
    
    .subtitulo {
        font-family: 'Raleway';
        font-style: normal; 
        font-weight: 700; 
        font-size: 20px; 
        line-height: 23px; 
        align-content: center; 
        text-align: center; 
        color: #393F42;
        margin-top: 1rem; 
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
    } 

    .inputs{
        font-family: 'Raleway'; 
        font-style: normal; 
        font-weight: 700; 
        font-size: 15px; 
        line-height: 15px;
        color: #393F42; 
    }

    .holder{
        background: #F9F9F9; 
        border-radius: 10px; 
        border: none;
        font-family: 'Raleway'; 
        font-style: normal; 
        font-weight: 700; 
        font-size: 12px; 
        line-height: 15px; /* or 68% */ 
        color: #C7C7C7
    }
    

}