/*
 * Base de MJÑOZ BEAUTY · flamecarehub (fch-child) · E6 · 15/10/2026
 * COPIA de la base del sistema de diseño de referencia (mismo aspecto): tipografía, botones, campos, sellos,
 * migas, avisos, estados vacíos, acordeón, tablas y pasos. Depende de tokens.css. Sin @layer.
 * Generado con web/herramientas/copiar_base_css.py (prefijo nm → fch, sin las piezas de la otra tienda).
 * Puntos de corte: 30em = 480 · 48em = 768 · 64em = 1024 · 75em = 1200.
 */

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

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-padding-top: calc(var(--fch-alto-cabecera-movil) + var(--fch-esp-4));
}

body {
	margin: 0;
	background-color: var(--fch-color-fondo);
	color: var(--fch-color-texto);
	font-family: var(--fch-fuente-texto);
	font-size: var(--fch-texto-base);
	font-weight: var(--fch-peso-normal);
	line-height: var(--fch-interlineado-texto);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

[hidden] {
	display: none;
}

img,
svg,
video {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
.fch-titulo {
	margin: 0;
	color: var(--fch-color-texto);
	font-family: var(--fch-fuente-titulos);
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-titulo);
	letter-spacing: var(--fch-tracking-titulo);
	text-wrap: balance;
}

h1,
.fch-titulo--1 {
	font-size: var(--fch-texto-3xl);
	line-height: var(--fch-interlineado-ajustado);
}

h2,
.fch-titulo--2 {
	font-size: var(--fch-texto-2xl);
}

h3,
.fch-titulo--3 {
	font-size: var(--fch-texto-lg);
	line-height: var(--fch-interlineado-compacto);
}

h4,
.fch-titulo--4 {
	font-family: var(--fch-fuente-texto);
	font-size: var(--fch-texto-base);
	font-weight: var(--fch-peso-semi);
	letter-spacing: 0;
}

.fch-titulo em,
h1 em,
h2 em {
	color: var(--fch-color-acento);
	font-style: italic;
	font-weight: var(--fch-peso-normal);
	white-space: nowrap;
}

p {
	margin: 0 0 var(--fch-esp-4);
}

.fch-contenedor--lectura > :where(h2,
h3) + :is(p,
ul,
ol,
form) {
	margin-top: var(--fch-esp-4);
}

p:last-child {
	margin-bottom: 0;
}

strong,
b {
	font-weight: var(--fch-peso-semi);
}

small {
	font-size: var(--fch-texto-xs);
}

.fch-antetitulo {
	display: block;
	margin: 0 0 var(--fch-esp-3);
	color: var(--fch-color-acento);
	font-family: var(--fch-fuente-texto);
	font-size: var(--fch-texto-xs);
	font-weight: var(--fch-peso-medio);
	letter-spacing: var(--fch-tracking-versal);
	line-height: var(--fch-interlineado-compacto);
	text-transform: uppercase;
}

.fch-antetitulo > a:only-child {
	display: inline-block;
	padding-block: var(--fch-esp-3);
	margin-block: calc(var(--fch-esp-3) * -1);
}

.fch-entradilla {
	max-width: var(--fch-medida-texto);
	color: var(--fch-color-texto-suave);
	font-size: var(--fch-texto-lg);
	line-height: var(--fch-interlineado-compacto);
}

.fch-texto-suave {
	color: var(--fch-color-texto-suave);
}

.fch-texto-pequeno {
	font-size: var(--fch-texto-sm);
}

.fch-texto-centro {
	text-align: center;
}

a {
	color: var(--fch-color-enlace);
	text-decoration-color: var(--fch-color-subrayado);
	text-decoration-thickness: var(--fch-borde-fino);
	text-underline-offset: var(--fch-subrayado-separacion);
	transition: color var(--fch-dur-rapida) var(--fch-curva-salida), text-decoration-thickness var(--fch-dur-rapida) var(--fch-curva-salida);
}

a:hover {
	color: var(--fch-color-enlace-hover);
	text-decoration-thickness: var(--fch-borde-medio);
}

:where(p,
li,
dd,
td,
th,
figcaption,
blockquote,
label) a:not([class]) {
	text-decoration-line: underline;
}

:focus-visible {
	outline: var(--fch-foco-ancho) solid var(--fch-color-foco);
	outline-offset: var(--fch-foco-separacion);
}

:focus:not(:focus-visible) {
	outline: none;
}

::selection {
	background-color: var(--fch-color-acento-fondo);
	color: var(--fch-color-texto);
}

.fch-sr {
	position: absolute;
	width: var(--fch-esp-px);
	height: var(--fch-esp-px);
	margin: calc(var(--fch-esp-px) * -1);
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

.fch-salto {
	position: absolute;
	top: var(--fch-esp-2);
	left: var(--fch-esp-2);
	z-index: var(--fch-z-salto);
	padding: var(--fch-esp-3) var(--fch-esp-4);
	border-radius: var(--fch-radio-sm);
	background-color: var(--fch-color-accion);
	color: var(--fch-color-sobre-accion);
	font-weight: var(--fch-peso-medio);
	transform: translateY(calc(-100% - var(--fch-esp-4)));
}

.fch-salto:focus-visible {
	color: var(--fch-color-sobre-accion);
	transform: none;
	transition: transform var(--fch-dur-media) var(--fch-curva-salida);
}

.fch-icono {
	display: inline-block;
	flex: none;
	width: var(--fch-icono);
	height: var(--fch-icono);
	fill: none;
	stroke: currentcolor;
	stroke-width: var(--fch-icono-trazo);
	stroke-linecap: round;
	stroke-linejoin: round;
	vertical-align: middle;
}

.fch-icono--sm {
	width: var(--fch-icono-sm);
	height: var(--fch-icono-sm);
}

.fch-icono--lg {
	width: var(--fch-icono-lg);
	height: var(--fch-icono-lg);
}

.fch-icono--relleno {
	fill: currentcolor;
	stroke: none;
}

.fch-zona-oscura {
	background-color: var(--fch-color-fondo);
	color: var(--fch-color-texto);
}

.fch-contenedor {
	width: 100%;
	max-width: var(--fch-ancho-max);
	margin-inline: auto;
	padding-inline: var(--fch-esp-pagina);
}

.fch-contenedor--lectura {
	max-width: calc(var(--fch-ancho-lectura) + var(--fch-esp-pagina) * 2);
}

.fch-seccion {
	padding-block: var(--fch-esp-seccion);
}

.fch-seccion--alt {
	background-color: var(--fch-color-superficie-alt);
}

.fch-seccion--pegada {
	padding-top: 0;
}

.fch-seccion__cabecera {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
	gap: var(--fch-esp-3) var(--fch-esp-6);
	margin-bottom: var(--fch-esp-bloque);
}

.fch-seccion__cabecera > :first-child {
	max-width: var(--fch-medida-texto);
}

.fch-seccion__cabecera p {
	margin-top: var(--fch-esp-2);
	color: var(--fch-color-texto-suave);
}

.fch-filete {
	display: flex;
	align-items: center;
	gap: var(--fch-esp-3);
	color: var(--fch-color-acento-decor);
}

.fch-filete::before,
.fch-filete::after {
	content: "";
	flex: 1;
	height: var(--fch-borde-fino);
	background-color: currentcolor;
}

.fch-articulo__cabecera {
	display: grid;
	gap: var(--fch-esp-4);
	padding-block: var(--fch-esp-4) var(--fch-esp-8);
}

.fch-articulo__cabecera h1 {
	max-width: var(--fch-medida-titular-ancha);
	font-size: var(--fch-texto-4xl);
	font-weight: var(--fch-peso-normal);
}

.fch-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--fch-esp-2);
	min-width: var(--fch-tactil-min);
	min-height: var(--fch-btn-alto);
	margin: 0;
	padding: var(--fch-esp-2) var(--fch-btn-relleno-x);
	border: var(--fch-borde-fino) solid var(--fch-color-accion);
	border-radius: var(--fch-btn-radio);
	background-color: var(--fch-color-accion);
	color: var(--fch-color-sobre-accion);
	font-family: var(--fch-btn-fuente);
	font-size: var(--fch-btn-texto);
	font-weight: var(--fch-btn-peso);
	letter-spacing: var(--fch-tracking-boton);
	line-height: var(--fch-interlineado-compacto);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition:
		background-color var(--fch-dur-rapida) var(--fch-curva-salida),
		border-color var(--fch-dur-rapida) var(--fch-curva-salida),
		color var(--fch-dur-rapida) var(--fch-curva-salida),
		transform var(--fch-dur-rapida) var(--fch-curva-salida);
	-webkit-tap-highlight-color: transparent;
}

