/* Gabi na imprensa — text on the left, bento grid of press prints on the right */
.section-imprensa {
    position: relative;
    z-index: 30;
    width: 100%;
    overflow: hidden;
    container-type: inline-size;
    background: #0b0b0b;
    color: #fff;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}
.imp-wrap {
    display: grid;
    grid-template-columns: 34cqw 1fr;
    gap: 4cqw;
    align-items: center;
    padding: 6cqw 4cqw;
}

.imp-title {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 0.88;
}
.imp-title .l1 { display: block; font-size: 3.7cqw; }
.imp-title .l2 { display: block; font-size: 10.5cqw; color: #e02a2a; }
.imp-text { margin-top: 1.8cqw; display: flex; flex-direction: column; gap: 1em; }
.imp-text p { font-size: clamp(14px, 1.2cqw, 21px); line-height: 1.5; color: #d9d9d9; }
.imp-text strong { color: #fff; font-weight: 700; }

.imp-stats { display: flex; gap: 2.4cqw; margin-top: 2.2cqw; }
.imp-stats strong {
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: clamp(30px, 3.2cqw, 56px);
    line-height: 1;
    color: #ff4a4a;
}
.imp-stats strong { white-space: nowrap; }
.imp-stats span { font-size: clamp(11px, 0.9cqw, 15px); font-weight: 500; color: #a8a8a8; }

.imp-source { margin-top: 2cqw; font-size: clamp(11px, 0.8cqw, 13px); color: #8a8a8a; }
.imp-source a { color: inherit; }
.imp-source a:hover { color: #fff; }

/* full-height photo on the left; headline above the ranking on the right */
.imp-bento {
    display: grid;
    grid-template-columns: 26fr 24fr;
    grid-template-areas:
        'photo head'
        'photo rank';
    gap: 1cqw;
}
.imp-cell {
    position: relative;
    overflow: hidden;
    border-radius: 1.4cqw;
    background: #000;
    border: 1px solid #2a2a2a;
}
.imp-cell img { display: block; width: 100%; height: 100%; }

.imp-photo { grid-area: photo; border: 0; }
.imp-photo img { position: absolute; inset: 0; object-fit: cover; object-position: 50% 55%; }
.imp-head { grid-area: head; display: grid; place-items: center; padding: 1.4cqw; }
.imp-head img { height: auto; aspect-ratio: 730 / 360; }
.imp-rank { grid-area: rank; aspect-ratio: 1; }
.imp-rank img { object-fit: cover; object-position: top; }

@media (max-width: 900px) {
    .imp-wrap { grid-template-columns: 1fr; gap: 32px; padding: 60px 18px 64px; }
    .imp-title .l1 { font-size: 10cqw; }
    .imp-title .l2 { font-size: 30cqw; }
    .imp-text { margin-top: 18px; }
    .imp-text p { font-size: 15.5px; }
    .imp-stats { gap: 20px; margin-top: 22px; }
    .imp-stats strong { font-size: 9.5cqw; }
    .imp-stats span { font-size: 12px; }
    .imp-source { margin-top: 20px; font-size: 12px; }
    .imp-bento {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'head head'
            'photo rank';
        gap: 10px;
    }
    .imp-cell { border-radius: 16px; }
    .imp-head { padding: 18px; }
}
