/*
 * Modelo Um — Chamadas (.modelo-um.chamadas)
 * Override incremental do CSS legado.
 *
 * Objetivo: evitar flash dos itens do carrossel (slideMe)
 * antes da inicialização em $(window).load().
 */

/* --------------------------------------------------------------------------
 * Base
 * -------------------------------------------------------------------------- */

.modelo-um.chamadas {
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}

.modelo-um.chamadas .slideme {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
}

.modelo-um.chamadas .slideme > li {
    margin: 0;
    box-sizing: border-box;
}

.modelo-um.chamadas .slideme li a img,
.modelo-um.chamadas .slideme > li > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* --------------------------------------------------------------------------
 * Estado inicial (antes do slideMe)
 * O plugin não adiciona classe de init; oculta slides via jQuery depois.
 * -------------------------------------------------------------------------- */

.modelo-um.chamadas .slideme > li:not(:first-child) {
    display: none;
}

/* --------------------------------------------------------------------------
 * Banner principal (.slideme.front)
 * -------------------------------------------------------------------------- */

.modelo-um.chamadas .slideme.front {
    min-height: clamp(160px, 34.77vw, 445px);
}

/* --------------------------------------------------------------------------
 * Responsividade
 * -------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
    .modelo-um.chamadas .slideme.front {
        min-height: clamp(140px, 32vw, 360px);
    }
}

@media only screen and (max-width: 820px) {
    .modelo-um.chamadas .slideme.front {
        min-height: clamp(120px, 30vw, 280px);
    }
}

@media only screen and (max-width: 480px) {
    .modelo-um.chamadas .slideme.front {
        min-height: clamp(100px, 28vw, 220px);
    }
}

@media only screen and (max-width: 375px) {
    .modelo-um.chamadas .slideme.front {
        min-height: clamp(90px, 26vw, 200px);
    }
}