.fch-btn[hidden] {
	display: none;
}

.fch-btn:hover {
	border-color: var(--fch-color-accion-hover);
	background-color: var(--fch-color-accion-hover);
	color: var(--fch-color-sobre-accion);
	text-decoration: none;
}

.fch-btn:active {
	border-color: var(--fch-color-accion-activa);
	background-color: var(--fch-color-accion-activa);
	transform: translateY(var(--fch-esp-px));
}

.fch-btn:focus-visible {
	outline-offset: var(--fch-borde-grueso);
}

.fch-btn--secundario {
	border-color: var(--fch-color-accion);
	background-color: transparent;
	color: var(--fch-color-accion);
}

.fch-btn--secundario:hover {
	border-color: var(--fch-color-accion);
	background-color: var(--fch-color-superficie-alt);
	color: var(--fch-color-accion);
}

.fch-btn--secundario:active {
	background-color: var(--fch-color-superficie-hundida);
	color: var(--fch-color-accion);
}

.fch-btn--fantasma {
	min-height: var(--fch-btn-alto-sm);
	padding-inline: 0;
	border-color: transparent;
	background-color: transparent;
	color: var(--fch-color-enlace);
	text-decoration: underline;
	text-decoration-color: var(--fch-color-subrayado);
	text-underline-offset: var(--fch-subrayado-separacion);
}

