/**
 * Formulario de inscripción (frontend). Paleta y tipografía alineadas con
 * el estilo real del sitio (Divi): acento turquesa de las tarjetas de
 * producto/CTA, gris oscuro de los enlaces de WooCommerce, Open Sans.
 * Es un sistema de tokens propio (prefijo --rwcb-front-), independiente del
 * panel de administración (ver assets/css/rw-cb-admin.css, que usa
 * --rwcb-* a secas): son audiencias y contextos visuales distintos.
 *
 * Todos los selectores llevan el elemento "body" por delante a propósito:
 * sube la especificidad justo lo necesario para ganarle la partida a las
 * reglas genéricas de Divi sin recurrir a !important en cada propiedad
 * (más frágil de mantener y más difícil de anular después si hiciera falta).
 *
 * @package RW_Class_Booking
 */

/* ── Tokens de diseño (frontend) ─────────────────────────────────────────── */
:root {
	--rwcb-front-accent:       #7dc6cd;
	--rwcb-front-accent-dark:  #5fb0b8;
	--rwcb-front-accent-soft:  #eaf6f7;
	--rwcb-front-heading:      #333333;
	--rwcb-front-text:         #4d4751;
	--rwcb-front-text-muted:   #767676;
	--rwcb-front-success:      #4caf50;
	--rwcb-front-success-bg:   #eef7ef;
	--rwcb-front-warning:      #e8a33d;
	--rwcb-front-warning-bg:   #fdf3e4;
	--rwcb-front-danger:       #e2574c;
	--rwcb-front-danger-bg:    #fbeceb;
	--rwcb-front-border:       #e6e6e6;
	--rwcb-front-surface:      #ffffff;
	--rwcb-front-bg-soft:      #f8fafa;
	--rwcb-front-radius:       14px;
	--rwcb-front-radius-sm:    8px;
	--rwcb-front-radius-pill:  999px;
	--rwcb-front-shadow:       0 6px 24px rgba(77, 71, 81, .08);
	--rwcb-front-transition:   .2s ease;
	--rwcb-front-font:         'Open Sans', Arial, sans-serif;
}

/* ── Ficha de curso: ocultar meta de post heredada de Divi (autor/fecha/comentarios) ── */
body.single-rw_course .post-meta {
	display: none;
}

/* ── Ficha de curso: quitar la línea divisoria de Divi (pensada para el
   layout con sidebar) y aprovechar todo el ancho en #left-area ── */
body.single-rw_course #main-content .container:before {
	display: none;
}

body.single-rw_course #left-area {
	width: 100%;
}

/* ── Ficha de curso: descripción a dos columnas en escritorio ────────────── */
body.single-rw_course .entry-content {
	column-count: 2;
	column-gap: 3.5em;
	column-rule: 1px solid var(--rwcb-front-border);
}

/* La sección de inscripción se añade dentro del mismo .entry-content (ver
   EnrollmentShortcode::add_automatically()) — column-span:all la saca del
   flujo de columnas para que ocupe todo el ancho en vez de partirse en dos. */
body.single-rw_course .entry-content .rw-cb-inscripcion {
	column-span: all;
}

@media (max-width: 900px) {
	body.single-rw_course .entry-content {
		column-count: 1;
	}
}

/* ── Sección "Apúntate" / "Elige tu horario" ─────────────────────────────── */
body .rw-cb-inscripcion {
	font-family: var(--rwcb-front-font);
	margin: 2.5em 0 1.5em;
	padding-top: 2em;
	border-top: 1px solid var(--rwcb-front-border);
}

body .rw-cb-inscripcion__titulo {
	font-family: var(--rwcb-front-font);
	font-size: 1.5em;
	font-weight: 600;
	color: var(--rwcb-front-heading);
	margin: 0 0 1em;
	padding-bottom: .5em;
	border-bottom: 3px solid var(--rwcb-front-accent);
	display: inline-block;
	font-family: poppins;
}

