@import url(banner.css);
@import url(video.css);
@import url(propuestas.css);
@import url(descargar.css);
@import url(contact.css);
@import url(swiper-bundle.min.css);

@import url(perfil.css);
@import url(blog.css);

:root {
    --font-black: "black";
    --font-bold: "bold";
    --font-book: "book";
    --font-regular: "regular";
    --font-light: "light";

    --color-blanco: #ffffff;
    --color-negro: #202020;
    --color-verde: #508E55;
    --color-verde-hover: #3e7b43;
    --color-rojo: #D2000F;
    --color-gris: #E8E8E8;
    --color-gris-parrafo: #7E7E85;
    --color-gris-claro: #FBFBFB;
}

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

    body {background-color: var(--color-blanco);}
    img {display: block;}
    a {text-decoration: none}
    a:hover{text-decoration: none;}

    .font-regular{font-family: var(--font-light); color: var(--color-negro);}

	.general-container{width: 100%; position: relative;}
	.w-100{width: 100%;}
	.d-flex-w{display: flex; flex-wrap: wrap;}
	.padding-b80px{padding-bottom: 80px;}

    .bt-blog{position: fixed; right: 5%; top: 50px; z-index: 5;}
    .bt-blog a{background-color: var(--color-rojo);}

    @media (min-width:0px) and (max-width:960px){
    .padding-b80px {padding-bottom: 60px;}
    }
    @media (min-width:0px) and (max-width:850px){
    .bt-blog{right: 2%; top: 20px;}
    }

    @media (min-width: 0px) and (max-width: 650px) {
    .bt-blog{right: auto; top: 300px; margin: 0 auto;
    position: absolute; width:100%; display:flex; justify-content:center;
    }
    }
    @media (min-width:0px) and (max-width:540px){
    .padding-b80px{padding-bottom: 50px;}
    }

h1,
h2,
h3{letter-spacing: -1px;}

h1,
h2,
h3,
p {
    font-weight: normal;
    color: var(--color-negro);
}

h1 {
    font-size: 60px;
    line-height: 65px;
    font-family: var(--font-black);
}

h2 {
    font-size: 50px;
    line-height: 55px;
    font-family: var(--font-black);
}

h3 {
    font-size: 35px;
    line-height: 47px;
    font-family: var(--font-black);
}

h4 {
    font-size: 30px;
    line-height: 45px;
    font-family: var(--font-black);
}
h5 {
    font-size: 20px;
    line-height: 25px;
    font-family: var(--font-black);
}

h6 {
    font-size: 16px;
    line-height: 25px;
    font-family: var(--font-black);
}


p {
    font-size: 20px;
    line-height: 38px;
    font-family: var(--font-black);
}


@media (min-width:0px) and (max-width:1200px){
    h1, h2{font-size: 45px; line-height: 55px;}
}


@media (min-width:0px) and (max-width:950px){
    h1, h2{font-size: 40px; line-height: 50px;}
}

@media (min-width:0px) and (max-width:850px) {
    h1, h2, h3{font-size: 35px; line-height: 45px;}
    h5{font-size: 18px; line-height: 25px;}
}

@media (min-width:0px) and (max-width:370px) {
    h1, h2, h3{font-size: 27px; line-height: 37px;}
}