/*
 * RQ Gestor de Soluciones — estilos del front.
 * Fuente: handoff de Claude Design "Gestor de Soluciones" (alta fidelidad), tokens de styles.css del sitio.
 * Todo vive dentro de .rq-g para no afectar el resto del sitio.
 */

.rq-g {
	--primary-500: #0f2557;
	--primary-700: #0f1a34;
	--navy-deep: #0a1c3d;
	--navy-mid: #102b75;
	--blue-mid: #1e5a8a;
	--teal-accent: #4cbfbf;
	--teal-dark: #3aa8a5;
	--teal-cta: #1f7a77;
	--bg-page: #f3f6fa;
	--text-body: #33415c;
	--text-muted: #4d5873;
	--border-soft: #e3e7ee;
	--font-display: "Sora", sans-serif;
	--font-body: "Montserrat", sans-serif;
	--focus-ring: 3px solid var(--teal-accent);
	--pad-x: 56px;

	font-family: var(--font-body);
	color: var(--text-body);
	font-size: 16px;
	line-height: 1.65;
	background: var(--bg-page);
}

.rq-g *,
.rq-g *::before,
.rq-g *::after {
	box-sizing: border-box;
}

.rq-g a {
	color: var(--blue-mid);
	text-decoration: none;
}

.rq-g a:hover {
	color: var(--teal-accent);
}

.rq-g :where(a, button, select, input, textarea, [tabindex]):focus-visible {
	outline: var(--focus-ring);
	outline-offset: 2px;
}

.rq-g img {
	max-width: 100%;
	height: auto;
}

.rq-g .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* Las páginas del gestor van de borde a borde dentro de la plantilla de Elementor. */
body.rq-pagina-gestor {
	background: #f3f6fa;
}

body.rq-pagina-gestor .elementor-location-archive .e-con,
body.rq-pagina-gestor .elementor-location-archive .elementor-widget-shortcode {
	--padding-top: 0;
	--padding-bottom: 0;
	--padding-left: 0;
	--padding-right: 0;
	--gap: 0;
}

.rq-wrap {
	max-width: 1360px;
	margin: 0 auto;
	padding-left: var(--pad-x);
	padding-right: var(--pad-x);
}

.rq-scroll-x {
	overflow-x: auto;
	scrollbar-width: none;
}

.rq-scroll-x::-webkit-scrollbar {
	display: none;
}

/* ---------- Tipografía ---------- */

.rq-h1 {
	font: 800 46px/1.08 var(--font-display);
	letter-spacing: -0.5px;
	color: #fff;
	margin: 6px 0 16px;
}

.rq-h2 {
	font: 700 32px/1.2 var(--font-display);
	color: var(--navy-mid);
	margin: 0 0 36px;
}

.rq-eyebrow {
	font: 800 14px/1.3 var(--font-body);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--teal-cta);
	margin: 0 0 10px;
}

.rq-eyebrow--hero {
	color: #bfeeea;
}

.rq-eyebrow--azul {
	color: var(--blue-mid);
	margin-bottom: 12px;
}

/* ---------- Botones ---------- */

.rq-g .rq-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 14px 26px;
	border: 1.5px solid transparent;
	border-radius: 999px;
	font: 700 16px/1.2 var(--font-body);
	text-align: center;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
	white-space: nowrap;
}

.rq-g .rq-btn--teal {
	background: var(--teal-accent);
	color: var(--navy-deep);
}

.rq-g .rq-btn--teal:hover {
	background: var(--teal-dark);
	color: var(--navy-deep);
}

.rq-g .rq-btn--teal:focus-visible {
	outline-color: var(--navy-mid);
}

.rq-g .rq-btn--solid {
	background: var(--primary-500);
	color: #fff;
}

.rq-g .rq-btn--solid:hover {
	background: var(--primary-700);
	color: #fff;
}

.rq-g .rq-btn--ghost {
	background: transparent;
	color: var(--teal-cta);
	border-color: var(--teal-cta);
	padding: 13px 22px;
}

