/*variables css*/
:root {
    --theme-color: white;
    --primary-color: #124f88;
    --secondary-color: #f7c331;
    --text-color-inverse: white;
    --text-color: black;
    --navbar-shallow-color: #e5e5e5;
    --menu-mobile-color: #3a4460;
}

body {
    font-family: Arial, Helvetica, sans-serif; /* lato*/
    background-color: var(--theme-color);
    color: var(--text-color);
    /*Espaciado arriba por lo que la barra de menu es fijo*/
    padding-top: 60px;
}

/*Suavizar el scroll para la subida y bajada con el mouse*/
html{
    scroll-behavior: smooth;
}
/*Da altura a la barra de menu flex*/
section[id]{
    scroll-margin-top: 90px;
 /*Aplica para pruebas con lineaRefPruebas*/   
    /*border: 4px solid red;*/
}
/*.lineaRefPruebas{
    pointer-events: none;
    z-index: 1000;
    border: 4px solid blue;

    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 70%;
}*/
a {
    text-decoration: none;
    color: var(--text-color);
}
/*Padding para horizontal y vertical*/
.horizontal-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.vertical-padding {
    padding-top: 20px;
    /*Inferior*/
    padding-bottom: 20px;
}

/*Cuando sea desde 950px*/
@media(max-width:950px) {
    .horizontal-padding {
        padding-left: 70px;
        padding-right: 70px;
    }

    .vertical-padding {
        padding-top: 70px;
        /*Inferior*/
        padding-bottom: 70px;
    }
   
}