.fch-btn--fantasma:hover,
.fch-btn--fantasma:active {
	border-color: transparent;
	background-color: transparent;
	color: var(--fch-color-enlace-hover);
	text-decoration-thickness: var(--fch-borde-medio);
}

.fch-btn--sm {
	min-height: var(--fch-btn-alto-sm);
	padding-inline: var(--fch-esp-4);
	font-size: var(--fch-texto-sm);
}

.fch-btn--lg {
	min-height: var(--fch-btn-alto-lg);
	padding-inline: var(--fch-esp-8);
	font-size: var(--fch-texto-lg);
}

.fch-btn--bloque {
	width: 100%;
}

.fch-btn--fantasma.fch-btn--sm {
	padding-inline: 0;
}

.fch-btn--icono {
	min-width: var(--fch-btn-alto);
	padding: 0;
}

.fch-btn--icono.fch-btn--sm {
	min-width: var(--fch-btn-alto-sm);
}

.fch-btn:disabled,
.fch-btn[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: var(--fch-opacidad-desactivado);
	transform: none;
}

.fch-btn[aria-busy="true"] {
	cursor: progress;
	color: transparent;
}

.fch-btn[aria-busy="true"]::after {
	content: "";
	position: absolute;
	inset: 0;
	width: var(--fch-icono-sm);
	height: var(--fch-icono-sm);
	margin: auto;
	border: var(--fch-borde-medio) solid var(--fch-color-sobre-accion);
	border-right-color: transparent;
	border-radius: var(--fch-radio-pildora);
	animation: fch-giro calc(var(--fch-dur-lenta) * 2) linear infinite;
}

.fch-btn--secundario[aria-busy="true"]::after {
	border-color: var(--fch-color-accion);
	border-right-color: transparent;
}

@keyframes fch-giro {
	to {
		transform: rotate(1turn);
	}
}

.fch-formulario {
	display: grid;
	gap: var(--fch-esp-5);
}

.fch-fila {
	display: grid;
	gap: var(--fch-esp-5) var(--fch-esp-4);
}

@media (min-width: 30em) {
.fch-fila--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

.fch-fila--cp {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}
}

.fch-campo {
	display: grid;
	align-content: start;
	gap: var(--fch-esp-2);
	min-width: 0;
}

.fch-etiqueta {
	display: block;
	color: var(--fch-color-texto);
	font-size: var(--fch-texto-sm);
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-compacto);
}

.fch-etiqueta .fch-opcional {
	color: var(--fch-color-texto-suave);
	font-weight: var(--fch-peso-normal);
}

