@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@media (max-width: 991.98px) {
  .ratio-md-down-1x1 {
    aspect-ratio: 1/1!important;
  }
}

:root {
    --mustard: #e7c88a;
    --olive: #acc3bd;
    --olive-subtle: #acc3bd2f;
    --cherry: #eccab4;
    --tan: #dfd1b6;
    --tan-subtle: #dfd1b657;
    --sky: #c8d0d2;
}

body {
    font-family: 'Poppins', sans-serif;
}

.text-mustard {
    color: var(--mustard);
}

.text-olive {
    color: var(--olive);
}

.text-cherry {
    color: var(--cherry);
}

.text-tan {
    color: var(--tan);
}

.text-sky {
    color: var(--sky);
}

.bg-mustard {
    background-color: var(--mustard);
}

.bg-olive {
    background-color: var(--olive);
}

.bg-olive-subtle {
    background-color: var(--olive-subtle);
}

.bg-cherry {
    background-color: var(--cherry);
}

.bg-tan {
    background-color: var(--tan);
}

.bg-tan-subtle {
    background-color: var(--tan-subtle);
}

.bg-sky {
    background-color: var(--sky);
}

#inicio {
    background-image: url(img/hero-5.jpg);
    background-size: cover;
    background-position: center;
    min-height: 600px;

}

.circle {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.img-1 {
    background-image: url(img/img-1.jpeg);
    background-size: cover;
    background-position: center;
}

.img-2 {
    background-image: url(img/img-2.jpeg);
    background-size: cover;
    background-position: center;
}

.img-3 {
    background-image: url(img/img-3.jpeg);
    background-size: cover;
    background-position: center;
}

.img-4 {
    background-image: url(img/img-4.jpeg);
    background-size: cover;
    background-position: center;
}

div.icon.wa {
    width: 30px;
    height: 30px;
    background-image: url(img/wa.svg);
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    
}

.bg-wa {
    background-color: #25d366;
}