/*
* Estilos generales para el correcto funcionamiento del template
*/

/*Variables de color*/
:root{
    --colorBlack: #000;
    --colorDark: #555;
    --colorWhite: #fff;
    --colorDarkGrey: #35363a;
    --colorAccent1: #FBB029;
    --colorAccent2: #23E8D5;
    --colorAccent3: #16AD96;
    --colorAccent4: #F47B29;
    --colorAccent5: #0D6B64;
    --colorPrimary: #1aa3d9;
    --colorSecondary: #0b8cbf;
    --fontBase: "Poppins", serif;
    --fontSubtitleBtn: "Montserrat", serif;
    --fontTitle: "Oswald", serif;
}

/*Estilos para las barras scroll*/
*::-webkit-scrollbar {-webkit-appearance: none;}
*::-webkit-scrollbar:vertical {width: 10px;}
*::-webkit-scrollbar-button:increment,*::-webkit-scrollbar-button {display: none;}
*::-webkit-scrollbar:horizontal {height: 10px;}
*::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}
*::-webkit-scrollbar-track {border-radius: 10px;}
* {scrollbar-color: rgba(0,0,0,.5) rgba(0,0,0,0); scrollbar-width: thin;}

/*estilos base del documento*/
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
html{
    font-size: 62.5%;
}
body {
    font-family: var(--fontBase);
    font-weight: normal;
    font-style: normal;
    font-size: 1.4rem;
    color: var(--colorDark);
    background-color: var(--colorWhite);
    height: 100%;
}
a{color:var(--colorSecondary);}
.page-wraper main {
    position: relative;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}
ul li {
    position: relative;
    padding-left: 20px;
    font-family: var(--fontBase);
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    color: var(--colorDark);
    line-height: 1.3;
    margin-bottom: 20px;
}

ul li:before {
    content: "";
    background: url(/template/pines/userfiles/images/vineta-default-100px.png);
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    left: -20px;
}


.page-wraper {
    position: relative;
}
/*modificando tamanio de los container*/
@media (min-width: 1300px) and (max-width:1439px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}
@media (min-width: 1921px) {
    .page-wraper main {
        max-width: 1920px;
        margin: auto;
        background-color: var(--colorWhite);
    }
    body { background-color:rgba(0,0,0,.03);
}