.fch-control {
	display: block;
	width: 100%;
	min-height: var(--fch-campo-alto);
	margin: 0;
	padding: var(--fch-esp-2) var(--fch-campo-relleno-x);
	border: var(--fch-borde-fino) solid var(--fch-campo-borde);
	border-radius: var(--fch-campo-radio);
	background-color: var(--fch-campo-fondo);
	color: var(--fch-color-texto);
	font-family: var(--fch-fuente-texto);
	font-size: var(--fch-texto-base); 
	line-height: var(--fch-interlineado-compacto);
	transition: border-color var(--fch-dur-rapida) var(--fch-curva-salida), box-shadow var(--fch-dur-rapida) var(--fch-curva-salida);
	appearance: none;
}

textarea.fch-control {
	min-height: calc(var(--fch-campo-alto) * 2.5);
	padding-block: var(--fch-esp-3);
	resize: vertical;
}

.fch-control::placeholder {
	color: var(--fch-color-texto-suave);
	opacity: 1;
}

.fch-control:hover {
	border-color: var(--fch-color-texto);
}

.fch-control:focus-visible {
	border-color: var(--fch-color-foco);
	outline-offset: 0;
}

.fch-control[aria-invalid="true"] {
	border-color: var(--fch-color-error);
	box-shadow: inset 0 0 0 var(--fch-borde-fino) var(--fch-color-error);
}

.fch-control:disabled {
	background-color: var(--fch-color-superficie-alt);
	cursor: not-allowed;
	opacity: var(--fch-opacidad-desactivado);
}

.fch-control[readonly] {
	border-style: dashed;
	background-color: var(--fch-color-superficie-alt);
}

.fch-select {
	position: relative;
}

.fch-select .fch-control {
	padding-right: calc(var(--fch-campo-relleno-x) + var(--fch-icono));
	cursor: pointer;
}

.fch-select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: var(--fch-campo-relleno-x);
	width: var(--fch-esp-2);
	height: var(--fch-esp-2);
	border-right: var(--fch-borde-medio) solid var(--fch-color-texto);
	border-bottom: var(--fch-borde-medio) solid var(--fch-color-texto);
	pointer-events: none;
	transform: translateY(-75%) rotate(45deg);
}

/* 1.10.13 · Todo desplegable con su flecha, también los que no van envueltos en .fch-select (profesionales, estuche):
 * con appearance:none parecían cajas de texto. */
select.fch-control {
	padding-right: calc(var(--fch-campo-relleno-x) + var(--fch-icono));
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 4.2 6 8l3.8-3.8' fill='none' stroke='%231d1a17' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right var(--fch-campo-relleno-x) center;
	background-size: 0.875rem;
	cursor: pointer;
}

.fch-select select.fch-control {
	background-image: none; /* ahí ya pinta la flecha .fch-select::after */
}

.fch-ayuda {
	margin: 0;
	color: var(--fch-color-texto-suave);
	font-size: var(--fch-texto-sm);
	line-height: var(--fch-interlineado-compacto);
}

.fch-ayuda > a:only-child {
	display: inline-flex;
	align-items: center;
	min-height: var(--fch-tactil-min);
}

.fch-campo__error {
	display: flex;
	align-items: flex-start;
	gap: var(--fch-esp-2);
	margin: 0;
	color: var(--fch-color-error);
	font-size: var(--fch-texto-sm);
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-compacto);
}

.fch-campo__error .fch-icono {
	width: var(--fch-icono-sm);
	height: var(--fch-icono-sm);
	margin-top: var(--fch-esp-0-5);
}