body .rw-cb-sin-grupos {
	font-family: var(--rwcb-front-font);
	background: var(--rwcb-front-bg-soft);
	border: 1px solid var(--rwcb-front-border);
	border-radius: var(--rwcb-front-radius);
	padding: 1.25em 1.5em!important;
	color: var(--rwcb-front-text-muted);
}

/* ── Aviso de "ya tienes esto en el carrito" ──────────────────────────────── */
body .rw-cb-aviso-carrito {
	font-family: var(--rwcb-front-font);
	background: var(--rwcb-front-accent-soft);
	border: 1px solid var(--rwcb-front-accent);
	border-radius: var(--rwcb-front-radius-sm);
	padding: .85em 1.1em!important;
	margin: 0 0 1.25rem;
	font-size: .92em;
	color: var(--rwcb-front-text);
}

body .rw-cb-aviso-carrito a {
	color: var(--rwcb-front-accent-dark);
	font-weight: 700;
	text-decoration: underline;
}

body .rw-cb-aviso-carrito a:hover,
body .rw-cb-aviso-carrito a:focus {
	text-decoration: none;
}

/* ── Encabezado de día (agrupación de turnos por día de la semana) ──────────── */
body .rw-cb-grupos__dia {
    /* font-family: var(--rwcb-front-font); */
    /* font-size: 2.05em; */
    /* font-weight: 500; */
    color: var(--rwcb-front-accent-dark);
    margin: 2em 0 1em;
    padding-bottom: .3em;
    /* border-bottom: 2px solid var(--rwcb-front-accent-soft); */
    text-transform: none;
}

body .rw-cb-grupos__dia:first-of-type {
	margin-top: 0;
}

/* ── Rejilla de turnos ────────────────────────────────────────────────────── */
/* Grid en vez de flex a propósito: con flex-direction:row (el diseño
   anterior) y una sola fila sin flex-wrap, un curso con muchos turnos (uno
   por día/franja horaria, ver Services\ScheduleParser) desbordaba la
   página entera en una única línea horizontal en vez de saltar de línea.
   Una columna en móvil, dos en escritorio — desde la 2.39.0 (ficha del
   curso a dos columnas, ver Frontend\CourseSingleLayout) la columna de
   contenido de la ficha es bastante más estrecha que el ancho de página
   completo de antes, así que 3-4 columnas de turnos ya no caben con
   holgura. */
body .rw-cb-grupos {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
}

@media (min-width: 600px) {
	body .rw-cb-grupos {
		grid-template-columns: repeat(2, 1fr);
	}
}

body .rw-cb-grupos--sin-horario {
	grid-template-columns: minmax(0, 420px);
}

/* ── Tarjeta de turno ─────────────────────────────────────────────────────── */
body .rw-cb-grupo {
	font-family: var(--rwcb-front-font);
	background: var(--rwcb-front-surface);
	border: 1px solid var(--rwcb-front-border);
	border-radius: var(--rwcb-front-radius);
	padding: 1.5rem;
	box-shadow: var(--rwcb-front-shadow);
	transition: transform var(--rwcb-front-transition), box-shadow var(--rwcb-front-transition);
	display: flex;
	flex-direction: column;
	min-width: 0;
}

body .rw-cb-grupo:hover {
	box-shadow: 0 10px 28px rgba(77, 71, 81, .12);
}

body .rw-cb-grupo__cabecera {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .75rem;
	flex-wrap: wrap;
	margin-bottom: .35rem;
}

body .rw-cb-grupo__nombre {
	margin: 0;
	font-size: 1.15em;
	font-weight: 600;
	color: var(--rwcb-front-heading);
	line-height: 1.35;
	text-transform: none;
}

body .rw-cb-grupo__fechas {
	margin: 0 0 1rem;
	font-size: .9em;
	color: var(--rwcb-front-text-muted);
}

body .rw-cb-grupo__fechas::before {
	content: '📅 ';
}

body .rw-cb-grupo__profesora {
	margin: 0 0 1rem;
	font-size: .9em;
	color: var(--rwcb-front-text-muted);
}

