/* ============================================================================
   AgroRural — Banners públicos
   ============================================================================ */

.banner-slot {
    display: block;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    line-height: 0;
}

.banner-slot a {
    display: inline-block;
    line-height: 0;
    max-width: 100%;
}

.banner-slot .banner-img,
.banner-slot picture,
.banner-slot img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    transition: opacity .2s;
}

.banner-slot:hover .banner-img {
    opacity: .9;
}

/* Contenedor con margen + fondo sutil para ubicaciones clave */
.banner-slot-wrapper {
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}

.banner-slot-wrapper.banner-header,
.banner-slot-wrapper.banner-footer {
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 14px 0;
    margin: 0;
}

.banner-slot-wrapper.banner-article_mid {
    margin: 30px auto;
    padding: 20px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.banner-slot-wrapper.banner-article_bottom {
    margin: 24px auto 8px;
}

/* Etiqueta "Publicidad" arriba del banner para cumplir con normativas */
.banner-slot-wrapper::before {
    content: "PUBLICIDAD";
    display: block;
    font-size: .65rem;
    letter-spacing: 2px;
    color: #999;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 6px;
}

/* Script/iframe wrappers */
.banner-script-wrapper,
.banner-iframe-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
}

.banner-iframe-wrapper iframe {
    max-width: 100%;
    border: 0;
    display: block;
}

/* Sidebar banners tienen menos margen */
.banner-sidebar_top,
.banner-sidebar_middle,
.banner-sidebar_bottom {
    margin: 16px auto;
}

/* Responsive: en mobile achicar margenes */
@media (max-width: 576px) {
    .banner-slot-wrapper {
        margin: 14px auto;
        padding: 8px 0;
    }
    .banner-slot-wrapper::before {
        font-size: .6rem;
    }
}

/* Banners header/footer en mobile: centrar sin fondo */
@media (max-width: 768px) {
    .banner-slot-wrapper.banner-header,
    .banner-slot-wrapper.banner-footer {
        padding: 10px 0;
    }
}