.fch-grupo {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.fch-grupo > legend {
	margin-bottom: var(--fch-esp-3);
	padding: 0;
	font-size: var(--fch-texto-sm);
	font-weight: var(--fch-peso-medio);
}

.fch-check {
	display: flex;
	align-items: flex-start;
	gap: var(--fch-esp-3);
	min-height: var(--fch-tactil-min);
	padding-block: var(--fch-esp-2);
	cursor: pointer;
	line-height: var(--fch-interlineado-compacto);
}

.fch-check input {
	flex: none;
	width: var(--fch-check-lado);
	height: var(--fch-check-lado);
	margin: 0;
	accent-color: var(--fch-color-accion);
	cursor: pointer;
}

.fch-check input:focus-visible {
	outline-offset: var(--fch-borde-medio);
}

.fch-opciones {
	display: grid;
	gap: var(--fch-esp-2);
}

.fch-opcion {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--fch-esp-1) var(--fch-esp-3);
	min-height: var(--fch-control-alto-lg);
	padding: var(--fch-esp-3) var(--fch-esp-4);
	border: var(--fch-borde-fino) solid var(--fch-color-borde-fuerte);
	border-radius: var(--fch-radio-sm);
	background-color: var(--fch-color-superficie);
	cursor: pointer;
	transition: border-color var(--fch-dur-rapida) var(--fch-curva-salida), box-shadow var(--fch-dur-rapida) var(--fch-curva-salida);
}

.fch-opcion input {
	width: var(--fch-check-lado);
	height: var(--fch-check-lado);
	margin: 0;
	accent-color: var(--fch-color-accion);
}

.fch-opcion:hover {
	border-color: var(--fch-color-borde-control);
}

.fch-opcion:has(input:checked) {
	border-color: var(--fch-color-accion);
	box-shadow: inset 0 0 0 var(--fch-borde-fino) var(--fch-color-accion);
}

.fch-opcion:has(input:focus-visible) {
	outline: var(--fch-foco-ancho) solid var(--fch-color-foco);
	outline-offset: var(--fch-foco-separacion);
}

.fch-opcion:has(input:focus-visible) input {
	outline: none;
}

.fch-opcion:has(input:disabled) {
	background-color: var(--fch-color-superficie-alt);
	cursor: not-allowed;
}

.fch-opcion__titulo {
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-compacto);
}

.fch-opcion__detalle {
	grid-column: 2 / -1;
	color: var(--fch-color-texto-suave);
	font-size: var(--fch-texto-sm);
	line-height: var(--fch-interlineado-compacto);
}

.fch-en-linea {
	display: grid;
	gap: var(--fch-esp-2);
}

@media (min-width: 30em) {
.fch-en-linea {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
	}
}

.fch-trampa {
	position: absolute;
	width: var(--fch-esp-px);
	height: var(--fch-esp-px);
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.fch-precio {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 var(--fch-esp-2);
	color: var(--fch-color-texto);
	font-family: var(--fch-fuente-texto);
	font-size: var(--fch-texto-base);
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-compacto);
	font-variant-numeric: tabular-nums;
}

.fch-precio__iva {
	color: var(--fch-color-texto-suave);
	font-size: var(--fch-texto-xs);
	font-weight: var(--fch-peso-normal);
}

.fch-precio__antes {
	color: var(--fch-color-texto-suave);
	font-weight: var(--fch-peso-normal);
	text-decoration: line-through;
}

.fch-precio--grande {
	font-size: var(--fch-texto-xl);
}

.fch-sello {
	display: inline-flex;
	align-items: center;
	gap: var(--fch-esp-1);
	min-height: var(--fch-sello-alto);
	padding: 0 var(--fch-esp-2);
	border-radius: var(--fch-sello-radio);
	background-color: var(--fch-color-acento-fondo);
	color: var(--fch-color-acento);
	font-family: var(--fch-fuente-texto);
	font-size: var(--fch-sello-texto);
	font-weight: var(--fch-peso-medio);
	letter-spacing: var(--fch-tracking-boton);
	line-height: 1;
	white-space: nowrap;
}

.fch-sello--destacado {
	background-color: var(--fch-color-accion);
	color: var(--fch-color-sobre-accion);
}

.fch-sello--agotado {
	background-color: var(--fch-color-superficie-hundida);
	color: var(--fch-color-texto);
}

.fch-sello--exito {
	background-color: var(--fch-color-exito-fondo);
	color: var(--fch-color-exito);
}

.fch-sello--info {
	background-color: var(--fch-color-info-fondo);
	color: var(--fch-color-info);
}

.fch-pendiente {
	display: inline-flex;
	align-items: center;
	gap: var(--fch-esp-1);
	padding: 0 var(--fch-esp-2);
	border: var(--fch-borde-fino) dashed currentcolor;
	border-radius: var(--fch-sello-radio);
	
	background-color: var(--fch-pendiente-fondo);
	color: var(--fch-pendiente-texto);
	font-size: var(--fch-texto-xs);
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-compacto);
	vertical-align: middle;
}