body .rw-cb-grupo__profesora::before {
	content: '🎓 ';
}

/* ── Badges de disponibilidad (verde / ámbar / rojo, universales) ────────── */
body .rw-cb-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: .3em .75em;
	border-radius: var(--rwcb-front-radius-pill);
	font-size: .78em;
	font-weight: 700;
	line-height: 1.6;
	white-space: nowrap;
	flex-shrink: 0;
}

body .rw-cb-badge--libre {
	background: var(--rwcb-front-success-bg);
	color: var(--rwcb-front-success);
}

body .rw-cb-badge--pocas {
	background: var(--rwcb-front-warning-bg);
	color: var(--rwcb-front-warning);
}

body .rw-cb-badge--pocas::before {
	content: '⚠ ';
}

body .rw-cb-badge--completo {
	background: var(--rwcb-front-danger-bg);
	color: var(--rwcb-front-danger);
}

/* ── Etiqueta de sede (dónde se imparte el curso), al principio de la ficha ── */
body .rw-cb-venue-badge {
	margin: 0 0 1rem;
}

body .rw-cb-badge--venue {
	background: var(--rwcb-front-accent-soft);
	color: var(--rwcb-front-accent-dark);
}

body .rw-cb-badge--venue::before {
	content: '📍 ';
}

/* ── Avisos (post/redirect/get tras enviar el formulario) ────────────────── */
body .rw-cb-grupo__aviso {
	padding: .65rem .9rem!important;
	border-radius: var(--rwcb-front-radius-sm);
	border: 4px solid transparent;
	font-size: .9em;
	margin: 0 0 1rem;
}

body .rw-cb-grupo__aviso--exito {
	background: var(--rwcb-front-success-bg);
	color: #2e6b32;
	border-left-color: var(--rwcb-front-success);
}

body .rw-cb-grupo__aviso--error {
	background: var(--rwcb-front-danger-bg);
	color: #97332b;
	border-left-color: var(--rwcb-front-danger);
}

/* ── Formulario de inscripción directa / lista de espera ─────────────────── */
body .rw-cb-formulario {
	margin-top: auto;
	padding-top: .25rem;
}

body .rw-cb-formulario p {
	margin: 0 0 .85rem;
	padding: 0;
}

body .rw-cb-formulario label {
	display: block;
	font-size: .88em;
	font-weight: 600;
	color: var(--rwcb-front-text);
	margin-bottom: .3rem;
}

body .rw-cb-formulario input {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--rwcb-front-border);
	border-radius: var(--rwcb-front-radius-sm);
	padding: .65rem .8rem;
	font-family: var(--rwcb-front-font);
	font-size: .95em;
	color: var(--rwcb-front-text);
	transition: border-color var(--rwcb-front-transition), box-shadow var(--rwcb-front-transition);
}

body .rw-cb-formulario input:focus {
	border-color: var(--rwcb-front-accent);
	box-shadow: 0 0 0 3px var(--rwcb-front-accent-soft);
	outline: none;
}

/* ── Botones ───────────────────────────────────────────────────────────────── */
body .rw-cb-boton {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	border: 0;
	border-radius: var(--rwcb-front-radius-pill);
	padding: .8rem 1.5rem;
	background: var(--rwcb-front-accent);
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-family: var(--rwcb-front-font);
	font-size: .98em;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	transition: background var(--rwcb-front-transition), transform var(--rwcb-front-transition);
}

body .rw-cb-boton small {
	font-size: .78em;
	font-weight: 500;
	opacity: .85;
}

body .rw-cb-boton:hover,
body .rw-cb-boton:focus {
	background: var(--rwcb-front-accent-dark);
	color: #fff;
	transform: translateY(-1px);
}

body .rw-cb-boton:active {
	transform: translateY(0);
}

body .rw-cb-boton:disabled {
	opacity: .6;
	cursor: default;
	transform: none;
}

