/* ----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 */

}
/*--------------------------------------------------------*/
hr{
    border: 1px solid rgb(204, 204, 204);  
}
h2{
    font-weight: 700;
    color: #393f42
}
.btnCarrusel{
    position: relative;
    color: grey;
    border-width: 10px;
    border-color: black;
}
.btnCarrusel:hover{
    color: black;
}
.flexCarrusel{
    display: flex;
    justify-content: center;
}

.iconFlecha{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat;
    border-width: 10px;

}

.btnAnadir{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}


/*------------------------------------------------*/
.btnEnviar{
    display: flex;
    justify-content: center;
    background: #A97798; 
    border-radius: 10px; 
    border: none;
    color: white;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px 12px 20px;
    transition: color 0.5s, background 0.5s;
}
/*-----Efecto------------------*/
.btnEnviar:hover{
    color: white;
    background-color:  #C4ACD8 ;
}
.btnEnviar:active{
    box-shadow: inset 0 0 20px white;
}


/*------------------------------------------*/
.fondocard{
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #393f42;
    text-align: center;
}
.fontbold{
    font-weight: 700;
    margin-bottom: 1rem;
    height: 2rem;
}

.marginCon{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.ancla{
    color: #393f42;
    font-size: 20px;
    font-weight: 700;
}
.ancla:hover{
    color: #393f42;
    text-decoration: none;
}