/* ============================================================
   Landing de catálogo (product_cat) — solo en body.rcb-catalogo
   ------------------------------------------------------------
   GeneratePress mete el archivo de WooCommerce en un contenedor centrado de
   1200 px con su padding. Las secciones de REVEL van de borde a borde, así que
   aquí se anula ese contenedor SOLO en estas páginas: cada sección centra su
   propio contenido con .rcb-wrap.

   Se hace anulando el max-width del contenedor (y no con el truco de
   width:100vw + margin negativo) porque 100vw incluye el ancho de la barra de
   desplazamiento y abre scroll horizontal en escritorio.
   ============================================================ */

body.rcb-catalogo #page,
body.rcb-catalogo .site-content,
body.rcb-catalogo .content-area,
body.rcb-catalogo .site-main,
body.rcb-catalogo .woocommerce-archive-wrapper,
body.rcb-catalogo .inside-article,
body.rcb-catalogo .entry-content {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/* .site-content es un flex: si .content-area se queda en width:auto, el ítem se
   encoge al ancho de su contenido (los 1200 px de .rcb-wrap) y las secciones
   dejan de llegar al borde derecho. Tiene que ocupar la línea entera. */
body.rcb-catalogo .content-area {
	width: 100%;
	flex: 1 1 100%;
}

body.rcb-catalogo .inside-article,
body.rcb-catalogo .site-main {
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	box-shadow: none;
	background: none;
}

body.rcb-catalogo .entry-content {
	margin-top: 0;
}

/* El <header> del archivo se queda vacío: el H1 lo pone el hero de la landing
   (woocommerce_show_page_title devuelve false). */
body.rcb-catalogo .woocommerce-products-header {
	margin: 0;
	padding: 0;
}

/* El grid de productos sí vuelve al ancho de contenido: cuando haya ofertas
   cargadas se pinta dentro del mismo carril que el resto de secciones. */
body.rcb-catalogo .woocommerce-notices-wrapper,
body.rcb-catalogo ul.products,
body.rcb-catalogo .woocommerce-result-count,
body.rcb-catalogo .woocommerce-ordering,
body.rcb-catalogo nav.woocommerce-pagination {
	max-width: var(--rcb-ancho);
	margin-inline: auto;
	padding-inline: var(--rcb-pad-lateral);
	box-sizing: border-box;
}

/* --- Migas de pan --------------------------------------------- */

.rcb-catalogo__migas {
	font-family: var(--rcb-font);
	font-size: var(--rcb-fs-sm);
	padding-block: 16px 0;
	background: var(--rcb-blanco);
}

.rcb-catalogo__migas ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--rcb-gris-medio);
}

.rcb-catalogo__migas li + li::before {
	content: "/";
	margin-right: 6px;
	color: var(--rcb-gris-borde);
}

.rcb-catalogo__migas a {
	color: var(--rcb-gris-texto);
	text-decoration: none;
}

.rcb-catalogo__migas a:hover,
.rcb-catalogo__migas a:focus-visible {
	color: var(--rcb-acento-hover);
	text-decoration: underline;
}

.rcb-catalogo__migas [aria-current="page"] {
	color: var(--rcb-negro);
	font-weight: 600;
}

/* El hero arranca justo debajo de las migas, sin el hueco de sección completo. */
.rcb-catalogo__landing > .rcb-hero:first-child {
	padding-top: clamp(28px, 4vw, 56px);
}