body .rw-cb-boton--secundario {
	background: transparent;
	border: 2px solid var(--rwcb-front-accent);
	color: var(--rwcb-front-accent-dark);
	padding: calc(.8rem - 2px) 1.5rem;
}

body .rw-cb-boton--secundario:hover,
body .rw-cb-boton--secundario:focus {
	background: var(--rwcb-front-accent-soft);
	color: var(--rwcb-front-accent-dark);
}

/* Variante "enlace": sin fondo ni borde, para una opción secundaria que no
   debe competir en peso visual con el botón principal (p. ej. "pagar en
   efectivo" frente a "cobro automático online" en la elección de cuotas). */
body .rw-cb-boton--enlace {
	align-self: flex-start;
	background: transparent;
	border: 0;
	padding: .4rem .5rem;
	color: var(--rwcb-front-accent-dark);
	font-weight: 600;
	text-decoration: none;
}

body .rw-cb-boton--enlace:hover,
body .rw-cb-boton--enlace:focus {
	background: transparent;
	color: var(--rwcb-front-accent-dark);
	transform: none;
	text-decoration: underline;
}

body .rw-cb-boton--enlace small {
	opacity: 1;
}

/* ── Elección de forma de pago de las cuotas (cursos recurrentes) ───────── */
body .rw-cb-grupo__cuotas-eleccion {
	display: flex;
	flex-direction: column;
	gap: .6rem;
}

body .rw-cb-grupo__cuotas-pregunta {
	margin: 0;
	font-size: .9em;
	line-height: 1.6;
	color: var(--rwcb-front-text-muted);
}

body .rw-cb-grupo__cuotas-eleccion .description {
	margin: 0;
	font-size: .82em;
	line-height: 1.6;
	color: var(--rwcb-front-text-muted);
}

/* ── Estado de carga (spinner dentro del botón) ──────────────────────────────
   El texto se hace transparente en vez de quitarse del marcado: el botón
   conserva su ancho/alto exactos (sin salto de layout) y el spinner, un
   círculo con un cuarto más claro que gira, queda perfectamente centrado
   encima. `pointer-events: none` evita reenvíos mientras está en curso. */
body .rw-cb-boton.is-loading {
	position: relative;
	color: transparent;
	pointer-events: none;
}

body .rw-cb-boton.is-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border: 2px solid rgba(255, 255, 255, .4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: rw-cb-girar .7s linear infinite;
}

/* La variante "enlace" no tiene fondo sólido (ver .rw-cb-boton--enlace más
   abajo): el spinner blanco de arriba, pensado para destacar sobre un
   fondo de color, se volvía invisible sobre fondo transparente/blanco de
   la página. Aquí usa el acento oscuro del sitio en vez de blanco. */
body .rw-cb-boton--enlace.is-loading::after {
	border-color: var(--rwcb-front-accent-soft);
	border-top-color: var(--rwcb-front-accent-dark);
}

@keyframes rw-cb-girar {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	body .rw-cb-boton.is-loading::after {
		animation: none;
	}
}

/* ── Archivo de categoría de curso ────────────────────────────────────────── */
/* Fondo blanco para toda la página (no solo el contenido): WordPress añade
   la clase "tax-rw_course_category" al body en cualquier archivo de esta
   taxonomía, así que esta regla no afecta a ninguna otra página del sitio.
   Especificidad a propósito con dos clases (".custom-background" + esta),
   no solo una: el fondo turquesa del sitio viene de un <style> que el
   "custom background" de WordPress imprime en el <head> DESPUÉS de esta
   hoja de estilos (body.custom-background{background-color:#99d3d3}) —
   con la misma especificidad (una sola clase) ganaría él por ir después en
   la cascada, así que aquí hace falta subir la especificidad, no solo
   añadir la regla. */
body.custom-background.tax-rw_course_category {
	background: #fff;
}

body .rw-cb-archivo-categoria {
	font-family: var(--rwcb-front-font);
	max-width: 1200px;
	margin: 0 auto;
	padding: 3.5em 5% 4em;
}

body .rw-cb-archivo-categoria__cabecera {
	margin: 0 auto 2.5em;
}

