:root{
    --tema-color: #f2f2f2;
    --color1: #124f88;
    --color2: #f7c331;
    --color3:#abd142;
    --color4:rgb(13, 16, 170);

    --text-color-inver:black;
    --text-color: #f2f2f2;
    --navbar-sombra-barra: #e5e5e5;
    --menu-mobile:#3a4460;

}
html{
    scroll-behavior: smooth;
}
section[id]{
    scroll-margin-top: 70px;

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

body{
    
    font-family: 'Montserrat', sans-serif;
    background-color: var(--tema-color);
    color: var(--text-color-inver);
    padding-top: 70px;

    
}
a{
    text-decoration: none;
    color: var(--text-color-inver);
}

.hor-padding{
padding-left: 25px;
padding-right: 25px;
}

.vert-padding{
    padding-top: 25px;
    padding-bottom: 25px;
}

/*parte escritorio*/

@media (min-width: 950px){
    .hor-padding{
        padding-left: 70px;
        padding-right: 70px;
        }
        .vert-padding{
            padding-top: 70px;
            padding-bottom: 70px;
        }
}


.separador{
background: hsl(0, 0%, 4%);
 width: 100%;
 height:63.5px;
 padding: 10px 20px;

}
.separador-2{
    background: hsl(0, 0%, 3%);
     width: 100%;
     height:63.5px;
     padding: 10px 20px;
     
    }
.separador-cont{
    background: hsl(0, 0%, 3%);
     width: 100%;
     height:63.5px;
     padding: 10px 20px;
     
}