.audiencia-inner {
    display: grid;
    gap: 40px;
    align-items: center;
}

.audiencia-art {
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 320px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff 0%, var(--color-yellow) 45%, var(--color-green) 100%);
    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.audiencia-art .icon {
    width: 40%;
    height: 40%;
    color: rgba(0,0,0,0.75);
}

.audiencia-art .hero-deco-star {
    color: var(--color-pink);
}

.audiencia-text .lede {
    max-width: 56ch;
}

.audiencia-checklist {
    margin-top: 28px;
    display: grid;
    gap: 14px;
}

.audiencia-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-weight: 500;
}

.audiencia-checklist .icon {
    width: 20px;
    height: 20px;
    color: var(--color-green-ink);
    flex-shrink: 0;
    margin-top: 2px;
}

@media (min-width: 900px) {
    .audiencia-inner {
        grid-template-columns: 0.8fr 1.2fr;
    }
}