:root {
  --whatsap-color: #075e54;
  --whatsap-colorHover:#064a42;
  --newblue-color: #2d6998;
  --newblue-colorHover: #1a4669;
  --text-color: #7b8193;
}

.display-6 {
    font-weight:400;
}


th, td{
    color: var(--text-color);
}

.list-group-item {
    color: var(--text-color);
}


.btn-blue {
    color: #fff;
    background-color: var(--newblue-color);
    border-color: var(--newblue-color);
    border-radius:0.9rem;
}

.btn-blue:hover {
    color: #fff;
    background-color: var(--newblue-colorHover);
    border-color: var(--newblue-colorHover);
}


.btn-waHero {
    color: #fff;
    background-color: var(--whatsap-color);
    border-color: var(--whatsap-color);
    border-radius:0.9rem;
}

.btn-waHero:hover {
    color: #fff;
    background-color: var(--whatsap-colorHover);
    border-color: var(--whatsap-colorHover);
}

.lead {
    color: var(--text-color);
    font-size: 1.3rem;
}
    

.yamap {
    overflow: hidden;
    border-radius: 1rem;
    }
    
.PriceTableBlock {
    border-radius:1rem;
    background-blend-mode: normal;
    background-color: #fbfbfc;
    /*background-image: url("/assets/img/patternbg.png");*/
    
}    
    
.heroBlock {
    border-radius:0rem;
    background-blend-mode: lighten;
    background-color: rgba(255, 255, 255, 0.4);
    background-image: url("/assets/img/herocover3.jpg");
    height:60vh;
    background-position: 25% 75%;
    background-size: cover;
}

.colorBlue {
    color: var(--newblue-color);
}


@media (min-width: 576px) { 
    .heroBlock {
    border-radius:0.7rem;
    background-position: 25% 75%;
    
}
    
}