.rq-g .rq-btn--ghost:hover {
	background: var(--teal-cta);
	color: #fff;
}

.rq-g .rq-btn--outline {
	background: transparent;
	color: var(--blue-mid);
	border-color: var(--blue-mid);
}

.rq-g .rq-btn--outline:hover {
	background: var(--blue-mid);
	color: #fff;
}

.rq-g .rq-btn--outline-white {
	background: transparent;
	color: #fff;
	border-color: #fff;
	padding: 14px 27px;
}

.rq-g .rq-btn--outline-white:hover {
	background: var(--blue-mid);
	border-color: var(--blue-mid);
	color: #fff;
}

.rq-g .rq-btn--sm {
	min-height: 42px;
	padding: 11px 22px;
	font-size: 14px;
}

.rq-g .rq-btn--bloque {
	width: 100%;
	padding: 15px;
}

.rq-g .rq-ico {
	flex: none;
}

/* ---------- Hero ---------- */

.rq-hero {
	position: relative;
	overflow: hidden;
	background: var(--navy-deep);
}

.rq-hero__img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
}

.rq-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(15, 37, 87, 0.92) 0%, rgba(30, 90, 138, 0.86) 55%, rgba(47, 196, 184, 0.55) 100%);
}

.rq-hero__contenido {
	position: relative;
	width: 100%;
}

.rq-hero--solucion {
	display: flex;
	align-items: center;
	min-height: 497px;
	padding: 170px 0 96px;
}

.rq-hero--compacto {
	padding: 150px 0 48px;
}

.rq-hero--compacto .rq-hero__img {
	object-position: center 32%;
}

.rq-hero__bajada {
	font-size: 18px;
	line-height: 1.6;
	color: #dbe7f5;
	max-width: 740px;
	margin: 0 0 32px;
}

.rq-hero__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.rq-hero__acciones .rq-btn--teal {
	padding: 15px 28px;
}

.rq-hero__acciones .rq-btn--teal:focus-visible {
	outline-color: #fff;
	outline-offset: 3px;
}

.rq-hero__titulo-fila {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

.rq-hero__titulo-fila .rq-h1 {
	margin: 0;
}

.rq-badge {
	display: inline-block;
	background: var(--teal-accent);
	color: var(--navy-deep);
	font: 800 13px/1.2 var(--font-body);
	letter-spacing: 0.3px;
	padding: 7px 14px;
	border-radius: 999px;
	white-space: nowrap;
}

/* Migas */
.rq-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
	font: 600 13px/1.4 var(--font-body);
	color: #dbe7f5;
}

.rq-breadcrumbs li {
	display: flex;
	gap: 8px;
	align-items: center;
}

.rq-g .rq-breadcrumbs a {
	color: #dbe7f5;
}

.rq-g .rq-breadcrumbs a:hover {
	color: #fff;
	text-decoration: underline;
}

.rq-breadcrumbs__sep {
	color: #bfeeea;
}

.rq-breadcrumbs [aria-current="page"] {
	color: #fff;
	font-weight: 700;
}

/* ---------- Buscador ---------- */

.rq-buscador-wrap {
	position: relative;
	z-index: 2;
	margin-top: -30px;
}

.rq-search {
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 680px;
	padding: 8px 8px 8px 22px;
	background: #fff;
	border: 1px solid var(--border-soft);
	border-radius: 999px;
	box-shadow: 0 16px 40px rgba(15, 37, 87, 0.12);
}

.rq-search .rq-ico {
	color: var(--text-muted);
}

.rq-g .rq-search input[type="search"] {
	flex: 1;
	min-width: 0;
	min-height: 42px;
	padding: 0;
	border: 0;
	background: transparent;
	font: 400 15px var(--font-body);
	color: var(--text-body);
	box-shadow: none;
}

.rq-g .rq-search input[type="search"]::placeholder {
	color: var(--text-muted);
	opacity: 1;
}

.rq-g .rq-search input[type="search"]:focus {
	outline: none;
}

.rq-search:focus-within {
	outline: var(--focus-ring);
	outline-offset: 2px;
}

