.superl-home-intro{
    --superl-intro-gap:28px;
    --superl-intro-py:20px;
    display:grid;
    grid-template-columns:minmax(0,2.05fr) repeat(3,minmax(0,1fr));
    gap:var(--superl-intro-gap);
    align-items:center;
    width:100%;
    padding-block:var(--superl-intro-py);
}
.superl-home-intro__text{min-width:0;align-self:center}
.superl-home-intro__title{margin:0 0 16px;font:inherit;font-weight:700}
.superl-home-intro__copy,.superl-home-intro__copy p{font:inherit}
.superl-home-intro__copy p:first-child{margin-top:0}
.superl-home-intro__copy p:last-child{margin-bottom:0}
.superl-home-intro__card{min-width:0;display:flex;align-items:center;justify-content:center}
.superl-home-intro__card a{display:block;width:100%}
.superl-home-intro__card img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}

/* Tablet: texto em toda a largura + trio de imagens abaixo. */
@media (min-width:768px) and (max-width:1024px){
    .superl-home-intro{
        grid-template-columns:repeat(3,minmax(0,1fr));
        align-items:start;
    }
    .superl-home-intro__text{grid-column:1 / -1;width:100%}
    .superl-home-intro__card{width:100%;max-width:260px;justify-self:center}
}

/* Mobile: mantém as 3 artes como conjunto; não as transforma em imagens gigantes. */
@media (max-width:767px){
    .superl-home-intro{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:clamp(8px,3vw,var(--superl-intro-gap));
        align-items:start;
    }
    .superl-home-intro__text{grid-column:1 / -1;width:100%}
    .superl-home-intro__card{width:100%;max-width:none;margin:0;align-self:start}
    .superl-home-intro__card a{width:100%}
    .superl-home-intro__card img{width:100%;height:auto;max-width:100%}
}


/* Desktop hover: movimiento sutil y orgánico para las tres ilustraciones. */
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
    .superl-home-intro__card img{
        transition:transform 350ms ease, filter 350ms ease;
        transform-origin:center center;
        will-change:transform;
    }
    .superl-home-intro__card:hover img{
        filter:drop-shadow(0 10px 10px rgba(0,0,0,.12));
    }
    .superl-home-intro__card--1:hover img{transform:translateY(-6px) rotate(-2deg);}
    .superl-home-intro__card--2:hover img{transform:translateY(-6px) scale(1.04);}
    .superl-home-intro__card--3:hover img{transform:translateY(-6px) rotate(2deg);}
}

@media (prefers-reduced-motion:reduce){
    .superl-home-intro__card img{transition:none !important;transform:none !important;}
}

.superl-home-intro__more{
    display:inline-block;
    margin-top:14px;
    color:inherit;
    text-decoration:none;
    opacity:.72;
    transition:opacity 220ms ease, transform 220ms ease;
}
.superl-home-intro__more:hover{opacity:1;transform:translateX(3px);}