/*
 * Widescreen (AXYSHPDESK-10317)
 * Amplia o layout para telas grandes mantendo um max-width.
 * Bootstrap 3 para em 1170px; aqui adicionamos dois degraus:
 *   >= 1440px -> container 1400px
 *   >= 1680px -> container 1600px
 * Tudo abaixo de 1440px permanece como antes.
 */

@media (min-width: 1440px) {
    .container {
        width: 1400px;
    }
}

@media (min-width: 1680px) {
    .container {
        width: 1600px;
    }
}

/* ---------- Banner principal (Home) ---------- */
@media (min-width: 1440px) {
    .slider .carousel-caption img {
        width: 100%;
        height: auto;
    }

    .slider h2 {
        font-size: 26px;
    }

    .slider h3 {
        font-size: 22px;
    }
}

/* ---------- Cards de categoria (Home e listagens) ---------- */
@media (min-width: 1440px) {
    .listagem-produtos {
        max-width: 260px;
    }

    .listagem-produtos-box .imagem-box {
        height: 190px;
    }

    .listagem-produtos-box .imagem-box img {
        height: 160px;
    }

    .listagem-produtos-box a:hover .imagem-box {
        height: 160px;
    }

    .listagem-produtos a:hover .imagem-box img {
        height: 140px;
    }

    .listagem-produtos h3 {
        font-size: 15px;
        padding: 0 12px 12px;
    }
}

/* ---------- Cards de segmento ---------- */
@media (min-width: 1440px) {
    .segmento-card-imagem {
        height: 200px;
    }

    /* Na largura maior a imagem (max 600px) ocupava a primeira dobra inteira */
    .segmento-hero-img {
        max-height: 480px;
    }

    /* Mantém linhas de texto legíveis na largura maior */
    .segmento-hero-texto {
        max-width: 1200px;
    }
}

/* ---------- Texto de notícia ---------- */
@media (min-width: 1440px) {
    /* Sem coluna lateral o texto chegava a ~1300px por linha */
    .noticia-texto {
        max-width: 1100px;
    }
}

/* ---------- Cards de produto (listagens internas e destaques) ---------- */
@media (min-width: 1440px) {
    .produtos-box-lista.internas .imagem-box {
        max-width: 260px;
        height: 200px;
    }

    /* Restrito ao .imagem-box: a grade de segmentos também usa .produtos-box-lista.internas */
    .produtos-box-lista.internas .imagem-box img {
        height: 160px;
    }

    .produtos-box-lista.internas a:hover .imagem-box img {
        height: 140px;
    }

    .produtos-box-lista.internas a:hover .imagem-box .vertical-center {
        height: 160px;
    }

    .produtos-box-lista.internas .imagem-box .vertical-center {
        height: 180px;
    }

    .produtos-box-lista.internas h3 {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
}