@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800&display=swap');

a {
    color: #2c748a;
}
body{
    padding-top: 100px;
    font-family: 'Poppins', sans-serif;
}
h1,h2{
    font-weight: 800;
}
.active{
    color: #4eacc8 !important;
}
.color1{
    color: #4eacc8;
}
.color2{
    color: #2c748a;
}
.bgColor1{
    background-color: #4eacc8;
}
.bgColor2{
    background-color: #2c748a;
}

.boton1{
    background-color: #2c748a;
    color: white;
}
.boton1:hover{
    background-color: #4eacc8;
    color: white;
}
.productos{
    display: flex;
    justify-content:center;
}
.producto{
    width: 300px;
    height: 300px;
    display: flex;
    align-items:center;
    justify-content: center;
    margin: 15px;
}
.p1{
    background-image: url("../img/thumb-continas.jpg");
    background-size: cover;
    background-color: #2c748a;
}
.p2{
    background-image: url("../img/thumb-pergolas-bioclimaticas.jpg");
    background-size: cover;
}
.p3{
    background-image: url("../img/thumb-pergolas.jpg");
    background-size: cover;
}
.p4{
    background-image: url("../img/thumb-ventanas.jpg");
    background-size: cover;
}
.producto a{
    font-weight: 800;
    color: white;
    font-size: 2rem;
    text-decoration: none;
    text-shadow:4px 4px 8px black;
}