/* =============================================================================
 * OtakusCR Elementor · widgets-base.css
 *
 * Estilos compartidos por todos los widgets del plugin. Se asume que los
 * tokens.css y components.css del theme ya están cargados (contienen .btn,
 * .topnav, .container, .section-header, .c-card, etc.). Este archivo añade
 * solo las reglas que son específicas de los widgets o que completan las del
 * theme cuando el widget se renderiza fuera del context normal.
 * ============================================================================ */

/* Asegura que el contenido de un widget respete el container de Elementor. */
.elementor-widget-otakuscr_hero,
.elementor-widget-otakuscr_nav_buttons,
.elementor-widget-otakuscr_banner,
.elementor-widget-otakuscr_section_header,
.elementor-widget-otakuscr_section_divider,
.elementor-widget-otakuscr_carousel_cards,
.elementor-widget-otakuscr_topnav,
.elementor-widget-otakuscr_footer {
	width: 100%;
}

/* El section divider ocupa 1px de altura por defecto. */
.elementor-widget-otakuscr_section_divider .section-divider {
	width: 100%;
}

/* En el editor, los widgets vacíos muestran un placeholder para indicar. */
.elementor-element-edit-mode.elementor-widget-otakuscr_section_divider {
	min-height: 24px;
}

/* ── Ancho de tarjetas configurado desde el control ─────────────────────── */
.carousel-track[data-otakuscr-track] .c-card {
	flex: 0 0 var(--otakuscr-card-width, 200px);
}

/* ── Carrusel sin máscara de fundido (opción del control) ───────────────── */
.carousel-outer--no-mask::before,
.carousel-outer--no-mask::after {
	display: none;
}