body .rw-cb-archivo-categoria__titulo {
	font-family: var(--rwcb-front-font);
	font-size: 2.2em;
	font-weight: 700;
	color: var(--rwcb-front-heading);
	margin: 0 0 .5em;
	padding-bottom: .4em;
	border-bottom: 3px solid var(--rwcb-front-accent);
	display: inline-block;
}

body .rw-cb-archivo-categoria__descripcion {
	font-size: 1.05em;
	color: var(--rwcb-front-text-muted);
	margin: 0;
}

body .rw-cb-archivo-categoria__grid {
	display: grid;
	gap: 1.75rem;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

/* ── Tarjeta de curso (listado de categoría) ──────────────────────────────── */
body .rw-cb-curso-tarjeta {
	background: var(--rwcb-front-surface);
	border: 1px solid var(--rwcb-front-border);
	border-radius: var(--rwcb-front-radius);
	overflow: hidden;
	box-shadow: var(--rwcb-front-shadow);
	transition: transform var(--rwcb-front-transition), box-shadow var(--rwcb-front-transition);
	display: flex;
	flex-direction: column;
}

body .rw-cb-curso-tarjeta:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(77, 71, 81, .14);
}

body .rw-cb-curso-tarjeta__enlace-imagen {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--rwcb-front-accent-soft);
}

body .rw-cb-curso-tarjeta__imagen {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}

body .rw-cb-curso-tarjeta:hover .rw-cb-curso-tarjeta__imagen {
	transform: scale(1.05);
}

body .rw-cb-curso-tarjeta__imagen--vacia {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3em;
	color: var(--rwcb-front-accent);
}