.rq-resultados {
	max-width: 680px;
	margin-top: 16px;
	padding: 18px 22px;
	background: #fff;
	border: 1px solid var(--border-soft);
	border-radius: 20px;
	box-shadow: 0 10px 24px rgba(15, 37, 87, 0.06);
}

.rq-resultados__resumen {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 16px;
	margin: 0;
	font: 700 14px var(--font-body);
	color: var(--navy-mid);
}

.rq-g .rq-resultados__limpiar {
	font-weight: 700;
	color: var(--blue-mid);
}

.rq-resultados__lista {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.rq-resultados__lista li + li {
	border-top: 1px solid var(--border-soft);
}

.rq-g .rq-resultado {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 0;
	color: inherit;
}

.rq-resultado__nombre {
	font: 700 15px/1.35 var(--font-display);
	color: var(--navy-mid);
}

.rq-g .rq-resultado:hover .rq-resultado__nombre {
	color: var(--blue-mid);
}

.rq-resultado__coincide {
	font-size: 13px;
	color: var(--text-muted);
}

/* ---------- Secciones y grillas ---------- */

.rq-seccion {
	padding-top: 64px;
	padding-bottom: 80px;
}

.rq-franja {
	background: #fff;
	border-top: 1px solid var(--border-soft);
}

.rq-franja .rq-seccion {
	padding-top: 80px;
}

.rq-grilla {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 22px;
}

.rq-sin-foto {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-page);
	color: #c9d6ea;
}

/* Tarjeta de categoría */
.rq-cat-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--border-soft);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 26px rgba(16, 43, 117, 0.1);
	transition: transform 0.15s, box-shadow 0.15s;
}

.rq-cat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(16, 43, 117, 0.2);
}

.rq-cat-card__media {
	position: relative;
	display: block;
	height: 190px;
	overflow: hidden;
	background: var(--bg-page);
}

.rq-cat-card__media img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.rq-cat-card__media .rq-badge {
	position: absolute;
	top: 14px;
	left: 14px;
}

.rq-cat-card__cuerpo {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 12px;
	padding: 22px;
}

.rq-cat-card__nombre {
	margin: 0;
	font: 800 20px/1.25 var(--font-display);
}

.rq-g .rq-cat-card__nombre a {
	color: var(--navy-mid);
}

.rq-g .rq-cat-card__nombre a:hover {
	color: var(--blue-mid);
}

.rq-cat-card__label {
	margin: 0;
	font: 700 13px var(--font-body);
	color: var(--text-muted);
}

.rq-level-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.rq-g .rq-chip {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 14px;
	border: 1.5px solid var(--teal-cta);
	border-radius: 999px;
	font: 700 13px/1 var(--font-body);
	color: var(--teal-cta);
	white-space: nowrap;
	transition: background 0.2s, color 0.2s;
}

.rq-g .rq-chip:hover {
	background: var(--teal-cta);
	color: #fff;
}

.rq-g .rq-cat-card__ver {
	margin-top: auto;
	padding-top: 6px;
	font: 700 14px var(--font-body);
	color: var(--blue-mid);
}

.rq-g .rq-cat-card__ver:hover {
	color: var(--teal-accent);
}

/* Tarjeta de producto (sugerencias) */
.rq-g .rq-product-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--border-soft);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 24px rgba(15, 37, 87, 0.06);
	color: inherit;
	transition: transform 0.15s;
}

.rq-g .rq-product-card:hover {
	transform: translateY(-5px);
	color: inherit;
}

.rq-product-card__media {
	position: relative;
	display: block;
	height: 180px;
	background: var(--bg-page);
}

.rq-product-card__media img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.rq-product-card__cuerpo {
	display: block;
	padding: 20px;
}

.rq-product-card__tag {
	display: block;
	font: 800 11px var(--font-body);
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--teal-cta);
}

.rq-product-card__nombre {
	display: block;
	margin-top: 8px;
	font: 700 17px/1.35 var(--font-display);
	color: var(--navy-mid);
}

