/* ==========================================================================
   COMPONENTE: ONDE ESTAMOS
   ========================================================================== */

.where-we-are-section {
    padding-top: clamp(64px, 8vw, 100px);
    padding-bottom: clamp(64px, 8vw, 100px);
    background-color: var(--color-base, #F1ECDE);
    overflow: hidden;
}

.where-we-are-container {
    display: flex;
    flex-direction: column;
    gap: clamp(40px, 5vw, 64px);
}

.where-we-are-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.where-we-are-eyebrow {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--colors-terracota-700, #9C4826);
    margin: 0;
}

.where-we-are-title {
    font-family: 'Fraunces', serif;
    font-weight: 400;
    font-size: clamp(32px, 4vw, 36px);
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: var(--colors-neutral-900, #151413);
    margin: 0;
}

.where-we-are-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

@media (min-width: 768px) {
    .where-we-are-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(32px, 4vw, 48px);
    }
}

.where-we-are-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.where-we-are-image-wrapper {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background-color: #EAE6DB;
}

.where-we-are-image {
    width: 100%;
    height: auto;
    aspect-ratio: 596 / 260;
    object-fit: cover;
    display: block;
}

.where-we-are-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.where-we-are-card-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.where-we-are-card-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: -0.005em;
    color: var(--colors-neutral-900, #151413);
    margin: 0;
}

.where-we-are-card-properties {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--colors-yellow-600, #D49303);
    margin: 0;
}

.where-we-are-card-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--colors-neutral-700, #4E4D4A);
    margin: 0;
}

.where-we-are-card-desc p {
    margin: 0 0 16px 0;
}

.where-we-are-card-desc p:last-child {
    margin-bottom: 0;
}

.where-we-are-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.03em;
    color: var(--colors-brand-colors-marrom-madeira, #2A1C12);
    text-decoration: none;
    transition: opacity 0.3s ease, gap 0.3s ease;
    margin-top: 8px;
}

.where-we-are-link svg {
    width: 20px;
    height: 27px;
    transition: transform 0.3s ease;
}

.where-we-are-link:hover {
    gap: 12px;
    opacity: 0.8;
}