/* ==========================================================================
   css/rodape.css
   Rodapé institucional
   ========================================================================== */

.rodape-ik {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0 12px;
    margin: 0;
    pointer-events: none;
}

.rodape-ik-img {
    width: clamp(140px, 32vw, 240px);
    height: auto;
    display: block;
    object-fit: contain;
}

/* Ajuste para containers card (tela inicial, identificação, sofia) */
.capa-jogo > .rodape-ik,
.card-identificacao > .rodape-ik,
.card-sofia > .rodape-ik,
.card-historia > .rodape-ik {
    padding-top: 4px;
}

/* Celular vertical pequeno */
@media (max-width: 420px) {
    .rodape-ik-img {
        width: clamp(120px, 36vw, 180px);
    }
}

/* Celular horizontal */
@media (max-height: 500px) and (orientation: landscape) {
    .rodape-ik {
        padding: 4px 0 6px;
    }

    .rodape-ik-img {
        width: clamp(100px, 22vw, 160px);
    }
}

/* Desktop */
@media (min-width: 768px) {
    .rodape-ik-img {
        width: clamp(160px, 22vw, 260px);
    }
}