:root {
    --primaryColorPage: #3362d4;
    --secondaryColorPage: #f8f9fd;
    --ternaryColorPage: #fff;

    --primaryColorText: #959ba5;
    --secondaryColorText: #3376cd;
    --ternaryColorText: #3f4857;
    --quaternaryColorText: #3d4957;

    --footerColor: #3265be;
}

* {}

hr.tittle-border{
    border: 2px solid var(--primaryColorPage);
    background: var(--primaryColorText);
    border-radius: 50px;
    width: 75%;
    margin-top: 5px;
}

.title {
    font-family: "Assistant Bold";
    color: var(--ternaryColorText);
}

hr.tittle-border-white{
    border: 2px solid var(--ternaryColorPage);
    background: var(--ternaryColorPage);
    border-radius: 50px;
    width: 75%;
    margin-top: 5px;
}

.footer-vh{
    height: 12vh;
    background-color: var(--footerColor);
}

.ternary-color-text {
    color: var(--ternaryColorText);
}

.quaternary-color-text {
    color: var(--quaternaryColorText);
}

.letter-primary{
    color: var(--ternaryColorPage);
}

.viewport-height{
    height: 90vh;
}

.social-media-icon{
    width: 40px;
    height: 40px;
}

.facebook{
    background-image: url('../assets/iconos REDES/Facebook.svg');
}

.facebook:hover{
    background-image: url('../assets/iconos REDES/Facebook-Act.svg');
}

.ln{
    background-image: url('../assets/iconos REDES/In.svg');
}

.ln:hover{
    background-image: url('../assets/iconos REDES/In-Act.svg');
}

.instagram{
    background-image: url('../assets/iconos REDES/Instagram.svg');
}

.instagram:hover{
    background-image: url('../assets/iconos REDES/Instagram-Act.svg');
}

.twitter{
    background-image: url('../assets/iconos REDES/Twitter.svg');
}

.twitter:hover{
    background-image: url('../assets/iconos REDES/Twitter-Act.svg');
}

.whatsapp{
    background-image: url('../assets/iconos REDES/Whatsapp.svg');
}

.whatsapp:hover{
    background-image: url('../assets/iconos REDES/Whatsapp-Act.svg');
}

.vertical-align-section{
    display: flex;
    align-items: center;
    align-content: center;
    height: 100vh;
}

.mt-30{
    margin-top:30px;
}

.mt-80{
    margin-top:80px;
}