.rq-product-card__meta {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	color: var(--text-muted);
}

/* ---------- Barra pegajosa de categorías ---------- */

.rq-catbar {
	position: sticky;
	top: 90px;
	z-index: 50;
	background: #fff;
	border-bottom: 1px solid var(--border-soft);
	box-shadow: 0 10px 24px rgba(15, 37, 87, 0.06);
}

.rq-catbar__fila {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.rq-catbar__solucion {
	flex: none;
	display: flex;
	align-items: center;
	gap: 4px;
	min-height: 42px;
	padding: 0 10px 0 16px;
	border: 1.5px solid var(--blue-mid);
	border-radius: 999px;
	font: 700 13px var(--font-body);
	color: var(--blue-mid);
}

.rq-g .rq-catbar__solucion--link {
	padding-right: 16px;
	color: var(--blue-mid);
}

.rq-catbar__solucion--link b {
	font-size: 14px;
	color: var(--navy-mid);
}

.rq-g .rq-catbar__solucion select {
	max-width: 170px;
	padding: 8px 2px;
	border: 0;
	background: transparent;
	font: 700 14px var(--font-body);
	color: var(--navy-mid);
	cursor: pointer;
}

.rq-catbar__sep {
	flex: none;
	width: 1px;
	height: 26px;
	background: var(--border-soft);
}

.rq-catbar__cats {
	display: flex;
	flex: 1;
	gap: 4px;
	min-width: 0;
}

.rq-g .rq-catbar__cat {
	flex: none;
	padding: 11px 16px;
	border-radius: 999px;
	font: 700 14px/1.2 var(--font-body);
	color: var(--navy-mid);
	white-space: nowrap;
}

.rq-g .rq-catbar__cat:hover {
	background: var(--bg-page);
	color: var(--blue-mid);
}

.rq-g .rq-catbar__cat.is-actual {
	background: var(--navy-mid);
	color: #fff;
}

.rq-g .rq-catbar__buscar {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--bg-page);
	color: var(--primary-500);
}

.rq-g .rq-catbar__buscar:hover {
	background: var(--border-soft);
	color: var(--primary-500);
}

/* ---------- Pestañas por nivel ---------- */

.rq-categoria {
	padding-top: 36px;
	padding-bottom: 80px;
}

.rq-level-tabs {
	display: flex;
	gap: 6px;
	width: fit-content;
	max-width: 100%;
	padding: 6px;
	background: #fff;
	border: 1px solid var(--border-soft);
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(15, 37, 87, 0.06);
}

.rq-g .rq-tab {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 20px;
	border: 1.5px solid transparent;
	border-radius: 999px;
	background: transparent;
	font: 700 15px/1.15 var(--font-body);
	color: var(--navy-mid);
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.rq-g .rq-tab:hover {
	color: var(--blue-mid);
	background: var(--bg-page);
}

.rq-g .rq-tab[aria-selected="true"] {
	background: var(--navy-mid);
	color: #fff;
	box-shadow: 0 8px 18px rgba(16, 43, 117, 0.25);
}

.rq-g .rq-tab--no-disponible {
	padding: 6px 18px;
	border: 1.5px dashed #c9d6ea;
	color: var(--text-muted);
}

.rq-g .rq-tab--no-disponible[aria-selected="true"] {
	border-style: solid;
	border-color: var(--navy-mid);
}

.rq-tab__sub {
	display: block;
	margin-top: 1px;
	font: 600 10.5px/1.2 var(--font-body);
}

/* ---------- Panel del kit ---------- */

.rq-panel {
	margin-top: 24px;
	padding: 36px;
	background: #fff;
	border: 1px solid var(--border-soft);
	border-radius: 20px;
	box-shadow: 0 16px 40px rgba(15, 37, 87, 0.08);
	container-type: inline-size;
}

.rq-panel[hidden] {
	display: none;
}

.rq-panel:focus-visible {
	outline-offset: 4px;
}

.rq-panel__fila {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 40px;
}

.rq-panel__fotos {
	display: flex;
	flex: 1 1 300px;
	flex-direction: column;
	gap: 12px;
}

/* Mismo formato que las fotos de los kits (2528 × 1696): se ven enteras, sin recorte. */
.rq-foto {
	position: relative;
	aspect-ratio: 2528 / 1696;
	overflow: hidden;
	border-radius: 16px;
	background: var(--bg-page);
	box-shadow: 0 16px 36px rgba(16, 43, 117, 0.14);
}

.rq-foto img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.rq-foto__nivel {
	position: absolute;
	left: 14px;
	bottom: 14px;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	font: 700 13px/1.2 var(--font-body);
	color: var(--navy-mid);
	white-space: nowrap;
}

/* Toda la foto abre el visor; la lupa avisa que se puede ampliar. */
.rq-g .rq-foto__ampliar {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	width: 100%;
	padding: 14px;
	border: 0;
	border-radius: 0;
	background: transparent;
	cursor: zoom-in;
}

.rq-foto__lupa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.82);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 6px 16px rgba(16, 43, 117, 0.18);
	color: var(--navy-mid);
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.rq-g .rq-foto__ampliar:hover .rq-foto__lupa {
	transform: scale(1.08);
	background: #fff;
}

