/**
 * Banner Manager Pro - Frontend Styles
 */

/* Banner Wrapper Base */
.bmp-banner-wrapper {
    width: 100%;
    text-align: center;
    margin: 1rem 0;
    position: relative;
}

.bmp-banner-wrapper a {
    display: block;
    text-decoration: none;
}

/* Banner Image */
.bmp-banner-image {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

.bmp-banner-wrapper a:hover .bmp-banner-image {
    opacity: 0.9;
}

/* Banner Iframe */
.bmp-banner-iframe {
    width: 100%;
    overflow: hidden;
}

.bmp-banner-iframe iframe {
    max-width: 100%;
    border: none;
}

/* Posiciones específicas */
.bmp-banner-top {
    width: 100%;
}

.bmp-banner-sidebar,
.bmp-banner-sidebar2,
.bmp-banner-sidebar3,
.bmp-banner-sidebar-home-fixed,
.bmp-banner-sidebar-interior-fixed {
    max-width: 300px;
    margin: 1rem auto;
}

.bmp-banner-box-1,
.bmp-banner-box-2 {
    max-width: 300px;
    margin: 1rem auto;
}

/* Responsive */
@media (max-width: 768px) {
    .bmp-banner-wrapper {
        margin: 0.5rem 0;
    }
    
    .bmp-banner-sidebar,
    .bmp-banner-sidebar2,
    .bmp-banner-sidebar3 {
        max-width: 100%;
    }
}