:root{/*colores*/
    --bg-body:#ffffff;
    --color-title:#121212;
    --color-primary:#68b13d;
    --color-primary-opacity:#ECF5E7;
    --color-secundary:#fee5dd;
    --color-parrafo:#454545;
    --color-light-grey:#dbdbdb;
    --color-withe-medius:#fefefe;

    /*tamaños textos*/
    --h1-desktop:2rem;
    --h2-desktop:1.75rem;
    --h3-desktop:1.5rem;
    --h4:1rem;
    --size-text-body:16px;

    /*fuentes*/
    --text-regular:400;
    --text-medium:500;
    --text-italic:italic;
    --line-height:160%;
}

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

body{
    font-family: "Roboto", sans-serif;
    font-size: var(--size-text-body);
    font-optical-sizing: auto;
    font-style: normal;
}

h1,h2,h3,h4{
    font-weight: var(--text-medium);
}
h1{
    font-size: var(--h1-desktop);
}

 h2{
    font-size:var(--h2-desktop);
}

h3{
    font-size:var(--h3-desktop);
}
h4{
    font-size: 16px;
}
p{
    font-size:var(--size-text-body);
    line-height:var(--line-height);
}
  a.btnNoticias {
    color:var(--color-withe-medius);
    text-decoration: none;
}
.btnNoticias{
    background-color: var(--color-primary);
    /* color: var(--bg-body); */
    border: none;
    border-radius: 2px;
    padding: 8px 24px;  
}

/*section main*/

main{
    padding: 32px 5.5% 32px 5.5%;
}

.test{
    padding: 32px 5.5% 32px 5.5%;
}

/*clase para noticias individual y buscador*/
.modBlog{
  padding:0 18%;
}

@media screen and (max-width: 700px){
   
    h1{
    font-size: 36px;
    font-weight: var(--text-medium);
    }
    
    
    h4{
        font-size: 1rem;
        font-weight: var(--text-medium);
    }
   
    .btnNoticias{
        width: 100%;
    }

    article.modBlog {
    padding: 0 0;
}
h2.modBlog{
    padding: 0 0;
}
   
}