.rq-g .rq-foto__ampliar:focus-visible {
	outline: 3px solid var(--navy-mid);
	outline-offset: -3px;
}

.rq-foto__nivel {
	pointer-events: none;
}

/* Visor */
.rq-dialog.rq-visor {
	width: min(1600px, calc(100% - 48px));
	max-width: none;
	max-height: calc(100% - 48px);
	overflow: visible;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.rq-dialog.rq-visor::backdrop {
	background: rgba(10, 28, 61, 0.88);
}

.rq-visor__img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: calc(100vh - 48px);
	margin: 0 auto;
	border-radius: 14px;
	box-shadow: 0 28px 60px rgba(0, 0, 0, 0.45);
	background: var(--bg-page);
}

.rq-g .rq-visor__cerrar {
	position: fixed;
	top: 16px;
	right: 16px;
	z-index: 2;
	background: #fff;
}

.rq-g .rq-visor__nav {
	position: fixed;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--navy-mid);
	cursor: pointer;
	transform: translateY(-50%);
}

.rq-g .rq-visor__nav[hidden] {
	display: none;
}

.rq-visor__nav--ant {
	left: 16px;
}

.rq-visor__nav--sig {
	right: 16px;
}

.rq-visor__contador {
	position: fixed;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	font: 700 13px var(--font-body);
	color: #fff;
}

.rq-miniaturas {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.rq-g .rq-miniatura {
	position: relative;
	aspect-ratio: 1 / 1;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--border-soft);
	border-radius: 10px;
	background: var(--bg-page);
	cursor: pointer;
}

.rq-g .rq-miniatura.is-activa {
	border: 2px solid var(--navy-mid);
}

.rq-miniatura img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.rq-miniatura__mas {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(243, 246, 250, 0.88);
	font: 700 13px var(--font-body);
	color: var(--text-muted);
}

.rq-panel__info {
	display: flex;
	flex: 1.4 1 380px;
	flex-direction: column;
	gap: 22px;
	min-width: 0;
}

.rq-panel__titulo {
	margin: 0 0 8px;
	font: 800 28px/1.2 var(--font-display);
	color: var(--navy-mid);
}

.rq-panel__resumen {
	margin: 0;
	font: 700 14px var(--font-body);
	color: var(--teal-cta);
}

.rq-panel__descripcion,
.rq-panel__empaque {
	margin: 0;
	font-size: 16px;
	line-height: 1.65;
	color: var(--text-muted);
}

.rq-panel__descripcion p {
	margin: 0 0 0.75em;
}

.rq-consult-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.rq-kit-content {
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 2 260px;
	column-gap: 32px;
}

.rq-kit-content li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 10px 0;
	border-bottom: 1px solid var(--border-soft);
	font-size: 14px;
	line-height: 1.5;
	color: var(--text-body);
	break-inside: avoid;
}

