/* Estilos para banners */

.cb-promo-banner {
    width: 100%;
    position: relative;
}

.cb-promo-banner-sticky {
    position: sticky;
    top: calc(var(--header-height, 0px) + var(--wp-admin--admin-bar--height, 0px));
    left: 0;
    right: 0;
    z-index: 999;
}

.cb-promo-banner-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cb-promo-banner-content {
    flex: 1;
}

/* Resetear estilos de Gutenberg para banners */
.cb-promo-banner-content>* {
    margin: 0;
}

.cb-promo-banner-content p {
    margin: 0;
    line-height: 1.5;
}

.cb-promo-banner-content .wp-block-image {
    margin: 0;
}

.cb-promo-banner-content .wp-block-button {
    margin: 0;
}

.cb-promo-banner-content .wp-block-buttons {
    margin: 0;
}

.cb-promo-banner-content h1,
.cb-promo-banner-content h2,
.cb-promo-banner-content h3,
.cb-promo-banner-content h4,
.cb-promo-banner-content h5,
.cb-promo-banner-content h6 {
    margin: 0;
    line-height: 1.3;
}

/* Responsive */
@media (max-width: 768px) {
    .cb-promo-banner-container {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
}

/* Soporte para layouts comunes */
.cb-promo-banner-content .wp-block-columns {
    margin: 0;
}

.cb-promo-banner-content .wp-block-column {
    margin: 0;
}