.fch-dato {
	display: inline-flex;
	align-items: center;
	gap: var(--fch-esp-2);
	min-height: var(--fch-tactil-min);
	margin: 0;
}

.fch-dato .fch-pendiente {
	min-width: 0;
	overflow-wrap: anywhere;
}

.fch-pendiente--marca {
	padding-inline: var(--fch-esp-1);
	font-weight: var(--fch-peso-semi);
	letter-spacing: 0;
	text-transform: none;
}

.fch-btn:has(.fch-pendiente--marca) {
	position: relative;
	margin-block-start: var(--fch-esp-3);
}

.fch-btn .fch-pendiente--marca {
	position: absolute;
	top: 0;
	right: var(--fch-esp-3);
	translate: 0 -50%;
}

.fch-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--fch-esp-2);
	min-height: var(--fch-tactil-min);
	padding: 0 var(--fch-esp-4);
	border: var(--fch-borde-fino) solid var(--fch-color-borde-fuerte);
	border-radius: var(--fch-radio-pildora);
	background-color: var(--fch-color-superficie);
	color: var(--fch-color-texto);
	font-family: var(--fch-fuente-texto);
	font-size: var(--fch-texto-sm);
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: border-color var(--fch-dur-rapida) var(--fch-curva-salida), background-color var(--fch-dur-rapida) var(--fch-curva-salida);
}

.fch-chip:hover {
	border-color: var(--fch-color-accion);
	color: var(--fch-color-texto);
}

.fch-chip[aria-current="page"],
.fch-chip[aria-pressed="true"],
.fch-chip--activo {
	border-color: var(--fch-color-accion);
	background-color: var(--fch-color-accion);
	color: var(--fch-color-sobre-accion);
}

.fch-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fch-esp-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.fch-chips--desliza {
	flex-wrap: nowrap;
	scroll-padding-inline: var(--fch-esp-pagina);
	margin-inline: calc(var(--fch-esp-pagina) * -1);
	padding-inline: var(--fch-esp-pagina);
	padding-block: var(--fch-esp-1);
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.fch-chips--desliza > * {
	scroll-snap-align: start;
}

.fch-muestra {
	display: inline-block;
	flex: none;
	width: var(--fch-muestra);
	height: var(--fch-muestra);
	border: var(--fch-borde-fino) solid var(--fch-color-borde-control);
	border-radius: var(--fch-radio-pildora);
	background-color: var(--fch-muestra-color, var(--fch-color-superficie));
}

.fch-muestra--sm {
	width: var(--fch-icono-sm);
	height: var(--fch-icono-sm);
}

.fch-migas {
	margin: 0;
	padding-block: var(--fch-esp-3);
	font-size: var(--fch-texto-sm);
}

.fch-migas ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--fch-esp-1) var(--fch-esp-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.fch-migas li {
	display: none;
	align-items: center;
	gap: var(--fch-esp-2);
}

.fch-migas li.fch-migas__padre {
	display: inline-flex;
}

.fch-migas li.fch-migas__padre::before {
	content: "‹";
	color: var(--fch-color-texto-suave);
}

.fch-migas a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--fch-tactil-min);
	min-height: var(--fch-tactil-min);
	color: var(--fch-color-texto-suave);
}

.fch-migas a:hover {
	color: var(--fch-color-enlace-hover);
}

.fch-migas [aria-current="page"] {
	color: var(--fch-color-texto);
}

@media (min-width: 48em) {
.fch-migas li {
		display: inline-flex;
	}

.fch-migas li.fch-migas__padre::before {
		content: none;
	}

.fch-migas li + li::before,
.fch-migas li + li.fch-migas__padre::before {
		content: "/";
		color: var(--fch-color-borde-control);
	}
}

.fch-aviso {
	
	overflow-wrap: anywhere;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--fch-esp-1) var(--fch-esp-3);
	align-items: start;
	padding: var(--fch-esp-3) var(--fch-esp-4);
	border-left: var(--fch-borde-grueso) solid var(--fch-color-info);
	border-radius: var(--fch-radio-sm);
	background-color: var(--fch-color-info-fondo);
	color: var(--fch-color-info);
	font-size: var(--fch-texto-sm);
	line-height: var(--fch-interlineado-compacto);
}