.rq-kit-content__cant {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 26px;
	border-radius: 8px;
	background: var(--bg-page);
	font: 800 13px var(--font-display);
	color: var(--navy-mid);
}

.rq-kit-content__art {
	padding-top: 2px;
}

.rq-kit-content__det {
	display: block;
	font-size: 13px;
	color: var(--text-muted);
}

/* Estado vacío (nivel que el kit no tiene) */
.rq-vacio {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 56px 16px;
	text-align: center;
}

.rq-vacio p {
	max-width: 440px;
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--text-muted);
}

.rq-vacio__icono {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--bg-page);
	color: var(--blue-mid);
}

.rq-vacio__titulo {
	margin: 0;
	font: 800 22px/1.3 var(--font-display);
	color: var(--navy-mid);
}

.rq-vacio .rq-btn {
	padding: 15px 28px;
	white-space: normal;
}

/* ---------- Modales ---------- */

.rq-dialog {
	width: 600px;
	max-width: calc(100% - 24px);
	max-height: calc(100% - 24px);
	padding: 0;
	border: 1px solid var(--border-soft);
	border-radius: 20px;
	background: #fff;
	color: var(--text-body);
	box-shadow: 0 28px 60px rgba(10, 28, 61, 0.45);
	font-family: var(--font-body);
}

.rq-dialog::backdrop {
	background: rgba(10, 28, 61, 0.5);
}

.rq-dialog__contenido {
	padding: 32px;
}

.rq-dialog__cabecera {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 18px;
}

.rq-dialog__cabecera .rq-eyebrow {
	font-size: 13px;
	margin-bottom: 6px;
}

.rq-dialog__titulo {
	margin: 0;
	font: 800 24px/1.25 var(--font-display);
	color: var(--navy-mid);
}

.rq-dialog__titulo--sm {
	font-size: 20px;
}

.rq-g .rq-cerrar {
	flex: none;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 11px;
	background: var(--bg-page);
	font: 700 18px/1 var(--font-body);
	color: var(--primary-500);
	cursor: pointer;
}

.rq-g .rq-cerrar:hover {
	background: var(--border-soft);
}

.rq-dialog__producto {
	display: flex;
	gap: 14px;
	align-items: center;
	margin-bottom: 20px;
	padding: 12px;
	background: var(--bg-page);
	border: 1px solid var(--border-soft);
	border-radius: 14px;
}

.rq-dialog__miniatura {
	position: relative;
	flex: none;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 10px;
	background: var(--border-soft);
}

.rq-dialog__miniatura img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rq-dialog__producto-texto {
	min-width: 0;
}

.rq-dialog__producto-texto b {
	display: block;
	font: 700 15px/1.35 var(--font-display);
	color: var(--navy-mid);
}

.rq-dialog__producto-texto span {
	font-size: 13px;
	color: var(--text-muted);
}

.rq-g .rq-dialog__wa {
	display: inline-block;
	margin-top: 4px;
	font: 700 14px var(--font-body);
	color: var(--teal-cta);
}

.rq-g .rq-dialog__wa:hover {
	color: var(--blue-mid);
}

/* Formulario de Elementor dentro del modal */
.rq-dialog .elementor-form-fields-wrapper {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px !important;
	margin: 0 !important;
}

.rq-dialog .elementor-field-group {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	width: auto !important;
	min-width: 0;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rq-dialog .elementor-field-group > .elementor-field,
.rq-dialog .elementor-field-group > .elementor-field-textual,
.rq-dialog .elementor-field-group .elementor-select-wrapper {
	flex: none !important;
	width: 100% !important;
	max-width: 100% !important;
}

.rq-dialog .elementor-field-type-submit {
	align-items: flex-start !important;
}

.rq-dialog .elementor-field-type-textarea,
.rq-dialog .elementor-field-type-submit {
	grid-column: 1 / -1;
}

.rq-dialog .elementor-field-type-hidden,
.rq-dialog .elementor-field-type-honeypot {
	display: none !important;
}

.rq-dialog .elementor-field-group > label,
.rq-dialog .elementor-field-label {
	margin: 0 0 6px !important;
	padding: 0 !important;
	font: 700 13px/1.3 var(--font-body) !important;
	color: var(--navy-mid) !important;
}

.rq-dialog .elementor-field-textual,
.rq-dialog .elementor-field {
	min-height: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--border-soft) !important;
	border-radius: 10px !important;
	background: #fff !important;
	font: 400 15px/1.4 var(--font-body) !important;
	color: var(--text-body) !important;
	box-shadow: none !important;
}