body .rw-cb-curso-tarjeta__cuerpo {
	padding: 1.25rem 1.4rem 1.5rem;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

body .rw-cb-curso-tarjeta__categorias {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-bottom: .6rem;
}

body .rw-cb-badge--categoria {
	background: var(--rwcb-front-bg-soft);
	color: var(--rwcb-front-text-muted);
	text-decoration: none;
	transition: background var(--rwcb-front-transition), color var(--rwcb-front-transition);
}

body .rw-cb-badge--categoria:hover,
body .rw-cb-badge--categoria:focus {
	background: var(--rwcb-front-accent-soft);
	color: var(--rwcb-front-accent-dark);
}

body .rw-cb-curso-tarjeta__titulo {
	margin: 0 0 .5rem;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.35;
	text-transform: none;
	padding: 0;
}

body .rw-cb-curso-tarjeta__titulo a {
	color: var(--rwcb-front-heading);
	text-decoration: none;
}

body .rw-cb-curso-tarjeta__titulo a:hover,
body .rw-cb-curso-tarjeta__titulo a:focus {
	color: var(--rwcb-front-accent-dark);
}

body .rw-cb-curso-tarjeta__extracto {
	font-size: .92em;
	color: var(--rwcb-front-text-muted);
	line-height: 1.6;
	margin: 0 0 1.25rem;
	flex-grow: 1;
}

body .rw-cb-curso-tarjeta .rw-cb-boton--secundario {
	width: auto;
	align-self: flex-start;
	padding: .6rem 1.3rem;
	font-size: .9em;
}

body .rw-cb-archivo-categoria__paginacion {
	margin-top: 3em;
	text-align: center;
	font-family: var(--rwcb-front-font);
}

/* ── Catálogo de cursos (todas las categorías en una sola página) ────────── */
body .rw-cb-catalogo {
	font-family: var(--rwcb-front-font);
	max-width: 1200px;
	margin: 0 auto;
	padding: 2em 5%;
}

body .rw-cb-catalogo__categoria {
	margin-bottom: 3.5em;
}

body .rw-cb-catalogo__categoria:last-child {
	margin-bottom: 0;
}

body .rw-cb-catalogo__categoria-titulo {
	font-size: 1.6em;
	font-weight: 700;
	color: var(--rwcb-front-heading);
	margin: 0 0 1.25em;
	padding-bottom: .35em;
	border-bottom: 3px solid var(--rwcb-front-accent);
	display: inline-block;
}

body .rw-cb-catalogo__categoria-titulo a {
	color: inherit;
	text-decoration: none;
}

body .rw-cb-catalogo__categoria-titulo a:hover,
body .rw-cb-catalogo__categoria-titulo a:focus {
	color: var(--rwcb-front-accent-dark);
}

/* ── Catálogo de cursos: migas de pan (volver al nivel anterior) ─────────── */
body .rw-cb-catalogo__migas {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	flex-wrap: wrap;
}

body .rw-cb-catalogo__migas .rw-cb-catalogo__categoria-titulo {
	margin: 0 0 1.25em;
}

body .rw-cb-catalogo__volver {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: var(--rwcb-front-text-muted);
	text-decoration: none;
	font-size: .92em;
	transition: color var(--rwcb-front-transition);
}

body .rw-cb-catalogo__volver:hover,
body .rw-cb-catalogo__volver:focus {
	color: var(--rwcb-front-accent-dark);
}

/* ── Catálogo de cursos: rejilla y tarjeta de categoría (navegación) ─────── */
body .rw-cb-catalogo__categorias-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

body .rw-cb-categoria-tarjeta {
	background: var(--rwcb-front-surface);
	border: 1px solid var(--rwcb-front-border);
	border-radius: var(--rwcb-front-radius);
	box-shadow: var(--rwcb-front-shadow);
	transition: transform var(--rwcb-front-transition), box-shadow var(--rwcb-front-transition);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: .5rem;
	padding: 2rem 1.5rem;
	text-decoration: none;
	color: var(--rwcb-front-heading);
}

body .rw-cb-categoria-tarjeta:hover,
body .rw-cb-categoria-tarjeta:focus {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(77, 71, 81, .14);
	color: var(--rwcb-front-accent-dark);
}

body .rw-cb-categoria-tarjeta__icono {
	font-size: 2.4em;
}

body .rw-cb-categoria-tarjeta__titulo {
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.35;
}

body .rw-cb-categoria-tarjeta__contador {
	font-size: .85em;
	color: var(--rwcb-front-text-muted);
}

body .rw-cb-archivo-categoria__paginacion .nav-links {
	display: flex;
	justify-content: center;
	gap: 1rem;
}

body .rw-cb-archivo-categoria__paginacion a {
	display: inline-flex;
	align-items: center;
	padding: .6rem 1.4rem;
	border: 1px solid var(--rwcb-front-border);
	border-radius: var(--rwcb-front-radius-pill);
	color: var(--rwcb-front-text);
	text-decoration: none;
	transition: border-color var(--rwcb-front-transition), color var(--rwcb-front-transition);
}

body .rw-cb-archivo-categoria__paginacion a:hover,
body .rw-cb-archivo-categoria__paginacion a:focus {
	border-color: var(--rwcb-front-accent);
	color: var(--rwcb-front-accent-dark);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
	body .rw-cb-inscripcion {
		margin: 2em 0 1em;
	}

	body .rw-cb-inscripcion__titulo {
		font-size: 1.3em;
	}

	body .rw-cb-grupos,
	body .rw-cb-grupos--sin-horario {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	body .rw-cb-grupo {
		padding: 1.25rem;
	}

	body .rw-cb-grupo__cabecera {
		flex-direction: column;
		align-items: flex-start;
		gap: .5rem;
	}

	body .rw-cb-archivo-categoria {
		padding: 2.5em 6% 3em;
	}

	body .rw-cb-archivo-categoria__titulo {
		font-size: 1.7em;
	}

	body .rw-cb-archivo-categoria__grid,
	body .rw-cb-catalogo__categorias-grid {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	body .rw-cb-catalogo__migas {
		flex-direction: column;
		align-items: flex-start;
		gap: .5rem;
	}

	body .rw-cb-archivo-categoria__paginacion .nav-links {
		flex-direction: column;
		gap: .6rem;
	}
}