/*
 * Seven Ports Header Banners v1.7.0
 * Layout definitivo:
 * - sem linhas ou bordas
 * - conjunto centralizado horizontalmente
 * - espaço real entre banners
 * - espaço superior/inferior compacto
 * - imagem inteira (CONTER)
 */

.sp170-strip {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 210px)) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1366px !important;
    margin: 0 auto !important;
    padding: 12px 0 !important;

    box-sizing: border-box !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

.sp170-slot {
    position: relative !important;
    width: 100% !important;
    max-width: 210px !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    border: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

.sp170-item {
    display: none !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    z-index: 1 !important;
}

.sp170-item.is-active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
}

.sp170-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    text-decoration: none !important;

    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.sp170-item img {
    display: block !important;
    width: 100% !important;
    height: 70px !important;
    max-width: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    pointer-events: none !important;
}

/* Mantém os 12 px visíveis em telas desktop um pouco menores. */
@media (max-width: 1365px) {
    .sp170-strip {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .sp170-strip {
        grid-template-columns: repeat(3, minmax(0, 210px)) !important;
        gap: 12px !important;
    }
}

/* Celular */
@media (max-width: 520px) {
    .sp170-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding: 5px !important;
    }
}


/* v1.7.3 — simetria vertical definitiva */
.sp170-strip,
.sp170-strip * {
    box-sizing: border-box !important;
}
.sp170-strip {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* v1.7.4 — faixa final: 12px + 70px + 12px = 94px */
.sp170-strip {
    height: 94px !important;
    min-height: 94px !important;
    max-height: 94px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
}

/* Neutraliza margens/paddings que o tema possa aplicar ao widget do anúncio. */
.widget:has(.sp170-strip),
.widget_text:has(.sp170-strip),
.widget-area:has(.sp170-strip),
.header-ad:has(.sp170-strip),
.header-ads:has(.sp170-strip),
.header-advertisement:has(.sp170-strip),
.header-widget-area:has(.sp170-strip),
.site-header .widget:has(.sp170-strip),
.site-header .widget-area:has(.sp170-strip) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

/* Evita parágrafos/títulos vazios do tema aumentando a altura. */
.widget:has(.sp170-strip) > .widget-title,
.widget:has(.sp170-strip) > h2,
.widget:has(.sp170-strip) > h3 {
    display: none !important;
}