.fch-aviso > .fch-icono {
	width: var(--fch-icono);
	height: var(--fch-icono);
}

.fch-aviso p {
	margin: 0;
	color: var(--fch-color-texto);
}

.fch-aviso strong {
	display: block;
	color: inherit;
}

.fch-aviso--exito {
	border-left-color: var(--fch-color-exito);
	background-color: var(--fch-color-exito-fondo);
	color: var(--fch-color-exito);
}

.fch-aviso--atencion {
	border-left-color: var(--fch-color-atencion);
	background-color: var(--fch-color-atencion-fondo);
	color: var(--fch-color-atencion);
}

.fch-aviso--error {
	border-left-color: var(--fch-color-error);
	background-color: var(--fch-color-error-fondo);
	color: var(--fch-color-error);
}

.fch-aviso--error a {
	display: inline-flex;
	align-items: center;
	min-height: var(--fch-tactil-min);
}

.fch-vacio {
	display: grid;
	justify-items: center;
	gap: var(--fch-esp-3);
	padding: var(--fch-esp-10) var(--fch-esp-6);
	border: var(--fch-borde-fino) dashed var(--fch-color-borde-fuerte);
	border-radius: var(--fch-radio-md);
	background-color: var(--fch-color-superficie);
	text-align: center;
}

.fch-vacio--pagina {
	max-width: var(--fch-ancho-lectura);
	margin-block: var(--fch-esp-8);
	margin-inline: auto;
}

.fch-vacio--pagina .fch-buscador {
	width: 100%;
}

.fch-vacio__icono {
	display: grid;
	place-items: center;
	width: var(--fch-icono-xl);
	height: var(--fch-icono-xl);
	border-radius: var(--fch-radio-pildora);
	background-color: var(--fch-color-acento-fondo);
	color: var(--fch-color-acento);
}

.fch-vacio__titulo {
	margin: 0;
	font-family: var(--fch-fuente-titulos);
	font-size: var(--fch-texto-xl);
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-titulo);
}

.fch-vacio p {
	max-width: var(--fch-medida-corta);
	margin: 0;
	color: var(--fch-color-texto-suave);
}

.fch-acordeon {
	border-top: var(--fch-borde-fino) solid var(--fch-color-borde-fuerte);
}

h2 + .fch-acordeon {
	margin-top: var(--fch-esp-5);
}

.fch-acordeon:last-of-type {
	border-bottom: var(--fch-borde-fino) solid var(--fch-color-borde-fuerte);
}

.fch-acordeon > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--fch-esp-4);
	min-height: var(--fch-control-alto-lg);
	padding: var(--fch-esp-3) 0;
	font-family: var(--fch-fuente-titulos);
	font-size: var(--fch-texto-lg);
	font-weight: var(--fch-peso-medio);
	line-height: var(--fch-interlineado-compacto);
	list-style: none;
	cursor: pointer;
}

.fch-acordeon > summary::-webkit-details-marker {
	display: none;
}

.fch-acordeon > summary::after {
	content: "";
	flex: none;
	width: var(--fch-esp-2);
	height: var(--fch-esp-2);
	margin-right: var(--fch-esp-2);
	border-right: var(--fch-borde-medio) solid currentcolor;
	border-bottom: var(--fch-borde-medio) solid currentcolor;
	transform: translateY(-25%) rotate(45deg);
	transition: transform var(--fch-dur-media) var(--fch-curva-salida);
}

.fch-acordeon[open] > summary::after {
	transform: translateY(25%) rotate(-135deg);
}

.fch-acordeon > summary:hover {
	color: var(--fch-color-enlace-hover);
}

.fch-acordeon__cuerpo {
	max-width: var(--fch-medida-texto);
	padding-bottom: var(--fch-esp-5);
	color: var(--fch-color-texto-suave);
}

.fch-tabla-envoltorio {
	max-width: 100%;
	overflow-x: auto;
	border: var(--fch-borde-fino) solid var(--fch-color-borde);
	border-radius: var(--fch-radio-md);
	background-color: var(--fch-color-superficie);
}

