@import "setup/reset.css";
@import "setup/normalize.css";
@import "setup/fonts.css";
@import "setup/colors.css";
@import "setup/buttons.css";
@import "setup/text.css";
@import "setup/layout.css";

@import "components/header.css";
@import "components/banner-parallax.css";
@import "components/oferta-activa.css";
@import "components/slider-proyectos-realizados.css";
@import "components/conteo-proyectos-realizados.css";
@import "components/list-post.css";
@import "components/contacto-footer.css";
@import "components/footer.css";


@import "pages/home.css";
@import "pages/nosotros.css";
@import "pages/desarrollos.css";
@import "pages/contacto.css";
@import "pages/patria.css";
@import "pages/proyectos-realizados.css";

.btnWhats {
    background: #009740;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 10;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s ease;
    animation: pulse 1.25s infinite cubic-bezier(.66,0,0,1);
    box-shadow: 0 0 #27d367;
}
.btnWhats:hover {
    opacity: .5;
    transition: all .5s ease
}
.btnWhats i {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    padding-top: 10px;
}
@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px #e84c3d03
    }
}