/*
|--------------------------------------------------------------------------
| F05.2.8 — Redimensionamento automático da imagem do Hero
|--------------------------------------------------------------------------
|
| A imagem é ajustada proporcionalmente dentro do card. Quando sua proporção
| for diferente da área do Hero, o espaço restante recebe um fundo elegante.
|
*/

.premium-hero__photo {
    background:
        radial-gradient(
            circle at 25% 16%,
            rgba(0, 191, 166, 0.16),
            transparent 38%
        ),
        radial-gradient(
            circle at 80% 80%,
            rgba(21, 101, 230, 0.13),
            transparent 42%
        ),
        linear-gradient(145deg, #eef8fb, #dce9f4 58%, #c9d6e3);
}

.premium-hero__photo > picture {
    display: grid !important;
    place-items: center;
}

.premium-hero__photo > picture > img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    transform-origin: center !important;
}

/*
 * Em telas pequenas, o mesmo princípio é preservado: imagem completa,
 * centralizada e proporcional.
 */
@media (max-width: 767px) {
    .premium-hero__photo > picture > img {
        object-fit: contain !important;
        object-position: center !important;
    }
}