.fch-tabla {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--fch-texto-sm);
	font-variant-numeric: tabular-nums;
}

.fch-tabla caption {
	padding: var(--fch-esp-3) var(--fch-esp-4);
	color: var(--fch-color-texto-suave);
	font-size: var(--fch-texto-sm);
	text-align: left;
	caption-side: bottom;
}

.fch-tabla th,
.fch-tabla td {
	padding: var(--fch-esp-3);
	border-bottom: var(--fch-borde-fino) solid var(--fch-color-borde);
	text-align: left;
	vertical-align: middle;
}

.fch-tabla thead th {
	background-color: var(--fch-color-superficie-alt);
	font-size: var(--fch-texto-xs);
	font-weight: var(--fch-peso-medio);
	letter-spacing: var(--fch-tracking-boton);
	white-space: nowrap;
}

.fch-tabla tbody th {
	font-weight: var(--fch-peso-medio);
}

.fch-tabla tbody tr:last-child > * {
	border-bottom: 0;
}

@media (max-width: 47.99em) {
.fch-tabla-envoltorio--apilada {
		overflow: visible;
		border: 0;
		background: none;
	}

.fch-tabla--apilada thead {
		position: absolute;
		width: var(--fch-esp-px);
		height: var(--fch-esp-px);
		overflow: hidden;
		clip-path: inset(50%);
	}

.fch-tabla--apilada,
.fch-tabla--apilada tbody,
.fch-tabla--apilada tr,
.fch-tabla--apilada td,
.fch-tabla--apilada th {
		display: block;
	}

.fch-tabla--apilada tr {
		display: grid;
		gap: var(--fch-esp-2);
		margin-bottom: var(--fch-esp-3);
		padding: var(--fch-esp-4);
		border: var(--fch-borde-fino) solid var(--fch-color-borde);
		border-radius: var(--fch-radio-md);
		background-color: var(--fch-color-superficie);
	}

.fch-tabla--apilada td,
.fch-tabla--apilada th {
		padding: 0;
		border: 0;
	}

.fch-tabla--apilada tbody tr > * {
		border-bottom: 0;
	}

.fch-tabla--apilada [data-etiqueta]::before {
		content: attr(data-etiqueta);
		display: block;
		color: var(--fch-color-texto-suave);
		font-size: var(--fch-texto-xs);
		font-weight: var(--fch-peso-medio);
		letter-spacing: var(--fch-tracking-boton);
	}
}

.fch-tabla .fch-num {
	white-space: nowrap;
}

.fch-tabla .fch-num {
	text-align: right;
}

/* 1.10.13 · Tabla apilada en el móvil: cada número en una línea, su nombre a la izquierda y el dato a la derecha
 * (antes, los dos pegados a la derecha y uno encima de otro). */
@media (max-width: 47.99em) {
	.fch-tabla--apilada .fch-num {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: var(--fch-esp-3);
		white-space: normal;
		text-align: right;
	}

	.fch-tabla--apilada .fch-num[data-etiqueta]::before {
		flex: none;
		text-align: left;
	}
}

h2 + .fch-pasos {
	margin-top: var(--fch-esp-6);
}

.fch-pasos {
	display: grid;
	gap: var(--fch-esp-5);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: fch-paso;
}

.fch-pasos li {
	display: grid;
	grid-template-columns: var(--fch-icono-xl) minmax(0, 1fr);
	gap: var(--fch-esp-4);
	counter-increment: fch-paso;
}

.fch-pasos li::before {
	content: counter(fch-paso, decimal-leading-zero);
	color: var(--fch-color-acento);
	font-family: var(--fch-fuente-titulos);
	font-size: var(--fch-texto-2xl);
	font-style: italic;
	line-height: 1;
}

.fch-pasos h3 {
	margin-bottom: var(--fch-esp-1);
}

.fch-pasos p {
	margin: 0;
	color: var(--fch-color-texto-suave);
}

@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
		animation-duration: var(--fch-dur-rapida) !important;
		animation-iteration-count: 1 !important;
		transition-duration: var(--fch-dur-rapida) !important;
		scroll-behavior: auto !important;
	}
}
