/* Wazu Ads — estilos frontend · todos los tamaños IAB */

/* ===== BASE ===== */
.wazu-banner {
    position: relative;
    text-align: center;
    margin: 24px auto;
    max-width: 100%;
}

.wazu-banner__label {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #aaa;
    margin-bottom: 4px;
}

.wazu-banner__link {
    display: block;
    line-height: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    transition: opacity .15s;
}

.wazu-banner__link:hover { opacity: .92; }

.wazu-banner__link img {
    width: 100%;
    height: auto;
    display: block;
}

.wazu-banner__sponsor {
    display: block;
    font-size: 11px;
    color: #bbb;
    margin-top: 5px;
}

/* ===== DESKTOP: LEADERBOARD 728×90 ===== */
.wazu-banner--top,
.wazu-banner--content,
.wazu-banner--in-feed,
.wazu-banner--footer {
    max-width: 728px;
}

/* ===== DESKTOP: BILLBOARD PREMIUM 970×250 ===== */
.wazu-banner--top-billboard {
    max-width: 970px;
}

.wazu-banner--top-billboard .wazu-banner__link {
    border-radius: 0;
    border-left: none;
    border-right: none;
}

/* ===== SIDEBAR: MEDIUM RECTANGLE 300×250 ===== */
.wazu-banner--sidebar {
    max-width: 300px;
    margin: 0 auto 24px;
}

/* ===== SIDEBAR: HALF PAGE 300×600 ===== */
.wazu-banner--sidebar-half {
    max-width: 300px;
    margin: 0 auto 24px;
}

/* ===== CONTENIDO: LARGE RECTANGLE 336×280 ===== */
.wazu-banner--content-rect {
    max-width: 336px;
    margin: 28px auto;
}

/* ===== MOBILE BANNER 320×50 ===== */
/* Solo visible en móvil */
.wazu-banner--mobile-only {
    display: none;
}

.wazu-banner--mobile-top {
    max-width: 320px;
    margin: 0 auto 16px;
}

.wazu-banner--mobile-top .wazu-banner__link {
    border-radius: 0;
    border-left: none;
    border-right: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    /* Banners horizontales se vuelven full-width en mobile */
    .wazu-banner--top,
    .wazu-banner--top-billboard,
    .wazu-banner--footer,
    .wazu-banner--in-feed {
        max-width: 100%;
    }

    .wazu-banner--top .wazu-banner__link,
    .wazu-banner--top-billboard .wazu-banner__link,
    .wazu-banner--footer .wazu-banner__link {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    /* Content banners centrados en mobile */
    .wazu-banner--content,
    .wazu-banner--content-rect {
        max-width: 100%;
    }

    /* Half page se oculta en mobile (demasiado alto) */
    .wazu-banner--sidebar-half {
        display: none;
    }

    /* Mobile banner aparece solo en mobile */
    .wazu-banner--mobile-only {
        display: block;
    }
}

/* ===== DENTRO DEL CONTENIDO ===== */
.wazu-banner-in-content {
    clear: both;
    margin: 28px 0;
}

.wazu-banner-in-content .wazu-banner {
    margin: 0 auto;
}