.rq-dialog textarea.elementor-field {
	min-height: 110px !important;
	resize: vertical;
}

.rq-dialog .elementor-field:focus {
	outline: var(--focus-ring) !important;
	outline-offset: 0 !important;
	border-color: var(--blue-mid) !important;
}

.rq-dialog .elementor-field-type-submit {
	margin-top: 6px !important;
}

.rq-dialog .elementor-button[type="submit"] {
	display: inline-flex !important;
	width: auto !important;
	min-height: 48px;
	padding: 15px 28px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--primary-500) !important;
	font: 700 16px/1.2 var(--font-body) !important;
	color: #fff !important;
	cursor: pointer;
}

.rq-dialog .elementor-button[type="submit"]:hover {
	background: var(--primary-700) !important;
}

.rq-dialog .elementor-button[type="submit"]:focus-visible {
	outline: var(--focus-ring) !important;
	outline-offset: 2px !important;
}

.rq-dialog[data-rq-estado="enviando"] .elementor-button[type="submit"] {
	opacity: 0.7;
	pointer-events: none;
}

.rq-dialog .elementor-message-success {
	display: none !important;
}

/* Error: sin rojo (token nuevo del diseño) */
.rq-dialog .elementor-message-danger,
.rq-dialog .elementor-error .elementor-message {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin-top: 16px;
	padding: 14px 16px;
	border: 1.5px solid var(--navy-mid);
	border-radius: 12px;
	background: var(--bg-page);
	font: 400 14px/1.5 var(--font-body);
	color: var(--navy-mid) !important;
}

.rq-dialog .elementor-message-danger::before {
	content: none !important;
}

.rq-dialog .elementor-field-group .elementor-message,
.rq-dialog .elementor-form .elementor-help-inline {
	color: var(--navy-mid) !important;
	font-size: 13px;
}

.rq-dialog .elementor-field.elementor-error,
.rq-dialog .elementor-field-group.elementor-error .elementor-field {
	border: 1.5px solid var(--navy-mid) !important;
	background: var(--bg-page) !important;
}

/* Éxito */
.rq-exito {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 28px 8px 12px;
	text-align: center;
}

.rq-exito[hidden] {
	display: none;
}

.rq-exito__icono {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--teal-cta);
	color: #fff;
	box-shadow: 0 0 0 8px rgba(31, 122, 119, 0.14);
}

.rq-exito__icono .rq-ico {
	stroke-width: 2.4;
}

.rq-exito__titulo {
	font: 800 22px/1.3 var(--font-display);
	color: var(--navy-mid);
}

.rq-exito__texto {
	max-width: 380px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--text-muted);
}

.rq-dialog[data-rq-estado="exito"] .rq-dialog__formulario {
	display: none;
}

/* Compartir */
.rq-dialog--share {
	width: 420px;
}

.rq-dialog--share .rq-dialog__contenido {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 28px;
}

.rq-dialog--share .rq-dialog__cabecera {
	align-items: center;
	margin: 0;
}

.rq-g .rq-dialog--share .rq-cerrar {
	width: 38px;
	height: 38px;
}

.rq-share__url {
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--border-soft);
	border-radius: 10px;
	background: var(--bg-page);
	font-size: 13px;
	line-height: 1.5;
	color: var(--text-body);
	word-break: break-all;
}

