/* ==========================================================================
   Rumifay – Layout global responsive (ancho completo, sin espacio blanco)
   ========================================================================== */

html {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	min-width: 320px;
}

/* WordPress / WooCommerce wrappers */
#page,
.site,
#content,
.site-content,
.content-area,
#primary,
#main,
.site-main,
.wrapper,
.home-page,
.rf-woo-wrap {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

.rf-site {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

/* Bloques a ancho completo; el contenido interno se centra con max-width */
.rf-header,
.rf-topbar,
.rf-header-main,
.rf-nav--desktop,
.rf-cats-mobile,
.rf-footer,
.rf-hero,
.rf-flash,
.rf-marketplace,
.rf-product-section,
.rf-premium,
.rf-pdp {
	width: 100%;
	max-width: none;
}

body.rf-use-theme-hero #page.site,
body.rf-use-theme-hero #page.site .site {
	max-width: none;
	width: 100%;
}

main,
.main-content,
.rf-main {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

/* Contenedores centrados */
.container,
.rf-container,
.rumifay-container {
	width: 100%;
	max-width: var(--rf-container, 1280px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.container,
	.rf-container,
	.rumifay-container {
		max-width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Medios y embeds */
video,
iframe,
embed,
object {
	max-width: 100%;
	height: auto;
}

/* Elementor: secciones a ancho completo del viewport */
body.elementor-page .elementor,
body.elementor-default .elementor,
.elementor-section-wrap,
.elementor-location-header,
.elementor-location-footer {
	width: 100%;
	max-width: 100%;
}

.elementor-section.elementor-section-stretched {
	width: 100% !important;
	left: 0 !important;
	right: 0 !important;
}

/* WooCommerce */
.woocommerce,
.woocommerce-page .woocommerce,
.woocommerce-page #primary,
.woocommerce-page #main {
	width: 100%;
	max-width: 100%;
}

/* Carruseles horizontales: scroll interno, no ensanchar la página */
.rf-cats-scroll-wrap,
.rf-premium__track,
.rf-hero__products {
	max-width: 100%;
}

.rf-cats-scroll {
	min-width: 0;
}

/* Evitar anchos fijos típicos de mockups móviles */
body,
#page,
.site,
.rf-site {
	min-width: 0;
}

@media (min-width: 769px) {
	body,
	#page,
	.site,
	.rf-site {
		min-width: 320px;
	}
}