.rq-share__acciones {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.rq-share__handle,
.rq-share__iconos {
	display: none;
}

.rq-share__iconos {
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.rq-g .rq-share__iconos a,
.rq-g .rq-share__iconos button {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 0;
	border: 0;
	background: none;
	font: 700 12px var(--font-body);
	color: var(--navy-mid);
	cursor: pointer;
}

.rq-share__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: var(--bg-page);
	color: var(--primary-500);
}

.rq-share__ico--wa {
	background: var(--teal-accent);
	color: var(--navy-deep);
}

/* ---------- Shortcodes sueltos ([rq_buscador], [rq_filtros]) ---------- */

.rq-busqueda__form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

.rq-busqueda__label {
	flex-basis: 100%;
	font: 700 13px var(--font-body, sans-serif);
	color: #102b75;
}

.rq-busqueda__form input[type="search"] {
	flex: 1 1 14rem;
	min-height: 44px;
	padding: 0.5em 0.9em;
	border: 1px solid #e3e7ee;
	border-radius: 999px;
	font: inherit;
}

.rq-busqueda__resultados {
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.rq-busqueda__item {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.75rem 0;
	border-bottom: 1px solid #e3e7ee;
}

.rq-busqueda__enlace {
	font-weight: 700;
}

.rq-busqueda__ruta,
.rq-busqueda__coincide {
	font-size: 0.875em;
}

.rq-filtros {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	align-items: flex-start;
}

.rq-filtros__titulo {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 700;
	color: #102b75;
}

.rq-filtros__lista {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rq-filtro {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 14px;
	border: 1.5px solid #1f7a77;
	border-radius: 999px;
	color: #1f7a77;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none;
}

.rq-filtro.is-activo {
	background: #1f7a77;
	color: #fff;
}

.rq-filtros__limpiar {
	align-self: flex-end;
	min-height: 36px;
	display: inline-flex;
	align-items: center;
}

/* ---------- Responsive ---------- */

@media (max-width: 760px) {
	.rq-solo-desk {
		display: none !important;
	}

	.rq-search .rq-btn {
		display: none;
	}

	/* Compartir como hoja inferior */
	.rq-dialog--share {
		width: 100%;
		max-width: 100%;
		margin: auto 0 0;
		border-radius: 20px 20px 0 0;
		border-bottom: 0;
		box-shadow: 0 -12px 40px rgba(10, 28, 61, 0.3);
	}

	.rq-dialog--share .rq-dialog__contenido {
		gap: 16px;
		padding: 14px 24px 32px;
	}

	.rq-dialog--share .rq-cerrar,
	.rq-share__acciones {
		display: none !important;
	}

	.rq-share__handle {
		display: block;
		align-self: center;
		width: 40px;
		height: 4px;
		border-radius: 2px;
		background: var(--border-soft);
	}

	.rq-share__iconos {
		display: grid;
	}

	.rq-dialog__contenido {
		padding: 24px 20px;
	}

	.rq-dialog.rq-visor {
		width: calc(100% - 24px);
	}

	.rq-visor__img {
		border-radius: 10px;
	}

	.rq-g .rq-visor__nav {
		top: auto;
		bottom: 10px;
		transform: none;
	}
}

@media (max-width: 640px) {
	.rq-g {
		--pad-x: 24px;
	}

	.rq-h1 {
		font-size: 32px;
	}

	.rq-h2 {
		font-size: 26px;
		margin-bottom: 28px;
	}

	.rq-hero--solucion {
		min-height: 0;
		padding: 140px 0 72px;
	}

	.rq-hero--compacto {
		padding: 130px 0 40px;
	}

	.rq-catbar {
		top: 84px;
	}

	.rq-panel {
		padding: 20px;
	}

	.rq-panel__fila {
		gap: 24px;
	}

	.rq-panel__titulo {
		font-size: 24px;
	}

	.rq-panel__info {
		flex-basis: 100%;
	}

	.rq-consult-actions .rq-btn {
		flex: 1 1 100%;
		white-space: normal;
	}
}

@container (max-width: 560px) {
	.rq-kit-content {
		columns: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rq-g *,
	.rq-dialog {
		transition: none !important;
	}
}