/* Cargar después de tokens.css. Valores visuales solo mediante tokens.
   Los números sin unidad de grid/flex y porcentajes de keyframes son
   estructura CSS. El único tamaño literal es el quiebre @media nativo. */
.mc, .mc *, .mc *::before, .mc *::after { box-sizing: border-box; }
.mc { margin: var(--cero); color: var(--tinta); background: var(--papel); font-family: var(--f-texto); font-size: var(--t-base); font-weight: var(--peso-texto); line-height: var(--lh-texto); font-synthesis: none; }
.mc h1, .mc h2, .mc h3, .mc h4, .mc p, .mc figure { margin: var(--cero); }
.mc h1, .mc-h1 { font-size: var(--t-h1); }
.mc h2, .mc-h2 { font-size: var(--t-xl); }
.mc h3, .mc-h3 { font-size: var(--t-lg); }
.mc h4, .mc-h4 { font-size: var(--t-base); }
.mc h1, .mc h2, .mc h3, .mc h4, .mc strong { font-weight: var(--peso-titulo); line-height: var(--lh-titulo); }
.mc small, .mc-small { font-size: var(--t-sm); }
.mc-muted, .mc-eyebrow { color: var(--tinta-suave); }
.mc-etiqueta, .mc-eyebrow { font-size: var(--t-sm); font-weight: var(--peso-etiqueta); }
.mc-valor, .mc-campo, .mc-select { font-weight: var(--peso-medio); }
.mc-lead { font-size: var(--t-instruccion); }
.mc-lema { text-align: center; }
.mc-page { max-width: var(--ancho-contenido); margin-inline: auto; padding: var(--s-4); padding-bottom: var(--s-5); display: grid; gap: var(--s-5); }
.mc-stack, .mc-opciones, .mc-metodos, .mc-pastillas { display: grid; gap: var(--s-3); min-width: var(--cero); }
.mc-btn-fila { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.mc-btn-fila > * { flex: 1 1 max-content; }
.mc-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2); min-height: var(--toque-min); min-width: var(--toque-min); border: var(--borde-fino); border-radius: var(--r-pildora); padding: var(--s-3) var(--s-4); font: inherit; font-weight: var(--peso-boton); line-height: var(--lh-control); background: var(--maracuya); color: var(--tinta); cursor: pointer; text-decoration: none; overflow-wrap: normal; word-break: normal; hyphens: none; max-width: var(--total); }
.mc-btn--secundario { background: var(--durazno); color: var(--tinta); border-color: var(--tinta); }
.mc-btn--fantasma { background: var(--papel); color: var(--tinta); border-color: var(--tinta); }
.mc-btn--bloque { width: var(--total); }
.mc-btn:active { border-color: var(--tinta); }
.mc :disabled, .mc [aria-disabled="true"] { cursor: not-allowed; border-style: solid; border-color: var(--tinta); }
.mc [aria-busy="true"] { cursor: progress; border-style: solid; border-color: var(--tinta); }
.mc .mc-btn:disabled, .mc .mc-btn[aria-disabled="true"] { border: var(--borde-discreto); box-shadow: var(--anillo-inactivo); background: var(--tarjeta-inactiva); color: var(--texto-inactivo); cursor: not-allowed; }
/* Deshabilitado y cargando conservan contraste. Añadir texto: «No disponible» / «Cargando…». */
.mc-card { background: var(--tarjeta); color: var(--tinta); border: var(--borde-fino); box-shadow: var(--sombra-suave); border-radius: var(--r-l); padding: var(--s-5); display: grid; gap: var(--s-4); min-width: var(--cero); overflow-wrap: anywhere; }
.mc-card--suave { background: var(--durazno); }
.mc-card--sol { background: var(--maracuya); }
.mc-card--bloqueado { border-style: solid; background: var(--tarjeta-inactiva); color: var(--texto-inactivo); box-shadow: var(--sombra-inactiva); }
.mc-opcion, .mc-metodo, .mc-pastilla, .mc-intensidad-opcion { display: flex; align-items: center; gap: var(--s-3); min-height: var(--toque-min); padding: var(--s-3); border: var(--borde-fino); border-radius: var(--r-s); background: var(--papel); color: var(--tinta); cursor: pointer; font-size: var(--t-base); font-weight: var(--peso-etiqueta); }
.mc-opcion input { width: var(--icono-nav); height: var(--icono-nav); margin: var(--cero); accent-color: var(--cereza); flex-shrink: var(--cero); }
.mc-opcion:has(input:checked), .mc-opcion[aria-pressed="true"], .mc-metodo[aria-pressed="true"] { background: var(--durazno); border-style: solid; }
.mc-opcion small { display: block; font-weight: var(--peso-texto); color: var(--tinta-suave); }
.mc-opcion__marca { margin-left: auto; visibility: hidden; }
.mc-opcion:has(input:checked) .mc-opcion__marca { visibility: visible; }
.mc-opcion:has(input:disabled) { border-style: solid; cursor: not-allowed; background: var(--tarjeta-inactiva); color: var(--texto-inactivo); }
.mc-campo, .mc-select { min-height: var(--toque-min); min-width: var(--cero); max-width: var(--total); padding: var(--s-3); border: var(--borde-fino); border-radius: var(--r-s); font-family: inherit; font-size: var(--t-base); background: var(--papel); color: var(--tinta); }
.mc-resumen { position: static; display: grid; gap: var(--s-3); min-width: var(--cero); padding: var(--s-4); background: var(--papel); color: var(--tinta); border: var(--borde-fino); border-radius: var(--r-m); overflow-wrap: anywhere; }
.mc-resumen--inactivo { background: var(--resumen-inactivo-fondo); color: var(--resumen-inactivo-texto); border-color: var(--resumen-inactivo-borde); box-shadow: var(--sombra-inactiva); }
.mc-resumen > .mc-btn { justify-self: start; padding: var(--s-2) var(--s-3); font-size: var(--t-sm); }
.mc-paso { display: flex; justify-content: space-between; align-items: center; gap: var(--s-2); font-weight: var(--peso-etiqueta); }
.mc-barra { display: block; width: var(--total); height: var(--barra-alto); overflow: hidden; border: var(--borde-fino); border-radius: var(--r-pildora); background: var(--papel); }
.mc-barra > span { display: block; width: var(--progreso); height: var(--total); background: var(--cereza); }
.mc-progreso--0 { --progreso: var(--cero); }
.mc-progreso--1 { --progreso: var(--paso-1); }
.mc-progreso--2 { --progreso: var(--paso-2); }
.mc-progreso--3 { --progreso: var(--paso-3); }
.mc-progreso--4 { --progreso: var(--paso-4); }
.mc-progreso--5 { --progreso: var(--paso-5); }
.mc-progreso--6 { --progreso: var(--paso-6); }
.mc-aviso { background: var(--aviso-fondo); color: var(--aviso-texto); padding: var(--s-3); border: var(--borde-fino); border-radius: var(--r-s); }
.mc-aviso--ok { background: var(--correcto-fondo); color: var(--correcto-texto); }
.mc-aviso--error { background: var(--error-fondo); color: var(--error-texto); }
.mc-icono { width: var(--icono); height: var(--icono); flex-shrink: var(--cero); vertical-align: middle; }
.mc-montana { display: block; width: var(--total); height: auto; border-radius: var(--r-l); overflow: hidden; }
.mc-arco { outline: var(--borde-fino); position: relative; border: var(--borde-arco) solid var(--maracuya); border-radius: var(--r-arco); background: var(--papel); margin: var(--s-4) var(--s-4) var(--s-6) var(--cero); }
.mc-arco--coral { border-color: var(--cereza); }
.mc-arco img { display: block; width: var(--total); height: var(--foto-alto); object-fit: cover; border-radius: var(--r-arco-foto); }
.mc-arco--cuadrado img { height: auto; aspect-ratio: 1; object-fit: cover; }
.mc-arco__hoja { position: absolute; right: var(--solape); bottom: var(--solape); display: grid; place-items: center; width: var(--hoja-solapada); height: var(--hoja-solapada); background: var(--separador); border: var(--borde-fino); border-radius: var(--mitad); }
/* La imagen conserva cielo sólido detrás del texto y un borde inferior de lomas.
   El encabezado participa del desplazamiento normal: no tapa los controles. */
.mc-cabecera { border: var(--borde-fino); position: relative; height: var(--cabecera-alto); overflow: hidden; border-radius: var(--r-l); background: var(--cielo-cabecera); color: var(--blanco); }
.mc-cabecera__montana { position: absolute; inset: var(--cero); width: var(--total); height: var(--total); object-fit: cover; object-position: center bottom; }
.mc-cabecera__texto { position: relative; display: grid; gap: var(--s-1); padding: var(--s-4); padding-right: calc(var(--sol-tamano) + var(--s-6)); text-align: left; }
.mc .mc-cabecera__titulo { display: grid; gap: var(--s-1); min-width: var(--cero); font-size: var(--cabecera-titulo); font-weight: var(--peso-titulo); line-height: var(--lh-titulo); }
.mc-cabecera__lema { font-size: var(--t-sm); font-weight: var(--peso-texto); line-height: var(--lh-texto); }
.mc-nav, .mc-tabs { display: flex; align-items: stretch; justify-content: center; gap: var(--s-1); position: fixed; z-index: var(--capa-nav); bottom: var(--cero); left: var(--cero); right: var(--cero); padding: var(--s-2); padding-bottom: max(var(--s-2), env(safe-area-inset-bottom)); background: var(--papel); color: var(--tinta); border-top: var(--borde-fino); }
.mc-nav a, .mc-tabs a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s-1); padding: var(--s-2); min-width: var(--toque-min); min-height: var(--toque-min); border: var(--borde-fino); border-radius: var(--r-s); font-size: var(--t-xs); font-weight: var(--peso-etiqueta); text-decoration: none; color: var(--tinta); }
.mc-nav a[aria-current="page"], .mc-tabs a[aria-current="page"] { background: var(--durazno); border-color: var(--tinta); }
.mc-nav .mc-icono, .mc-tabs .mc-icono { width: var(--icono-nav); height: var(--icono-nav); }
/* Los tres bloques se estiran dentro de la misma columna de mc-page. */
.mc-cabecera, .mc-nav, .mc-layout { width: var(--total); min-width: var(--cero); margin-inline: auto; }
.mc-nav { display: grid; grid-template-columns: var(--columnas-dos); gap: var(--s-2); position: static; padding: var(--cero); border: none; background: var(--transparente); }
.mc-nav a { flex: none; flex-direction: row; min-width: var(--cero); padding: var(--s-2) var(--s-1); font-size: var(--t-nav-movil); line-height: var(--lh-control); text-align: center; border: var(--borde-nav); border-color: var(--transparente); box-shadow: none; border-radius: var(--r-pildora); background: var(--blanco); white-space: nowrap; overflow-wrap: normal; word-break: normal; hyphens: none; }
.mc-nav a > span { min-width: var(--cero); }
.mc-nav a:first-child { grid-column: 1 / -1; min-height: var(--nav-principal-alto); font-size: var(--t-base); }
.mc-nav a[aria-current="page"] { border: var(--borde-nav); background: var(--durazno); box-shadow: var(--sombra-suave); }
.mc-layout { display: grid; gap: var(--s-4); align-items: start; min-width: var(--cero); }
.mc-inicio { display: grid; gap: var(--s-4); }
.mc-inicio-pasos { list-style: none; margin: var(--cero); padding: var(--cero); display: grid; gap: var(--s-5); }
.mc-inicio-pasos li { display: flex; align-items: center; gap: var(--s-3); font-weight: var(--peso-etiqueta); }
.mc-inicio-pasos__numero { display: grid; place-items: center; width: var(--icono); height: var(--icono); flex-shrink: var(--cero); border: var(--borde-fino); border-radius: var(--r-pildora); background: var(--durazno); }
.mc-valoracion { flex-direction: column; }
.mc-vierte { color: var(--agua-oscuro); font-size: var(--t-dato); font-weight: var(--peso-cifra); }
.mc-balanzas { display: grid; grid-template-columns: var(--columnas-dos); gap: var(--s-4); }
.mc-balanza { display: grid; justify-items: center; gap: var(--s-2); }
.mc-balanza-cuerpo { width: var(--total); padding: var(--s-3); border: var(--borde-fino); border-radius: var(--r-s); background: var(--durazno); }
.mc-balanza-plato { height: var(--barra-alto); background: var(--maracuya); border: var(--borde-fino); border-radius: var(--r-pildora); }
.mc-balanza-pantalla { display: flex; align-items: center; justify-content: center; gap: var(--s-2); }
.mc-balanza-num, .mc-figure-num { font-size: var(--t-dato); font-weight: var(--peso-cifra); font-variant-numeric: tabular-nums; }
.mc-balanza-num small { font-size: var(--t-sm); }
.mc-molienda { display: grid; gap: var(--cero); border: var(--borde-fino); border-radius: var(--r-s); overflow: hidden; }
.mc-molienda__fila { display: grid; grid-template-columns: var(--columnas-granos); gap: var(--cero); align-items: stretch; border-bottom: var(--borde-fino); }
.mc-granos { --grano: var(--grano-grueso); display: flex; flex-wrap: wrap; align-content: center; gap: var(--s-1); width: var(--granos-ancho); min-height: var(--granos-alto); }
.mc-granos span { width: var(--grano); height: var(--grano); border-radius: var(--mitad); background: var(--cereza); }
.mc-granos--media { --grano: var(--grano-medio); }
.mc-granos--fina { --grano: var(--grano-fino); }
.mc-fondo-granos { position: relative; isolation: isolate; background-color: var(--fondo-base); }
.mc-fondo-granos::before { content: ""; position: fixed; inset: var(--cero); z-index: var(--capa-fondo); pointer-events: none; }
.mc-fondo-granos::before { background-image: var(--fondo-granos); background-size: var(--fondo-patron); background-position: center; background-repeat: repeat; }
/* Nunca texto directamente sobre foto: usar una superficie sólida. */
.mc :is(a, button, input, select, summary, [tabindex]):focus-visible { outline: var(--foco); outline-offset: var(--foco-offset); }
.mc-ancho-total { width: var(--total); }
.mc-sin-margen { margin: var(--cero); }
/* 900px = --quiebre-escritorio ; var() no es válido en @media. */
@media (min-width: 900px) {
  .mc h1, .mc-h1 { font-size: var(--t-h1-escritorio); }
  .mc-page { padding: var(--s-6); }
  .mc-cabecera { height: var(--cabecera-alto-escritorio); }
  .mc-cabecera__texto { padding: var(--s-5) var(--s-6); }
  .mc .mc-cabecera__titulo { font-size: var(--cabecera-titulo-escritorio); }
  .mc-nav, .mc-tabs { position: static; border: none; padding: var(--s-2); }
  .mc-nav a, .mc-tabs a { flex-direction: row; font-size: var(--t-base); }
  .mc-nav { grid-template-columns: var(--columnas-nav-escritorio); width: var(--total); min-width: var(--cero); margin-inline: auto; gap: var(--s-3); padding: var(--cero); background: var(--transparente); }
  .mc-nav a { font-size: var(--t-nav); padding: var(--s-2); }
  .mc-nav a:first-child { grid-column: auto; min-height: var(--toque-min); font-size: var(--t-nav); }
  .mc-cabecera__sol { width: var(--sol-tamano-escritorio); height: var(--sol-tamano-escritorio); top: var(--s-5); right: var(--s-6); }
  .mc-layout { grid-template-columns: var(--columna); gap: var(--s-6); }
  .mc-layout--flujo { grid-template-columns: var(--columnas-paneles); padding-bottom: var(--cero); }
  .mc-layout > .mc-resumen { position: sticky; grid-column: 2; grid-row: 1; top: var(--s-5); bottom: auto; left: auto; right: auto; height: auto; display: grid; gap: var(--s-3); padding: var(--s-5); }
  .mc-valoracion { flex-direction: row; }
  .mc-layout > .mc-principal { grid-column: 1; grid-row: 1; }
  .mc-arco img { height: var(--foto-alto-escritorio); }
  .mc-arco--cuadrado img { height: auto; }
}

/* Composición de las pantallas reales (ficha 016). */
.mc-resumen-datos { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.mc-datos { margin: var(--cero); display: grid; gap: var(--s-3); }
.mc-datos > div { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.mc-datos dd { margin: var(--cero); font-weight: var(--peso-medio); }
.mc-opcion .mc-efecto-intensidad { display: inline; }
.mc-linea { margin: var(--cero); padding-left: var(--s-5); display: grid; gap: var(--s-4); }
.mc-linea [aria-current="step"] { border: var(--borde-fino); border-radius: var(--r-s); padding: var(--s-3); }
.mc-granos--media-gruesa { --grano: var(--grano-medio-grueso); }
.mc-granos--media-fina { --grano: var(--grano-medio-fino); }
@media (min-width: 900px) {
}

/* Recuperación e historial locales (ficha 018). */
.mc-recuperacion, .mc-guardado { padding: var(--s-4); border: var(--borde-fino); border-radius: var(--r-m); background: var(--durazno); min-width: var(--cero); }
.mc-historial { display: grid; gap: var(--s-4); }
.mc-guardado p, .mc-recuperacion p { overflow-wrap: anywhere; }
.mc-campo:is(textarea) { width: var(--total); box-sizing: border-box; }

/* Ficha 019: controles antes de la foto; palabras completas en todos los botones. */
@media (max-width: 899px) {
  .mc-inicio-acciones { display: grid; grid-template-columns: var(--columnas-dos); }
  .mc-inicio-acciones > :first-child { grid-column: 1 / -1; }
}
@media (min-width: 900px) {
}

/* Sol circular y aviso accesible; fondo definitivo en tokens.css. */
.mc-cabecera__sol { position: absolute; width: var(--sol-tamano); height: var(--sol-tamano); top: var(--sol-arriba); right: var(--sol-derecha); object-fit: contain; }
@media (min-width: 900px) {
  .mc-cabecera__sol { width: var(--sol-tamano-escritorio); height: var(--sol-tamano-escritorio); top: var(--s-5); right: var(--s-6); }
}

/* Ficha 027: formas con contorno común; dentro de tarjetas, separadores.
   Los controles conservan su borde propio para reconocer dónde actuar. */
.mc-chip { display: inline-flex; align-items: center; gap: var(--s-2); padding: var(--s-1) var(--s-2); border: var(--borde-fino); border-radius: var(--r-pildora); background: var(--papel); }
.mc-card .mc-card { padding-inline: var(--cero); }
.mc-molienda__fila:last-child { border-bottom: none; }
.mc-molienda__fila > * { padding: var(--s-3); min-width: var(--cero); }
.mc-molienda__fila > * + * { border-left: var(--borde-fino); }
.mc-molienda__fila > .mc-granos { width: auto; }
.mc-tabla { width: var(--total); border: var(--borde-fino); border-collapse: collapse; }
.mc-tabla :is(th, td) { border: var(--borde-fino); padding: var(--s-2); text-align: left; vertical-align: middle; }
/* El plato ilustrado ya está en una balanza con marco. */
.mc-balanza-cuerpo > .mc-balanza-plato { border: none; border-bottom: var(--borde-fino); border-radius: var(--cero); }

/* Sin barra de desplazamiento visible en móvil: no cambia el ancho de la vista (el desplazamiento sigue funcionando). */
@media (max-width: 899px) {
  html { scrollbar-width: none; }
  html::-webkit-scrollbar { display: none; }
}

/* Todas las tarjetas de opciones de un mismo paso miden lo mismo (la más alta manda). */
.mc-opciones, .mc-metodos, .mc-pastillas { grid-auto-rows: 1fr; }
.mc-opciones > *, .mc-metodos > *, .mc-pastillas > * { height: var(--total); box-sizing: border-box; }

/* Móvil compacto: títulos de pantalla en una línea y tarjetas de opciones más bajas (siguen iguales entre sí). */
@media (max-width: 899px) {
  .mc-principal { padding: var(--s-4); }
  .mc-principal h1 { font-size: var(--t-h1-movil); }
  .mc-opcion { padding: var(--s-2) var(--s-3); gap: var(--s-2); font-size: var(--t-opcion-nombre); line-height: var(--lh-control); }
  .mc-opcion small { font-size: var(--t-opcion-detalle); line-height: var(--lh-control); }
  .mc-opcion__marca { display: none; }
}

/* Lista de lo elegido en «Así va tu cafecito …»: «Proceso: Natural», igual en móvil y escritorio; se arma fila por fila. */
.mc-lista { display: grid; gap: var(--s-1); margin: var(--cero); min-width: var(--cero); }
.mc-lista > div { display: block; }
.mc-lista dt, .mc-lista dd { display: inline; margin: var(--cero); }
.mc-lista dt { font-weight: var(--peso-etiqueta); }
.mc-lista dt::after { content: ": "; }
.mc-lista dd { font-weight: var(--peso-medio); text-align: left; }

/* Una misma apariencia discreta; el tamaño compacto solo se usa arriba. */
.mc-btn--discreto { border: var(--borde-discreto); background: var(--transparente); color: var(--tinta-suave); font-weight: var(--peso-medio); }
.mc-btn--discreto:hover, .mc-btn--discreto:focus-visible { color: var(--tinta); border-color: var(--tinta); }
.mc-btn--compacto { min-height: var(--toque-chico); min-width: var(--cero); padding: var(--s-1) var(--s-3); font-size: var(--t-xs); }

/* Ficha 036: sello limpio e insignia junto al título; radio nativo accesible. */
.mc-opcion__texto { min-width: var(--cero); flex: var(--unidad); }
.mc-opcion--ilustrada { position: relative; }
.mc-opcion--ilustrada > input { position: absolute; width: var(--radio-oculto); height: var(--radio-oculto); padding: var(--cero); border: none; overflow: hidden; clip-path: var(--recorte-oculto); white-space: nowrap; }
.mc-opcion--ilustrada > input:focus-visible { outline: none; }
.mc-opcion__selector { display: grid; place-items: center; flex-shrink: var(--cero); width: var(--selector-opcion); height: var(--selector-opcion); border: none; background: var(--transparente); }
.mc-opcion__selector > .mc-icono { width: var(--icono-opcion); height: var(--icono-opcion); }
.mc-opcion--ilustrada:has(> input:focus-visible), .mc-opcion--foco-muestra { outline: var(--foco); outline-offset: var(--foco-offset); }
.mc-opcion__titulo { display: flex; align-items: center; gap: var(--s-2); }
.mc-opcion__titulo > span:first-child { min-width: var(--cero); white-space: nowrap; }
.mc-opcion__insignia { display: grid; place-items: center; flex-shrink: var(--cero); width: var(--selector-marca); height: var(--selector-marca); border: var(--insignia-borde); border-radius: var(--r-pildora); background: var(--hoja); color: var(--tinta); font-size: var(--selector-marca-texto); font-weight: var(--peso-etiqueta); line-height: var(--unidad); visibility: hidden; }
.mc-opcion--ilustrada:has(> input:checked) .mc-opcion__insignia { visibility: visible; }
.mc-opcion__tazas { display: grid; grid-template-columns: var(--columnas-dos); gap: var(--cero); }
.mc-opcion__tazas .mc-icono { width: var(--icono-taza); height: var(--icono-taza); }
.mc-opcion__tazas:has(> :only-child) { grid-template-columns: var(--columna); }
.mc-opcion__tazas > :only-child { width: var(--icono-opcion); height: var(--icono-opcion); }
@media (max-width: 899px) {
  .mc-opcion--ilustrada { padding: var(--opcion-relleno-y-movil) var(--s-2); }
  .mc-opcion__selector > .mc-icono, .mc-opcion__tazas > :only-child { width: var(--icono-opcion-movil); height: var(--icono-opcion-movil); }
}

/* Hoja de tamaños, utilizable también sin servidor en la guía. */
.mc-icono--24 { width: var(--icono-nav); height: var(--icono-nav); }
.mc-icono--48 { width: var(--icono-muestra-mediano); height: var(--icono-muestra-mediano); }
.mc-icono--96 { width: var(--icono-muestra-grande); height: var(--icono-muestra-grande); }
.mc-hoja-iconos { display: grid; gap: var(--s-4); }
.mc-hoja-iconos__fila { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-3); padding: var(--s-2); }
.mc-hoja-iconos__tarjeta { background: var(--papel); border: var(--borde-fino); border-radius: var(--r-s); }
.mc-sprite { position: absolute; width: var(--cero); height: var(--cero); overflow: hidden; }
.mc-opcion, .mc-metodo, .mc-pastilla, .mc-intensidad-opcion { border: var(--borde-discreto); }
.mc-opcion:has(input:checked), .mc-opcion[aria-pressed="true"], .mc-metodo[aria-pressed="true"], .mc-pastilla[aria-pressed="true"], .mc-intensidad-opcion:has(input:checked) { border-color: var(--tinta); box-shadow: var(--anillo-seleccion); }
/* El contrato final define un contorno común para los botones de acción. */
.mc-campo, .mc-select { border: var(--borde-discreto); }

/* Aprende de café · cuatro temas, tarjetas iguales con contorno discreto. */
.mc-aprende { display: grid; grid-auto-rows: 1fr; gap: var(--s-3); }
.mc-aprende__tema { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; height: var(--total); gap: var(--s-3); padding: var(--s-4); border: var(--borde-discreto); border-radius: var(--r-s); background: var(--papel); color: var(--tinta); text-decoration: none; }
.mc-aprende__tema:hover, .mc-aprende__tema:focus-visible { background: var(--durazno); }
.mc-aprende__tema h2 { font-size: var(--t-lg); }
.mc-aprende__tema p { margin-top: var(--s-2); color: var(--tinta-suave); font-size: var(--t-sm); }
.mc-aprende__flecha { font-size: var(--t-xl); line-height: var(--lh-titulo); }
.mc-aprende__vuelta { display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-5); padding-top: var(--s-4); border-top: var(--borde-fino); }
.mc-enlace { color: var(--tinta); text-underline-offset: var(--s-1); font-weight: var(--peso-etiqueta); }
.mc-ayuda { font-size: var(--t-sm); }
@media (min-width: 900px) {
  .mc-aprende { grid-template-columns: var(--columnas-dos); }
}


/* Prueba: navegación móvil compacta y uniforme. */
:root { --nav-compacta-alto: 44px; }
@media (max-width: 899px) {
 .mc-nav a, .mc-nav a:first-child { min-height: var(--nav-compacta-alto); padding: var(--s-1) var(--s-2); font-size: var(--t-sm); }
}

/* Pista vacía neutra: distingue lo pendiente del avance rojo. */
.mc-barra { background: var(--resumen-inactivo-fondo); }

/* Alinear las tarjetas con la retícula de los tres botones en web. */
@media (min-width: 900px) {
 .mc-layout--flujo { grid-template-columns: var(--columnas-nav-escritorio); gap: var(--s-3); }
 .mc-layout--flujo > .mc-principal { grid-column: 1 / 3; }
 .mc-layout--flujo > .mc-resumen { grid-column: 3; }
}







/* Contrato propuesto de tipografía y controles: solo para esta prueba. */
:root {
 --tipo-h1: 24px; --tipo-h2: 20px; --tipo-h3: 18px; --tipo-h4: 16px; --tipo-h5: 14px;
 --control-normal: 44px; --control-navegacion: 44px;
}
.mc :is(h1,h2,h3,h4,h5) { font-weight: var(--peso-titulo); line-height: var(--lh-titulo); overflow-wrap: break-word; }
.mc h1, .mc .mc-principal h1 { font-size: var(--tipo-h1); }
.mc h2, .mc .mc-aprende__tema h2 { font-size: var(--tipo-h2); }
.mc h3 { font-size: var(--tipo-h3); }
.mc h4 { font-size: var(--tipo-h4); }
.mc h5 { margin: var(--cero); font-size: var(--tipo-h5); }
.mc .mc-btn { min-height: var(--control-normal); min-width: var(--control-normal); padding: var(--s-2) var(--s-4); font-size: var(--t-base); font-weight: var(--peso-boton); line-height: var(--lh-control); white-space: normal; }
.mc .mc-btn--compacto { min-height: var(--control-normal); min-width: var(--control-normal); padding: var(--s-2) var(--s-4); font-size: var(--t-base); }
.mc .mc-resumen > .mc-btn { min-height: var(--control-normal); padding: var(--s-2) var(--s-4); font-size: var(--t-base); }
.mc .mc-nav a, .mc .mc-nav a:first-child { min-height: var(--control-navegacion); padding: var(--s-1) var(--s-2); font-size: var(--t-base); line-height: var(--lh-control); }
@media (min-width: 900px) {
 :root { --tipo-h1: 32px; --tipo-h2: 24px; --tipo-h3: 20px; --tipo-h4: 18px; --tipo-h5: 16px; }
}

/* Acciones y utilidades comparten tamaño y contorno; solo la selección lo refuerza. */
.mc .mc-btn, .mc .mc-btn:disabled, .mc .mc-btn[aria-disabled="true"] { border: var(--borde-discreto); box-shadow: none; }
.mc .mc-btn[aria-pressed="true"] { border-color: var(--tinta); box-shadow: var(--anillo-seleccion); }
.mc .mc-nav a { border: var(--borde-discreto); box-shadow: none; }
.mc .mc-nav a[aria-current="page"] { border-color: var(--tinta); box-shadow: var(--anillo-seleccion); }

/* Reservar la fila de herramientas desde el primer paso evita desplazar el progreso. */
.mc .mc-paso { min-height: var(--control-normal); }
.mc .mc-paso > span { white-space: nowrap; }
@media (max-width: 899px) {
 .mc .mc-paso .mc-btn--compacto { padding: var(--s-1) var(--s-3); font-size: var(--t-sm); font-weight: var(--peso-etiqueta); white-space: nowrap; }
}

/* Acciones del formulario más discretas, sin reducir el área táctil. */
.mc .mc-principal :is([data-action="nuevo"], .mc-volver),
.mc .mc-principal [data-action="atras"],
.mc .mc-principal :is([data-action="continuar"], [data-action="empezar"]) {
 font-size: var(--t-sm); font-weight: var(--peso-etiqueta); padding-inline: var(--s-3);
}
@media (max-width: 899px) {
 .mc .mc-principal :is([data-action="nuevo"], .mc-volver),
 .mc .mc-principal [data-action="atras"],
 .mc .mc-principal :is([data-action="continuar"], [data-action="empezar"]) {
  font-size: var(--t-xs); padding-inline: var(--s-2);
 }
}

/* La ampliación de navegación corresponde solo a escritorio. */
@media (max-width: 899px) {
 .mc .mc-nav a, .mc .mc-nav a:first-child { font-size: var(--t-sm); }
}

/* Móvil: píldora visible de 36 px dentro de un área táctil de 44 px. */
@media (max-width: 899px) {
 .mc .mc-principal :is([data-action="nuevo"], .mc-volver),
 .mc .mc-principal [data-action="atras"],
 .mc .mc-principal :is([data-action="continuar"], [data-action="empezar"]) {
  position: relative; isolation: isolate; background: var(--transparente);
  border: none; box-shadow: none;
  font-weight: var(--peso-medio);
 }
 .mc .mc-principal :is([data-action="nuevo"], .mc-volver)::before,
 .mc .mc-principal [data-action="atras"]::before,
 .mc .mc-principal :is([data-action="continuar"], [data-action="empezar"])::before {
  content: ''; position: absolute; z-index: var(--capa-fondo);
  inset: var(--s-1) var(--cero); border: var(--borde-discreto);
  border-radius: var(--r-pildora); background: var(--transparente);
  pointer-events: none;
 }
 .mc .mc-principal :is([data-action="continuar"], [data-action="empezar"])::before { background: var(--maracuya); }
 .mc .mc-principal :is([data-action="continuar"], [data-action="empezar"]):disabled::before { background: var(--tarjeta-inactiva); }
}

/* Título y retorno compacto en Mis recetas. */
.mc-titulo-fila { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.mc-titulo-fila > h1 { min-width: var(--cero); }
.mc-titulo-fila > .mc-volver { flex-shrink: var(--cero); }
.mc-historial:empty { display: none; }


/* Estado vacío de Mis recetas: mensaje más próximo a la cabecera en móvil. */
@media (max-width: 899px) {
 .mc .mc-principal:has(> .mc-historial-vacio) { gap: var(--s-1); padding-bottom: var(--s-5); }
}
/* Solo prototipo autocontenido. Los tokens de esta sección no modifican la app real. */
:root { --apr-cifra: 28px; --apr-emblema: 64px; --apr-textura-alto: 96px; --apr-produccion-ancho: 106px; }
.apr-grid, .apr-resultados { display: grid; grid-template-columns: var(--columna); gap: var(--s-4); min-width: var(--cero); }
.apr-panel { border: var(--borde-discreto); border-radius: var(--r-s); padding: var(--s-4); min-width: var(--cero); background: var(--papel); }
.apr-panel h2, .apr-panel h3 { overflow-wrap: break-word; }
.apr-campos { display: grid; grid-template-columns: var(--columna); gap: var(--s-3); }
.apr-campos label { font-weight: var(--peso-etiqueta); }
.apr-opciones { display: flex; flex-wrap: wrap; gap: var(--s-2); border: none; padding: var(--cero); margin: var(--cero); }
.apr-opciones legend { margin-bottom: var(--s-2); font-weight: var(--peso-etiqueta); }
.apr-opciones label { display: flex; align-items: center; gap: var(--s-2); min-height: var(--control-normal); padding: var(--s-2) var(--s-3); border: var(--borde-discreto); border-radius: var(--r-pildora); font-size: var(--t-sm); cursor: pointer; }
.apr-opciones label:has(input:checked) { border-color: var(--tinta); box-shadow: var(--anillo-seleccion); background: var(--durazno); }
.apr-opciones input { accent-color: var(--cereza); }
.apr-opciones label:has(input:focus-visible) { outline: var(--foco); outline-offset: var(--foco-offset); }
.apr-resultados { grid-template-columns: var(--columnas-dos); }
.apr-resultado { display: grid; align-content: center; gap: var(--s-2); padding: var(--s-3); background: var(--blanco); border: var(--borde-discreto); border-radius: var(--r-s); font-size: var(--t-sm); }
.apr-resultado p, .apr-cifra { font-size: var(--apr-cifra); font-weight: var(--peso-cifra); line-height: var(--lh-titulo); overflow-wrap: anywhere; }
.apr-resultado p span, .apr-cifra span { font-size: var(--t-sm); font-weight: var(--peso-texto); }
.apr-nota { border-left: var(--borde-fino); padding-left: var(--s-3); font-size: var(--t-sm); color: var(--tinta-suave); }
.apr-textura { display: block; width: var(--total); height: var(--apr-textura-alto); fill: var(--tinta-suave); background: var(--blanco); border: var(--borde-discreto); border-radius: var(--r-s); }
.apr-titulo-grado, .apr-pais { display: flex; gap: var(--s-2); align-items: center; }
.apr-numero { display: grid; place-items: center; width: var(--icono-nav); height: var(--icono-nav); border: var(--borde-discreto); border-radius: var(--r-pildora); flex-shrink: var(--cero); font-size: var(--t-sm); }
.apr-metodos { list-style: none; padding: var(--cero); margin: var(--cero); display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-3); }
.apr-metodos li { display: flex; align-items: center; gap: var(--s-1); font-size: var(--t-sm); }
.apr-metodos .mc-icono, .apr-pais .mc-icono { width: var(--icono-nav); height: var(--icono-nav); }
.apr-metodo { display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--s-3); align-items: center; }
.apr-emblema { display: grid; place-items: center; width: var(--apr-emblema); height: var(--apr-emblema); border: var(--borde-discreto); border-radius: var(--r-s); background: var(--blanco); }
.apr-emblema .mc-icono { width: var(--icono); height: var(--icono); }
.apr-rango { display: block; width: var(--total); height: var(--s-5); fill: var(--cereza); }
.apr-rango__pista { fill: var(--resumen-inactivo-fondo); }
.apr-rango__valor { fill: var(--cereza); }
.apr-especies { display: grid; grid-template-columns: var(--columnas-dos); gap: var(--s-3); }
.apr-especie { display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-3); background: var(--blanco); }
.apr-especie__titulo { display: flex; align-items: center; gap: var(--s-2); }
.apr-especie h3 { font-size: var(--t-lg); }
.apr-grano { width: var(--s-6); height: var(--s-6); flex-shrink: var(--cero); fill: var(--apr-grano-color); stroke: var(--tinta); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.apr-grano__surco { fill: none; }
.apr-especie--1 { --apr-grano-color: var(--cereza); }
.apr-especie--2 { --apr-grano-color: var(--maracuya); }
.apr-especie--3 { --apr-grano-color: var(--durazno); }
.apr-especie--4 { --apr-grano-color: var(--tinta-suave); }
.apr-especie__etiqueta { font-size: var(--t-xs); color: var(--tinta-suave); }
.apr-especie dl { display: grid; gap: var(--s-1); margin: var(--s-1) var(--cero) var(--cero); }
.apr-especie dl > div { border: none; padding: var(--cero); }
.apr-especie dt { display: inline; font-size: var(--t-xs); font-weight: var(--peso-etiqueta); }
.apr-especie dd { display: inline; margin: var(--cero); font-size: var(--t-xs); font-weight: var(--peso-medio); }
.apr-especie abbr { text-decoration: none; white-space: nowrap; }
.apr-pais > span { font-size: var(--t-xl); }
.apr-pais > h3 { flex: var(--unidad); }
.apr-pendiente { font-weight: var(--peso-etiqueta); color: var(--tinta-suave); }
#apr-caf-campo[hidden] { display: none; }
@media (min-width: 900px) {
 .apr-grid { grid-template-columns: var(--columnas-dos); }
 .apr-especies { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .apr-resultados { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .apr-campos { grid-template-columns: var(--columnas-dos); }
}

/* Variedades: separación de secciones y cabeceras de país ilustradas. */
.apr-variedades { display: grid; gap: var(--s-4); }
.apr-variedades__intro { display: grid; gap: var(--s-3); }
.apr-separador-fuerte { width: var(--apr-emblema); border: none; border-top: var(--borde-fino); margin: var(--s-2) var(--cero); }
.apr-nota-sin-linea { border: none; padding-left: var(--cero); }
.apr-origen { padding: var(--s-3); background: var(--blanco); display: grid; align-content: center; gap: var(--s-3); }
.apr-origen .apr-pais { padding: var(--cero); background: none; border: none; }

.apr-pais__titulo { display: flex; gap: var(--s-2); align-items: center; min-width: var(--cero); }
.apr-pais__titulo > span { font-size: var(--s-6); flex-shrink: var(--cero); line-height: var(--lh-control); }
.apr-origen__contenido { padding: var(--cero); }
.apr-origen .apr-pais h3 { font-size: var(--t-base); }
.apr-origen__notas { font-size: var(--t-sm); color: var(--tinta-suave); }
.apr-paises { grid-template-columns: var(--columnas-dos); gap: var(--s-3); }
@media (min-width: 900px) { .apr-paises { grid-template-columns: repeat(4,minmax(0,1fr)); } }
.apr-variedades__nombres { display: flex; flex-wrap: wrap; gap: var(--s-2); list-style: none; margin: var(--cero); padding: var(--cero); }
.apr-variedades__nombres li { font-size: var(--t-sm); font-weight: var(--peso-etiqueta); color: var(--tinta); }
.apr-variedades__nombres li:not(:last-child)::after { content: ' ·'; color: var(--tinta-suave); }


/* Separación por espacio y jerarquía; sin líneas en Origen del café. */
.apr-seccion-titulo { margin-top: var(--cero); }

.apr-especie__produccion { display: grid; gap: var(--s-1); }
.apr-especie__produccion .apr-especie__etiqueta { line-height: var(--lh-control); }

/* Lectura de ancho completo: identidad, producción y datos, sin columnas vacías. */
@media (min-width: 900px) {
 .apr-especie { display: grid; grid-template-columns: var(--columna); gap: var(--s-2); align-content: center; padding: var(--s-4); }
 .apr-especie__produccion { display: flex; align-items: center; gap: var(--s-2); }
 .apr-especie__produccion .apr-cifra { flex-shrink: var(--cero); white-space: nowrap; }
 .apr-especie__produccion .apr-especie__etiqueta { max-width: var(--apr-produccion-ancho); }
 .apr-especie dl { margin-top: var(--cero); }
}

.apr-notas-web { display: inline; }
.apr-notas-movil { display: none; }

/* Espaciado de secciones compartido en web y móvil. */
 .mc .apr-seccion-titulo { margin-top: var(--s-5); }
 .apr-variedades { margin-top: var(--s-6); }

/* Compactación de información relacionada en ambas vistas. */
 .apr-origen { gap: var(--s-1); }
 .apr-origen__contenido.mc-stack { gap: var(--s-2); }
 .apr-especie dl { gap: var(--cero); }
 .apr-especie dt, .apr-especie dd { font-size: var(--t-xs); }

/* Relieve suave compartido, elegido por Jhon para ambas vistas. */
:root {
 --relieve-tarjeta: 0 3px 12px rgb(59 36 24 / 13%), 0 1px 3px rgb(59 36 24 / 10%);
 --relieve-tarjeta-hover: 0 4px 14px rgb(59 36 24 / 18%), 0 1px 3px rgb(59 36 24 / 12%);
 --relieve-radio: 8px;
}
.mc .apr-origen, .mc .apr-especie, .mc .mc-aprende__tema,
 .mc .mc-opcion, .mc .mc-metodo, .mc .mc-pastilla, .mc .mc-intensidad-opcion {
  border: var(--borde-discreto);
  border-color: var(--transparente);
  border-radius: var(--relieve-radio);
  background: var(--blanco);
  box-shadow: var(--relieve-tarjeta);
 }
 .mc .mc-aprende__tema:hover, .mc .mc-opcion:not(:has(input:disabled)):not(:has(input:checked)):not([aria-pressed="true"]):hover,
 .mc .mc-metodo:not([aria-pressed="true"]):hover, .mc .mc-pastilla:not([aria-pressed="true"]):hover, .mc .mc-intensidad-opcion:not(:has(input:disabled)):not(:has(input:checked)):hover {
  box-shadow: var(--relieve-tarjeta-hover);
 }
 .mc .mc-opcion:has(input:checked), .mc .mc-opcion[aria-pressed="true"],
 .mc .mc-metodo[aria-pressed="true"], .mc .mc-pastilla[aria-pressed="true"],
 .mc .mc-intensidad-opcion:has(input:checked) {
  background: var(--durazno);
  border-color: var(--tinta);
  box-shadow: var(--anillo-seleccion), var(--relieve-tarjeta);
 }
 .mc .mc-opcion:has(input:disabled), .mc .mc-intensidad-opcion:has(input:disabled),
 .mc .mc-metodo:disabled, .mc .mc-pastilla:disabled {
  background: var(--tarjeta-inactiva);
  box-shadow: none;
  border-color: var(--borde-inactivo);
 }

/* Nombres de variedades compactos al envolver en tarjetas móviles. */
@media (max-width: 899px) {
 .apr-variedades__nombres { gap: var(--cero) var(--s-1); }
}

/* Centrado vertical y espacios compactos comunes a web y móvil. */
.mc .mc-aprende__tema { align-items: center; padding: var(--s-3) var(--s-4); }
.mc .apr-especie { justify-content: center; }

/* Tarjetas Aprende en móvil: título en una línea y descripción compacta. */
@media (max-width: 899px) {
 .mc .mc-aprende__tema { gap: var(--s-2); padding: var(--s-3); }
 .mc .mc-aprende__tema > .mc-icono { width: var(--icono-opcion-movil); height: var(--icono-opcion-movil); }
 .mc .mc-aprende__tema h2 { font-size: var(--t-base); line-height: var(--lh-control); }
 .mc .mc-aprende__tema p { font-size: var(--t-xs); margin-top: var(--s-1); line-height: var(--lh-control); }
}
.mc :is(.mc-resumen, .mc-guardado, .apr-resultado), .mc .apr-panel:not(.apr-origen):not(.apr-especie) { box-shadow: var(--sombra-suave); }
.mc .mc-tabla :is(th, td), .mc .mc-molienda__fila, .mc .mc-molienda__fila > * + * {
 border-color: var(--transparente);
}
/* Los controles mantienen sus señales de selección y foco. */

.mc h1[tabindex="-1"]:focus { outline: none; }

/* Selección por superficie y marca, sin marco oscuro. */
.mc .mc-cabecera { border: none; }
.mc .mc-opcion:has(input:checked), .mc .mc-opcion[aria-pressed="true"],
.mc .mc-metodo[aria-pressed="true"], .mc .mc-pastilla[aria-pressed="true"],
.mc .mc-intensidad-opcion:has(input:checked) {
 border-color: var(--transparente);
 box-shadow: var(--relieve-tarjeta);
 background: var(--durazno);
}
.mc .mc-nav a[aria-current="page"], .mc .mc-tabs a[aria-current="page"],
.mc .mc-btn[aria-pressed="true"], .mc .apr-opciones label:has(input:checked) {
 border-color: var(--transparente);
 box-shadow: none;
 background: var(--durazno);
}

/* Comandos con el mismo relieve, sin marco, conservando tamaños. */
.mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], :is([data-action="continuar"], [data-action="empezar"]), .mc-volver) {
 border-color: var(--transparente);
 box-shadow: var(--relieve-tarjeta);
}
.mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], .mc-volver) { background: var(--blanco); }
.mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], :is([data-action="continuar"], [data-action="empezar"]), .mc-volver):disabled { box-shadow: none; }
@media (max-width: 899px) {
 .mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], :is([data-action="continuar"], [data-action="empezar"]), .mc-volver) {
  background: var(--transparente); box-shadow: none;
 }
 .mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], :is([data-action="continuar"], [data-action="empezar"]), .mc-volver)::before {
  border-color: var(--transparente);
  box-shadow: var(--relieve-tarjeta);
 }
 .mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], .mc-volver)::before { background: var(--blanco); }
 .mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], :is([data-action="continuar"], [data-action="empezar"]), .mc-volver):disabled::before { box-shadow: none; }
}

/* Resumen secundario proporcionado al paso principal. */
.mc .mc-layout > .mc-resumen {
 font-size: var(--t-xs); line-height: var(--lh-control);
 padding: var(--s-4); gap: var(--s-2);
}
.mc .mc-resumen > h2 { font-size: var(--tipo-h4); line-height: var(--lh-titulo); }
@media (min-width: 900px) {
 .mc .mc-layout > .mc-resumen { font-size: var(--t-sm); }
}

/* Una misma escala y separación para los seis pasos. */
.mc .mc-layout--flujo > .mc-principal > h1 { font-size: var(--tipo-h1); }
.mc .mc-layout--flujo .mc-opciones .mc-opcion { gap: var(--s-3); font-size: var(--t-base); }
.mc .mc-layout--flujo .mc-opciones .mc-opcion small { font-size: var(--t-sm); line-height: var(--lh-control); }
.mc .mc-layout--flujo > .mc-principal > p { font-size: var(--t-base); }
@media (max-width: 899px) {
 .mc .mc-layout--flujo > .mc-principal { padding-inline: var(--s-2); }
 .mc .mc-layout--flujo .mc-opciones .mc-opcion { font-size: var(--t-opcion-nombre); padding-inline: var(--s-2); }
 .mc .mc-layout--flujo .mc-opciones .mc-opcion small { font-size: var(--t-opcion-detalle); }
 .mc .mc-layout--flujo .mc-opcion__selector { width: var(--icono-opcion-movil); }
 .mc .mc-layout--flujo > .mc-principal > p { font-size: var(--t-sm); line-height: var(--lh-control); }
}

/* Esquinas armonizadas: controles 8 px; contenedores 12 px. */
.mc :is(.mc-btn, .mc-nav a, .mc-tabs a, .mc-chip, .apr-opciones label),
.mc .mc-principal :is([data-action="nuevo"], [data-action="atras"], :is([data-action="continuar"], [data-action="empezar"]), .mc-volver)::before {
 border-radius: var(--r-s);
}
.mc :is(.mc-card, .mc-resumen, .mc-cabecera, .mc-recuperacion, .mc-guardado) { border-radius: var(--r-l); }

/* Banner y navegación forman un grupo; contenido con más aire debajo. */
.mc .mc-page { row-gap: var(--s-3); }
.mc .mc-page > .mc-nav { margin-bottom: calc(var(--s-6) - var(--s-3)); }
@media (min-width: 900px) {
 .mc .mc-page { row-gap: var(--s-4); }
 .mc .mc-page > .mc-nav { margin-bottom: var(--s-4); }
}


/* Tres bloques: progreso, pregunta y opciones. */
.mc .mc-layout--flujo > .mc-principal { padding-top: var(--s-3); gap: var(--s-4); }
.mc .mc-paso { gap: var(--s-2); }
.mc .mc-progreso-bloque { display: grid; gap: var(--cero); min-width: var(--cero); }
.mc .mc-paso > .mc-btn { flex-shrink: 0; }
.mc .mc-pregunta { display: grid; gap: var(--s-1); min-width: var(--cero); }
.mc .mc-pregunta > h1 { font-size: var(--tipo-h1); }
.mc .mc-pregunta > p { font-size: var(--t-base); }
@media (max-width: 899px) {
 .mc .mc-layout--flujo > .mc-principal { padding-top: var(--s-2); }
 .mc .mc-pregunta > p { font-size: var(--t-sm); line-height: var(--lh-control); }
}

/* Reinicio separado de las acciones principales y del progreso. */
.mc .mc-progreso-bloque .mc-paso { min-height: auto; }
.mc .mc-progreso-bloque { gap: var(--s-2); }
.mc .mc-reinicio-fila { display: flex; justify-content: center; }
.mc .mc-reinicio-fila > [data-action="nuevo"] { width: auto; }

@media (max-width: 899px) {
 .mc .mc-layout--flujo { --tipo-h1-paso: 22px; }
 .mc .mc-pregunta > h1 { font-size: var(--tipo-h1-paso); }
}

/* Mismo ancho y columnas de alineación en todos los pasos. */
.mc .mc-layout--flujo > .mc-principal { width: var(--total); }
.mc .mc-layout--flujo .mc-opciones {
 width: var(--total); grid-template-columns: minmax(0,1fr); justify-items: stretch;
}
.mc .mc-layout--flujo .mc-opciones > *,
.mc .mc-layout--flujo .mc-opciones .mc-opcion {
 width: var(--total); min-width: var(--cero); max-width: var(--total);
}
.mc .mc-layout--flujo .mc-opciones .mc-opcion {
 padding-inline: var(--s-3); gap: var(--s-3);
}
.mc .mc-layout--flujo .mc-opcion__selector,
.mc .mc-layout--flujo .mc-opcion:not(.mc-opcion--ilustrada) > input {
 width: var(--selector-opcion); flex: 0 0 var(--selector-opcion);
}
.mc .mc-layout--flujo .mc-opcion > span:not(.mc-opcion__selector):not(.mc-opcion__marca) { min-width: var(--cero); flex: 1; }
@media (max-width: 899px) {
 .mc .mc-layout--flujo .mc-opciones .mc-opcion { padding-inline: var(--s-2); }
 .mc .mc-layout--flujo .mc-opcion__selector,
 .mc .mc-layout--flujo .mc-opcion:not(.mc-opcion--ilustrada) > input {
  width: var(--icono-opcion-movil); flex-basis: var(--icono-opcion-movil);
 }
}

.mc .mc-layout--flujo .mc-opcion .mc-efecto-intensidad { display: block; }

/* Taza del resumen: el nivel representa las seis elecciones de la receta. */
.mc .mc-resumen-cabecera { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.mc .mc-resumen-cabecera > h2 { margin: var(--cero); font-size: var(--tipo-h4); line-height: var(--lh-titulo); }
.mc .mc-resumen-taza { width: var(--sol-tamano); height: var(--sol-tamano); flex: 0 0 var(--sol-tamano); color: var(--tinta-suave); }
.mc .mc-resumen-taza .mc-taza-liquido { fill: var(--tinta-suave); stroke: none; }
.mc .mc-resumen-taza .mc-taza-vapor { stroke: var(--grano-contorno); }
.mc .mc-layout > .mc-resumen { background: var(--tarjeta); color: var(--tinta); }
@media (min-width: 900px) {
 .mc .mc-resumen-taza { width: var(--sol-tamano-escritorio); height: var(--sol-tamano-escritorio); flex-basis: var(--sol-tamano-escritorio); }
}

/* Ubicación: icono y selector nativo dentro de una única tarjeta. */
.mc .mc-layout--flujo .mc-ubicacion-selector > .mc-select {
 flex: 1; width: var(--total); min-width: var(--cero); min-height: var(--selector-opcion);
 padding: var(--cero); border: none; border-radius: var(--cero);
 background: var(--transparente); box-shadow: none; font-size: inherit; font-weight: var(--peso-etiqueta);
}
.mc .mc-ubicacion-selector:has(> select:focus-visible) { outline: var(--foco); outline-offset: var(--foco-offset); }
.mc .mc-ubicacion-selector > select:focus-visible { outline: none; }

/* Libreta de receta: misma superficie crema y anillas decorativas discretas. */
.mc .mc-layout > .mc-resumen { overflow: visible; padding-top: var(--s-5); }
@media (max-width: 899px) { .mc .mc-layout > .mc-resumen { position: relative; } }

/* Misma fila y tamaño de comandos en los seis pasos. */
.mc .mc-layout--flujo .mc-btn-fila { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mc .mc-layout--flujo .mc-btn-fila > :only-child { grid-column: 1 / -1; }
.mc .mc-opciones [role="status"]:empty { display: none; }


@media (max-width: 899px) { .mc .mc-lugar-altura { font-size: var(--t-opcion-detalle); } }

/* Receta estática: instrucciones a la izquierda, elecciones en la libreta. */
.mc .mc-receta-ingredientes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); }
.mc .mc-layout--flujo .mc-receta-cabecera .mc-receta-titulo { font-size: var(--tipo-h1); margin: var(--cero); }
.mc .mc-receta-utensilios > h2, .mc .mc-receta-instrucciones > h2 { font-size: var(--tipo-h3); line-height: var(--lh-titulo); font-weight: var(--peso-titulo); }
@media (min-width:900px) { .mc .mc-layout--flujo .mc-receta-cabecera .mc-receta-titulo { font-size: var(--tipo-h2); } }
.mc .mc-receta-grupo { padding: var(--s-3); background: var(--blanco); border-radius: var(--r-s); box-shadow: var(--relieve-tarjeta); min-width: var(--cero); }
.mc .mc-receta-grupo > h2 { display: flex; align-items: center; gap: var(--s-2); font-size: var(--tipo-h5); margin: var(--cero) var(--cero) var(--s-2); }
.mc .mc-receta-grupo > h2 > svg { width: var(--icono-opcion-movil); height: var(--icono-opcion-movil); flex-shrink: 0; }
.mc .mc-receta-grupo dl { display: grid; gap: var(--s-1); margin: var(--cero); font-size: var(--t-sm); }
.mc .mc-receta-grupo dl > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--cero) var(--s-2); }
.mc .mc-receta-grupo dt { font-weight: var(--peso-texto); }
.mc .mc-receta-grupo dd { margin: var(--cero); font-weight: var(--peso-medio); }
.mc .mc-receta-textura { font-weight: var(--peso-texto); color: var(--tinta-suave); }
.mc .mc-receta-utensilios > h2 { margin: var(--s-2) var(--cero) var(--s-3); }
.mc .mc-receta-utensilios ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); padding: var(--s-3); margin: var(--cero); list-style: none; border-radius: var(--r-s); background: var(--blanco); box-shadow: var(--relieve-tarjeta); }
.mc .mc-receta-utensilios li { display: flex; align-items: center; gap: var(--s-2); font-size: var(--t-sm); font-weight: var(--peso-medio); min-width: var(--cero); }
.mc .mc-receta-utensilios li > svg { width: var(--icono-opcion-movil); height: var(--icono-opcion-movil); flex-shrink: 0; }
.mc .mc-receta-utensilios small { display: block; font-size: inherit; font-weight: var(--peso-texto); color: var(--tinta-suave); }
@media (min-width:900px) { .mc .mc-receta-utensilios ul { grid-template-columns: repeat(3,minmax(0,1fr)); } }
.mc .mc-receta-instrucciones > h2 { margin: var(--s-2) var(--cero) var(--s-3); }
.mc .mc-receta-instrucciones ol { display: grid; gap: var(--s-3); margin: var(--cero); padding-left: var(--s-5); }
.mc .mc-receta-instrucciones li { padding: var(--s-4); background: var(--blanco); border-radius: var(--r-s); box-shadow: var(--relieve-tarjeta); }
.mc .mc-receta-instrucciones li::marker { font-weight: var(--peso-etiqueta); }
.mc .mc-receta-instrucciones h3 { font-size: var(--tipo-h5); margin: var(--cero) var(--cero) var(--s-1); }
.mc .mc-receta-instrucciones p { line-height: var(--lh-texto); font-weight: var(--peso-texto); font-size: var(--t-sm); margin: var(--s-1) var(--cero) var(--cero); }
.mc .mc-receta-instrucciones .mc-receta-indicacion { color: var(--tinta-suave); font-weight: var(--peso-texto); }
.mc .mc-receta-pie { display: grid; justify-items: start; gap: var(--s-2); }
.mc .mc-receta-pie > button, .mc .mc-resumen > [data-action="editar-eleccion"] { border: none; border-radius: var(--r-s); box-shadow: var(--relieve-tarjeta); font-size: var(--t-sm); }
.mc .mc-resumen > [data-action="editar-eleccion"] { background: var(--blanco); justify-self: start; }
.mc .mc-receta-pie > p:empty { display: none; }

/* Libreta final: misma jerarquía que las secciones y datos de la receta. */
.mc .mc-resumen--receta .mc-resumen-cabecera > h2 { font-size: var(--tipo-h3); font-weight: var(--peso-titulo); }
.mc .mc-resumen--receta .mc-lista { font-size: var(--t-sm); line-height: var(--lh-texto); }
.mc .mc-resumen--receta .mc-lista dt { font-weight: var(--peso-texto); }
.mc .mc-resumen--receta .mc-lista dd { font-weight: var(--peso-medio); }

/* Peso común de los títulos principales de la receta. */
.mc .mc-receta-titulo, .mc .mc-receta-utensilios > h2, .mc .mc-receta-instrucciones > h2 { font-weight: var(--peso-titulo); }

/* Elección final en móvil: panel inferior con la libreta original. */
.mc .mc-receta-cabecera { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); }
.mc .mc-ver-eleccion { display: none; }
.mc .mc-eleccion-dialog { border: none; padding: var(--s-4) var(--s-2) var(--s-2); background: transparent; color: var(--tinta); width: var(--total); max-width: var(--total); max-height: calc(var(--total) - var(--s-5)); margin: auto; overflow: auto; }
.mc .mc-eleccion-dialog::backdrop { background: rgb(59 36 24 / 65%); }
.mc .mc-eleccion-dialog .mc-resumen { position: relative; padding: var(--s-5) var(--s-4) var(--s-4); background: var(--tarjeta); box-shadow: var(--relieve-tarjeta); }
.mc .mc-eleccion-dialog .mc-resumen-cabecera { padding-right: var(--s-6); }
.mc .mc-eleccion-dialog .mc-resumen-taza { display: none; }
.mc .mc-eleccion-cerrar { position: absolute; right: var(--s-4); top: var(--s-4); min-height: var(--control-normal); min-width: var(--control-normal); border: none; border-radius: var(--r-s); background: var(--blanco); color: var(--tinta); font: inherit; cursor: pointer; box-shadow: var(--relieve-tarjeta); }
@media (max-width:899px) {
 .mc .mc-layout:has(.mc-receta-cabecera) > .mc-resumen { display: none; }
 .mc .mc-ver-eleccion { display: inline-flex; background: var(--blanco); border: none; box-shadow: var(--relieve-tarjeta); font-size: var(--t-xs); font-weight: var(--peso-medio); padding: var(--s-2) var(--s-3); }
 .mc .mc-eleccion-dialog .mc-lista { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-2) var(--s-3); }
}

/* Alineación inferior de libreta y bloque de elementos en escritorio. */
@media (min-width:900px) {
 .mc .mc-layout > .mc-resumen--receta { gap: var(--s-1); padding-top: calc(var(--s-5) - var(--s-1) / 2); padding-bottom: var(--s-2); }
}

/* Pop-up móvil y botón con el mismo argollado de la libreta. */
.mc .mc-ver-eleccion { position: relative; overflow: visible; }
.mc .mc-eleccion-dialog .mc-resumen { box-shadow: 0 var(--s-3) var(--s-6) rgb(59 36 24 / 35%); }

/* Clip metálico legible sobre papel y fondo. */
.mc .mc-receta-datos { display: grid; gap: var(--s-3); }
@media (min-width:900px) {
 .mc .mc-layout > .mc-resumen--receta { position: relative; top: auto; align-self: start; height: var(--altura-eleccion, auto); grid-template-rows: auto minmax(0,1fr) auto; }
 .mc .mc-layout > .mc-resumen--receta > .mc-lista { align-content: space-evenly; }
}

/* Libreta de escritorio más compacta en la cabecera y legible en los datos. */
@media (min-width:900px) {
 .mc .mc-layout > .mc-resumen--receta { padding: var(--s-4); gap: var(--s-2); }
 .mc .mc-layout > .mc-resumen--receta .mc-resumen-taza { width: var(--control-normal); height: var(--control-normal); flex-basis: var(--control-normal); }
 .mc .mc-layout > .mc-resumen--receta > .mc-lista { font-size: var(--t-opcion-nombre); gap: var(--s-2); align-content: center; }
}

/* Ingredientes móviles: cada grupo tiene espacio para etiquetas y valores. */
@media (max-width:899px) {
 .mc .mc-receta-ingredientes { grid-template-columns: minmax(0,1fr); }
 .mc .mc-receta-grupo > h2 { font-size: var(--tipo-h4); }
 .mc .mc-receta-grupo dl { gap: var(--s-2); }
 .mc .mc-receta-grupo dl > div { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: var(--s-2); align-items: baseline; }
 .mc .mc-receta-grupo dd { min-width: var(--cero); }
}

/* Etiqueta destacada y respuesta en texto normal, en receta y resumen. */
.mc .mc-resumen .mc-lista dt, .mc .mc-receta-grupo dt { font-weight: var(--peso-etiqueta); }
.mc .mc-resumen .mc-lista dd, .mc .mc-receta-grupo dd { font-weight: var(--peso-texto); }
.mc .mc-receta-grupo .mc-receta-textura { font: inherit; color: inherit; }

/* Historial: tarjetas blancas sobre el panel crema. */
.mc .mc-historial > .mc-guardado { background: var(--blanco); box-shadow: var(--relieve-tarjeta); }

/* Acciones finales alineadas con las tarjetas de instrucciones, no con sus números. */
.mc .mc-receta-pie { padding-inline-start: var(--s-5); }

/* Confirmación junto al botón antes de abrir Mis recetas. */
.mc .mc-receta-pie { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); }
.mc .mc-receta-pie > p { margin: var(--cero); font-size: var(--t-xs); font-weight: var(--peso-texto); line-height: var(--lh-control); text-align: center; }

/* Historial: acciones independientes del flujo de preparación. */
.mc .mc-historial > .mc-guardado { display: grid; gap: var(--s-4); }
.mc .mc-guardado-acciones { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.mc .mc-guardado-acciones > .mc-btn { border: none; background: var(--blanco); box-shadow: var(--relieve-tarjeta); font-size: var(--t-sm); font-weight: var(--peso-etiqueta); }
.mc .mc-historial-dialog { padding: var(--s-5); border: none; border-radius: var(--r-l); background: var(--tarjeta); color: var(--tinta); width: min(calc(var(--total) - 2 * var(--s-4)), 820px); max-height: calc(var(--total) - 2 * var(--s-5)); }
.mc .mc-historial-dialog::backdrop { background: rgb(59 36 24 / 65%); }
.mc .mc-historial-cerrar { display: flex; margin: var(--cero); flex-shrink: 0; border: none; background: var(--blanco); box-shadow: var(--relieve-tarjeta); }
.mc .mc-historial-receta .mc-receta-cabecera > h1 { font-size: var(--tipo-h2); }
@media (min-width:900px) {
 .mc .mc-historial > .mc-guardado { grid-template-columns: minmax(0,1fr) max-content; align-items: center; }
 .mc .mc-guardado-acciones { display: grid; }
}
@media (max-width:899px) {
 .mc .mc-guardado-acciones { display: grid; grid-template-columns: minmax(0,1fr) max-content; }
 .mc .mc-guardado-acciones > .mc-btn { font-size: var(--t-xs); padding-inline: var(--s-2); }
 .mc .mc-historial-dialog { padding: var(--s-4); }
}

/* Recetario: método, características y cantidades en bloques claros. */
.mc .mc-guardado-cabecera { display: flex; align-items: center; gap: var(--s-3); }
.mc .mc-guardado-cabecera > svg { width: var(--control-normal); height: var(--control-normal); flex-shrink: 0; }
.mc .mc-guardado-cabecera h2 { margin: var(--cero); font-size: var(--tipo-h3); }
.mc .mc-guardado-cabecera strong { font-size: var(--tipo-h4); }
.mc .mc-guardado-cabecera p { margin: var(--s-1) var(--cero) var(--cero); font-size: var(--t-xs); color: var(--tinta-suave); }
.mc .mc-guardado-detalles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); margin: var(--cero); font-size: var(--t-sm); }
.mc .mc-guardado-detalles > div { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
.mc .mc-guardado-detalles svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
.mc .mc-guardado-detalles dt, .mc .mc-guardado-detalles dd { display: inline; margin: 0; }
.mc .mc-guardado-detalles dt { font-weight: var(--peso-etiqueta); }
.mc .mc-guardado-detalles dd { font-weight: var(--peso-texto); }
.mc .mc-guardado-cantidades { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-2); background: var(--papel); padding: var(--s-3); border-radius: var(--r-s); }
.mc .mc-guardado-cantidades > div { display: flex; align-items: center; gap: var(--s-2); font-size: var(--t-sm); }
.mc .mc-guardado-cantidades svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
.mc .mc-guardado-cantidades b { display: block; font-weight: var(--peso-etiqueta); font-size: var(--t-xs); }
.mc .mc-guardado-cantidades span > span { display: block; }
.mc .mc-guardado-acciones > [data-action="ver-receta"] { background: var(--cereza); color: var(--blanco); }
.mc .mc-guardado-acciones > [data-action="borrar"] { background: var(--tarjeta-inactiva); color: var(--tinta); }
.mc .mc-receta-utensilios > h2, .mc .mc-receta-instrucciones > h2 { display: flex; align-items: center; gap: var(--s-2); }
.mc .mc-receta-utensilios > h2 > svg, .mc .mc-receta-instrucciones > h2 > svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
.mc .mc-historial-contexto { display: grid; gap: var(--s-4); background: var(--blanco); padding: var(--s-4); border-radius: var(--r-s); box-shadow: var(--relieve-tarjeta); }
.mc .mc-historial-cerrar { position: static; }
@media(min-width:900px) {
 .mc .mc-guardado-detalles { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .mc .mc-historial > .mc-guardado { gap: var(--s-5); }
}
@media(max-width:899px) {
 .mc .mc-guardado-cantidades > div { flex-direction: column; align-items: flex-start; gap: var(--s-1); }
 .mc .mc-guardado-cantidades b { font-size: var(--t-opcion-detalle); }
 .mc .mc-guardado-detalles { gap: var(--s-2); }
 .mc .mc-guardado-detalles > div { gap: var(--s-1); }
 .mc .mc-historial-contexto { padding: var(--s-3); }
}

/* Recetas guardadas: tres columnas de 3, 3 y 2 datos, sin franja separada. */
.mc .mc-guardado-cabecera > svg { width: var(--sol-tamano); height: var(--sol-tamano); }
.mc .mc-guardado-cabecera > div { display: grid; align-content: center; gap: var(--s-1); }
.mc .mc-guardado-cabecera p { margin: var(--cero); }
.mc .mc-guardado-columnas { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-4); align-items: center; }
.mc .mc-guardado-columnas dl { display: grid; gap: var(--s-3); margin: var(--cero); font-size: var(--t-sm); }
.mc .mc-guardado-columnas dl > div { display: flex; align-items: center; gap: var(--s-1); flex-wrap: wrap; }
.mc .mc-guardado-columnas dt { display: inline-flex; align-items: center; gap: var(--s-2); font-weight: var(--peso-etiqueta); }
.mc .mc-guardado-columnas dd { margin: var(--cero); font-weight: var(--peso-texto); }
.mc .mc-guardado-columnas svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
.mc .mc-guardado-acciones > [data-action="ver-receta"] { background: var(--maracuya); color: var(--tinta); }
.mc .mc-guardado-acciones > [data-action="borrar"] { background: var(--cereza); color: var(--blanco); }
@media(max-width:899px) {
 .mc .mc-guardado-columnas { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); align-items: start; }
 .mc .mc-guardado-columnas dl { gap: var(--s-2); }
 .mc .mc-guardado-columnas dt { gap: var(--s-1); }
 .mc .mc-guardado-columnas dl:last-child { grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Móvil: pares de grupos con etiqueta y valor alineados en dos niveles. */
@media(max-width:899px) {
 .mc .mc-guardado-columnas { align-items: start; }
 .mc .mc-guardado-columnas dl { gap: var(--s-3); }
 .mc .mc-guardado-columnas dl > div { display: grid; gap: var(--s-1); align-content: start; }
 .mc .mc-guardado-columnas dt { display: flex; font-size: var(--t-xs); line-height: var(--lh-control); }
 .mc .mc-guardado-columnas dd { padding-left: calc(var(--s-5) + var(--s-1)); font-size: var(--t-sm); line-height: var(--lh-control); }
}

/* Variante horizontal: método/tazas, tres pares de datos y fecha/acciones. */
.mc .mc-guardado-web { display: none; }
@media(min-width:900px) {
 .mc .mc-historial > .mc-guardado { display: block; }
 .mc .mc-guardado > .mc-guardado-contenido, .mc .mc-guardado > .mc-guardado-acciones { display: none; }
 .mc .mc-guardado-web { display: grid; grid-template-columns: max-content minmax(0,1fr) max-content; align-items: center; gap: var(--s-6); }
 .mc .mc-guardado-web .mc-guardado-columnas { grid-template-columns: repeat(3,max-content); justify-content: space-evenly; gap: var(--s-5); align-items: center; }
 .mc .mc-guardado-web .mc-guardado-cabecera { gap: var(--s-2); }
 .mc .mc-guardado-web .mc-guardado-cabecera > div { text-align: center; }
 .mc .mc-guardado-web .mc-guardado-cabecera p { font-size: var(--t-sm); color: var(--tinta); }
 .mc .mc-guardado-web .mc-guardado-acciones { justify-items: stretch; }
 .mc .mc-guardado-fecha { margin: var(--cero) var(--cero) var(--s-1); font-size: var(--t-xs); color: var(--tinta-suave); text-align: center; }
}

/* Recetario móvil plegable: el resumen muestra solo cuatro datos. */
.mc .mc-guardado-movil { display: none; }
@media(max-width:899px) {
 .mc .mc-guardado-movil { display: block; }
 .mc .mc-guardado-movil > summary { display: flex; align-items: center; gap: var(--s-2); cursor: pointer; list-style: none; min-height: var(--control-normal); }
 .mc .mc-guardado-movil > summary::-webkit-details-marker { display: none; }
 .mc .mc-guardado-preview { display: grid; gap: var(--s-3); flex: 1; min-width: 0; }
 .mc .mc-guardado-movil .mc-guardado-cabecera { gap: var(--s-2); }
 .mc .mc-guardado-movil .mc-guardado-cabecera > svg { width: var(--control-normal); height: var(--control-normal); }
 .mc .mc-preview-tazas { display: block; font-size: var(--t-sm); font-weight: var(--peso-texto); }
 .mc .mc-preview-caracteristicas { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); font-size: var(--t-sm); }
 .mc .mc-preview-caracteristicas b { display: block; font-size: var(--t-xs); font-weight: var(--peso-etiqueta); }
 .mc .mc-desplegar-flecha { font-size: var(--t-lg); flex-shrink: 0; }
 .mc .mc-guardado-movil[open] .mc-desplegar-flecha { transform: rotate(180deg); }
 .mc .mc-guardado-desplegado { display: grid; gap: var(--s-4); margin-top: var(--s-4); }
 .mc .mc-dropdown-fecha { margin: 0; font-size: var(--t-xs); color: var(--tinta-suave); }
 .mc .mc-dropdown-datos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); margin: 0; }
 .mc .mc-dropdown-datos > div { display: grid; gap: var(--s-1); align-content: start; }
 .mc .mc-dropdown-datos dt { display: flex; align-items: center; gap: var(--s-1); font-size: var(--t-xs); font-weight: var(--peso-etiqueta); }
 .mc .mc-dropdown-datos svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
 .mc .mc-dropdown-datos dd { margin: 0; padding-left: calc(var(--s-5) + var(--s-1)); font-size: var(--t-sm); font-weight: var(--peso-texto); }
}

/* Historial web compacto: fecha/consulta y papelera en la esquina inferior. */
@media(min-width:900px) {
 .mc .mc-historial > .mc-guardado { padding-block: var(--s-3); }
 .mc .mc-guardado-web .mc-guardado-acciones { grid-template-columns: minmax(0,1fr) var(--control-normal); gap: var(--s-2); align-items: end; }
 .mc .mc-guardado-web .mc-guardado-fecha { grid-column: 1; margin: 0; font-weight: var(--peso-etiqueta); color: var(--tinta); }
 .mc .mc-guardado-web [data-action="ver-receta"] { grid-column: 1; grid-row: 2; }
 .mc .mc-guardado-web .mc-borrar-icono { grid-column: 2; grid-row: 2; width: var(--control-normal); height: var(--control-normal); padding: var(--s-2); }
 .mc .mc-borrar-icono > svg { width: var(--s-5); height: var(--s-5); }
}

/* Contexto de la receta consultada: método y cuatro datos, sin iconos repetidos. */
.mc .mc-historial-contexto { grid-template-columns: minmax(0,1fr); gap: var(--s-3); padding: var(--s-3); align-items: center; }
.mc .mc-contexto-metodo { display: flex; align-items: center; gap: var(--s-2); }
.mc .mc-contexto-metodo > svg { width: var(--control-normal); height: var(--control-normal); flex-shrink: 0; }
.mc .mc-contexto-nombre { display: flex; align-items: baseline; gap: var(--s-3); }
.mc .mc-contexto-nombre > strong { font-size: var(--tipo-h4); font-weight: var(--peso-titulo); }
.mc .mc-contexto-nombre > span { font-size: var(--t-sm); font-weight: var(--peso-texto); }
.mc .mc-contexto-metodo p { font-size: var(--t-xs); color: var(--tinta-suave); margin: var(--s-1) 0 0; }
.mc .mc-contexto-datos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-2) var(--s-4); margin: 0; }
.mc .mc-contexto-datos > div { display: grid; gap: var(--s-1); }
.mc .mc-contexto-datos dt { font-size: var(--t-xs); font-weight: var(--peso-etiqueta); line-height: var(--lh-control); }
.mc .mc-contexto-datos dd { font-size: var(--t-sm); font-weight: var(--peso-texto); line-height: var(--lh-control); margin: 0; }
@media(min-width:900px) {
 .mc .mc-historial-contexto { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: var(--s-5); }
}

/* Resumen móvil en una fila: método/tazas, proceso y flecha. */
@media(max-width:899px) {
 .mc .mc-guardado-preview { grid-template-columns: minmax(0,1fr) max-content; gap: var(--s-2); align-items: center; }
 .mc .mc-preview-proceso { display: grid; gap: var(--s-1); font-size: var(--t-sm); line-height: var(--lh-control); }
 .mc .mc-preview-proceso > b { font-size: var(--t-xs); font-weight: var(--peso-etiqueta); }
 .mc .mc-preview-proceso > span { font-weight: var(--peso-texto); }
}

/* Papelera móvil pequeña con área táctil de 44 px. */
@media(max-width:899px) {
 .mc .mc-guardado-movil .mc-borrar-icono { width: var(--control-normal); height: var(--control-normal); min-width: var(--control-normal); padding: var(--s-2); }
 .mc .mc-guardado-movil .mc-borrar-icono > svg { width: var(--s-4); height: var(--s-4); }
}

/* Contexto del pop-up web: cada etiqueta acompaña a su valor. */
@media(min-width:900px) {
 .mc .mc-contexto-datos > div { display: flex; align-items: baseline; flex-wrap: nowrap; gap: var(--s-1); }
 .mc .mc-contexto-datos dt, .mc .mc-contexto-datos dd { font-size: var(--t-sm); white-space: nowrap; }
}

/* Desplegable móvil centrado y compacto, con fecha al pie. */
@media(max-width:899px) {
 .mc .mc-guardado-movil > summary { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) var(--s-5); gap: var(--s-3); }
 .mc .mc-guardado-preview { display: contents; }
 .mc .mc-guardado-movil summary .mc-guardado-cabecera { justify-content: center; }
 .mc .mc-preview-proceso { justify-self: center; text-align: center; gap: 0; }
 .mc .mc-desplegar-flecha { display: flex; align-items: center; justify-content: center; width: var(--s-5); height: var(--s-5); color: var(--tinta); }
 .mc .mc-desplegar-flecha > svg { width: var(--s-5); height: var(--s-5); }
 .mc .mc-dropdown-datos { grid-auto-rows: minmax(0,1fr); column-gap: var(--s-4); row-gap: var(--s-3); }
 .mc .mc-dropdown-datos > div { grid-template-rows: var(--s-5) auto; gap: 0; }
 .mc .mc-dropdown-datos dt, .mc .mc-dropdown-datos dd { line-height: var(--lh-titulo); }
 .mc .mc-guardado-movil .mc-guardado-acciones { align-items: center; row-gap: var(--s-1); }
 .mc .mc-guardado-movil .mc-dropdown-fecha { grid-column: 1; margin: 0; text-align: right; font-size: var(--t-xs); line-height: var(--lh-control); }
}

/* Receta consultada en web: características 3, utensilios 3, ingredientes 2. */
@media(min-width:900px) {
 .mc .mc-historial-receta > .mc-receta-datos { display: contents; }
 .mc .mc-historial-receta .mc-receta-cabecera { order: 0; }
 .mc .mc-historial-receta .mc-historial-contexto { order: 1; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-3); }
 .mc .mc-historial-receta .mc-contexto-datos { grid-column: 2 / 4; column-gap: var(--s-3); }
 .mc .mc-historial-receta > .mc-receta-utensilios { order: 2; }
 .mc .mc-historial-receta .mc-receta-ingredientes { order: 3; }
 .mc .mc-historial-receta > .mc-receta-instrucciones { order: 4; }
 .mc .mc-historial-receta :is(.mc-contexto-metodo,.mc-contexto-datos,.mc-receta-utensilios li,.mc-receta-grupo) { text-align: left; justify-content: start; }
 .mc .mc-historial-receta .mc-contexto-datos > div { align-items: baseline; }
 .mc .mc-historial-receta .mc-receta-utensilios ul { grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-3); }
}

/* Fecha móvil al extremo derecho, alineada con la papelera. */
@media(max-width:899px) { .mc .mc-guardado-movil .mc-dropdown-fecha { grid-column: 1 / -1; text-align: right; } }

/* Dos columnas móviles con espacio lateral equilibrado e icono de proceso. */
@media(max-width:899px) {
 .mc .mc-dropdown-datos { grid-template-columns: repeat(2,max-content); justify-content: space-evenly; column-gap: var(--s-4); }
 .mc .mc-preview-proceso { text-align: left; }
 .mc .mc-preview-proceso > b { display: flex; align-items: center; gap: var(--s-1); }
 .mc .mc-preview-proceso > b > svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
 .mc .mc-preview-proceso > span { padding-left: calc(var(--s-5) + var(--s-1)); }
}

/* Confirmación de borrado compartida entre móvil y escritorio. */
.mc .mc-confirmar-borrado { border: none; border-radius: var(--r-l); padding: var(--s-5); width: min(420px,calc(var(--total) - 2 * var(--s-4))); background: var(--tarjeta); color: var(--tinta); box-shadow: var(--relieve-tarjeta); }
.mc .mc-confirmar-borrado::backdrop { background: rgb(59 36 24 / 65%); }
.mc .mc-confirmar-borrado h2 { font-size: var(--tipo-h3); margin: 0; }
.mc .mc-confirmar-borrado p { font-size: var(--t-sm); margin: var(--s-3) 0 var(--s-5); }
.mc .mc-confirmar-acciones { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); }
.mc .mc-confirmar-acciones .mc-btn { border: none; box-shadow: var(--relieve-tarjeta); font-size: var(--t-sm); }
.mc .mc-confirmar-acciones [data-action="aceptar-borrado"] { background: var(--cereza); color: var(--blanco); }
.mc .mc-confirmar-acciones [data-action="cancelar-borrado"] { background: var(--blanco); color: var(--tinta); }

/* Iconos de características en el contexto del pop-up web. */
.mc .mc-contexto-datos dt > svg { display: none; }
@media(min-width:900px) {
 .mc .mc-contexto-datos > div { align-items: center; }
 .mc .mc-contexto-datos dt { display: inline-flex; align-items: center; gap: var(--s-1); }
 .mc .mc-contexto-datos dt > svg { display: block; width: calc(var(--s-4) + var(--s-1)); height: calc(var(--s-4) + var(--s-1)); flex-shrink: 0; }
}

/* Confirmación con pregunta y advertencia en un único nivel. */
.mc .mc-confirmar-borrado h2 { margin-bottom: var(--s-5); }
.mc .mc-confirmar-acciones { align-items: stretch; }
.mc .mc-confirmar-acciones > .mc-btn { height: var(--control-normal); min-height: var(--control-normal); margin: 0; }

/* Pop-up web en tres bloques: contexto, elementos y preparación. */
@media(min-width:900px) {
 .mc .mc-historial-receta { gap: var(--s-3); }
 .mc .mc-historial-receta > .mc-receta-utensilios,
 .mc .mc-historial-receta > .mc-receta-instrucciones { margin-top: calc(var(--s-6) - var(--s-3)); }
 .mc .mc-historial-receta > .mc-receta-utensilios > h2,
 .mc .mc-historial-receta > .mc-receta-instrucciones > h2 { margin: 0 0 var(--s-3); }
 .mc .mc-historial-receta .mc-receta-instrucciones ol { gap: var(--s-3); }
}

/* Tarjeta móvil: iconos uniformes centrados entre etiqueta y valor. */
@media(max-width:899px) {
 .mc .mc-guardado-movil .mc-guardado-cabecera > svg { width: var(--s-5); height: var(--s-5); }
 .mc .mc-guardado-movil .mc-guardado-cabecera { gap: var(--s-2); }
 .mc .mc-dropdown-datos { grid-template-columns: repeat(2,max-content); justify-content: space-evenly; align-items: center; gap: var(--s-4); }
 .mc .mc-dropdown-datos > div { display: grid; grid-template-columns: var(--s-5) max-content; grid-template-rows: auto auto; gap: calc(var(--s-1) / 2) var(--s-1); align-items: center; align-content: center; }
 .mc .mc-dropdown-datos dt { display: contents; }
 .mc .mc-dropdown-datos dt > svg { grid-column: 1; grid-row: 1 / 3; align-self: center; width: var(--s-5); height: var(--s-5); }
 .mc .mc-dropdown-datos dt > span { grid-column: 2; grid-row: 1; font-size: var(--t-xs); font-weight: var(--peso-etiqueta); line-height: var(--lh-control); }
 .mc .mc-dropdown-datos dd { grid-column: 2; grid-row: 2; padding: 0; margin: 0; font-size: var(--t-sm); font-weight: var(--peso-texto); line-height: var(--lh-control); }
 .mc .mc-preview-proceso { display: grid; grid-template-columns: var(--s-5) max-content; grid-template-rows: auto auto; gap: calc(var(--s-1) / 2) var(--s-1); align-items: center; }
 .mc .mc-preview-proceso > b { display: contents; }
 .mc .mc-preview-proceso > b > svg { grid-column: 1; grid-row: 1 / 3; align-self: center; width: var(--s-5); height: var(--s-5); }
 .mc .mc-preview-proceso > b > span { grid-column: 2; grid-row: 1; font-size: var(--t-xs); font-weight: var(--peso-etiqueta); line-height: var(--lh-control); }
 .mc .mc-preview-proceso > span { grid-column: 2; grid-row: 2; padding: 0; line-height: var(--lh-control); }
}

/* Etiqueta y respuesta centradas en la misma fila del contexto web. */
@media(min-width:900px) {
 .mc .mc-historial-dialog .mc-contexto-datos > div { align-items: center; }
}

/* Cabecera del resumen alineada con la barra de progreso en escritorio. */
@media(min-width:900px) {
 .mc .mc-layout--flujo > .mc-resumen:not(.mc-resumen--receta) { padding-top: calc(var(--s-3) + var(--s-1) / 2); }
}

/* Navegación: el mismo contorno discreto en los tres estados. */
.mc .mc-nav a, .mc .mc-nav a[aria-current="page"] { border: var(--borde-discreto); box-shadow: none; font-weight: var(--peso-medio); }

/* Resumen de los pasos más compacto en móvil. */
@media(max-width:899px) {
 .mc .mc-layout--flujo > .mc-resumen:not(.mc-resumen--receta) { padding-top: var(--s-3); }
 .mc .mc-layout--flujo > .mc-resumen:not(.mc-resumen--receta) .mc-resumen-taza { width: var(--control-normal); height: var(--control-normal); flex-basis: var(--control-normal); }
}

/* Indicador de paso móvil con menor peso visual. */
@media(max-width:899px) {
 .mc .mc-progreso-bloque .mc-paso > span { font-weight: var(--peso-medio); }
}

/* País y ciudad comparten la marca de selección de los demás pasos. */
:root { --grano-aprende: #89955B; }
.mc .mc-ubicacion-selector { position: relative; }
.mc .mc-ubicacion-selector > .mc-select { padding-right: calc(var(--s-6) + var(--s-2)); }
.mc .mc-ubicacion-check { position: absolute; right: var(--s-6); top: 50%; transform: translateY(-50%); pointer-events: none; }
.mc .mc-ubicacion-selector:has(> select:not(:disabled) option:checked:not([value=""])) > .mc-ubicacion-check { visibility: visible; }

/* Ajuste móvil perceptible: indicador menor y cabecera del resumen sin aire extra. */
@media(max-width:899px) {
 .mc .mc-progreso-bloque .mc-paso > span { font-size: var(--t-sm); font-weight: var(--peso-medio); line-height: var(--lh-control); }
 .mc .mc-layout--flujo > .mc-resumen:not(.mc-resumen--receta) { padding-top: var(--s-2); }
 .mc .mc-layout--flujo > .mc-resumen:not(.mc-resumen--receta) .mc-resumen-taza { width: var(--icono-opcion-movil); height: var(--icono-opcion-movil); flex-basis: var(--icono-opcion-movil); }
}

/* Barra móvil elegida: gris crema con sombra de contorno, selección durazno. */
:root {
 --nav-inferior-fondo: color-mix(in srgb, var(--tarjeta-inactiva) 65%, var(--papel));
 --nav-inferior-sombra: 0 0 0 1px rgb(59 36 24 / 20%), 0 4px 16px rgb(59 36 24 / 20%);
}
.mc .mc-nav .mc-nav-texto-corto { display: none; }
@media(max-width:899px) {
 :root { --nav-inferior-alto: 68px; }
 .mc .mc-page { padding-bottom: calc(var(--nav-inferior-alto) + var(--s-7) + env(safe-area-inset-bottom)); }
 .mc .mc-page > .mc-nav {
  position: fixed; left: var(--s-3); right: var(--s-3); bottom: calc(var(--s-3) + env(safe-area-inset-bottom)); z-index: 20;
  width: auto; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-1);
  padding: var(--s-1); background: var(--nav-inferior-fondo); border-radius: var(--r-l); box-shadow: var(--nav-inferior-sombra);
 }
 .mc .mc-nav a, .mc .mc-nav a:first-child, .mc .mc-nav a[aria-current="page"] {
  grid-column: auto; flex-direction: column; justify-content: center; gap: calc(var(--s-1) / 2); min-height: calc(var(--control-normal) + var(--s-1));
  padding: calc(var(--s-1) / 2) var(--s-2); font-size: var(--t-xs); line-height: var(--lh-control); font-weight: var(--peso-medio);
  border: none; border-radius: var(--r-s); box-shadow: none; background: transparent;
 }
 .mc .mc-nav a[aria-current="page"] { background: var(--durazno); font-weight: var(--peso-etiqueta); }
 .mc .mc-nav .mc-icono { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
 .mc .mc-nav .mc-nav-texto-largo { display: none; }
 .mc .mc-nav .mc-nav-texto-corto { display: inline; }
}



/* Identidad elegida: La sala de casa 06B v3. Solo banner y fondo. */
:root {
 --sala-imagen: url("sala-casa.webp");
 --sala-base: #e8e6de;
 --sala-fondo-opacidad: .2;
 --sala-banner-web: 420px;
 --sala-banner-movil: 180px;
 --sala-velo: linear-gradient(0deg, rgb(12 18 13 / 72%) 0%, rgb(12 18 13 / 65%) 28%, rgb(12 18 13 / 0%) 65%);
}
.mc.mc-fondo-granos { background-color: var(--sala-base); }
.mc.mc-fondo-granos::before { background-image: var(--sala-imagen); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: var(--sala-fondo-opacidad); }
.mc .mc-cabecera { height: var(--sala-banner-web); background: var(--tinta); border: none; }
.mc .mc-cabecera__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mc .mc-cabecera::after { content: ""; position: absolute; inset: 0; background: var(--sala-velo); pointer-events: none; }
.mc .mc-cabecera__texto { position: absolute; inset: auto 0 0; z-index: 1; padding: var(--s-5) var(--s-6); text-shadow: 0 2px 8px rgb(0 0 0 / 24%); }
.mc .mc-cabecera__titulo, .mc .mc-cabecera__lema { color: var(--blanco); }
@media(max-width:899px) {
 .mc .mc-cabecera { height: var(--sala-banner-movil); --sala-velo: linear-gradient(0deg, rgb(12 18 13 / 72%), rgb(12 18 13 / 0%) 60%); }
 .mc .mc-cabecera__texto { padding: var(--s-4); }
}

@media(min-width:900px) {
 :root { --cabecera-titulo-escritorio: 44px; }
}


/* Aprende: tres lecciones con el sistema vigente. No modifica Origen ni el formulario. */
:root { --apr-icono-leccion: 36px; --apr-muestra-ancho: 96px; --apr-muestra-alto: 64px; }
.mc .apr-leccion { display: grid; gap: var(--s-5); min-width: 0; }
.mc .apr-leccion-cabecera { display: grid; gap: var(--s-2); }
.mc .apr-leccion-cabecera > p { font-size: var(--t-base); line-height: var(--lh-control); }
.mc .apr-leccion .mc-titulo-fila { align-items: center; gap: var(--s-3); }
.mc .apr-superficie { min-width: 0; padding: var(--s-4); border: none; border-radius: var(--r-s); background: var(--blanco); box-shadow: var(--relieve-tarjeta); }
.mc .apr-leccion h2 { font-size: var(--tipo-h4); line-height: var(--lh-titulo); font-weight: var(--peso-titulo); margin: 0; }
.mc .apr-leccion strong, .mc .apr-leccion dt { font-weight: var(--peso-etiqueta); }
.mc .apr-leccion p { margin: 0; }
.mc .apr-leccion .apr-opciones { gap: var(--s-2); }
.mc .apr-leccion .apr-opciones legend { font-size: var(--t-sm); }
.mc .apr-leccion .apr-opciones label { min-height: var(--control-normal); border: none; border-radius: var(--r-s); background: var(--papel); box-shadow: none; font-size: var(--t-sm); font-weight: var(--peso-medio); }
.mc .apr-leccion .apr-opciones label:has(input:checked) { background: var(--durazno); box-shadow: none; }
.mc .apr-leccion .apr-opciones input { accent-color: var(--hoja-oscuro); }
.mc .apr-leccion .mc-campo, .mc .apr-leccion .mc-select { background: var(--blanco); border: var(--borde-discreto); box-shadow: none; min-height: var(--control-normal); font-size: var(--t-base); font-weight: var(--peso-medio); padding: var(--s-2) var(--s-3); }
.mc .apr-controles { display: grid; align-content: start; gap: var(--s-4); }
.mc .apr-campos { grid-template-columns: minmax(0,1fr); }
.mc .apr-campos label, .mc .apr-volumen { display: grid; align-content: center; gap: var(--s-2); font-size: var(--t-sm); font-weight: var(--peso-etiqueta); }
.mc .apr-conversor, .mc .apr-aclaraciones { display: grid; gap: var(--s-4); }
.mc .apr-equivalencias { display: grid; gap: var(--s-3); align-content: start; }
.mc .apr-resultados { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); }
.mc .apr-resultado { display: grid; gap: var(--s-3); align-content: center; }
.mc .apr-resultado-titulo { display: flex; align-items: center; gap: var(--s-2); font-weight: var(--peso-etiqueta); font-size: var(--t-xs); }
.mc .apr-resultado-titulo .mc-icono { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
.mc .apr-resultado p { font-size: var(--tipo-h2); font-weight: var(--peso-texto); line-height: var(--lh-titulo); overflow-wrap: anywhere; }
.mc .apr-resultado p > span { font-size: var(--t-sm); font-weight: var(--peso-texto); white-space: nowrap; }
.mc .apr-aclaraciones .apr-superficie { display: grid; gap: var(--s-2); font-size: var(--t-sm); }
.mc .apr-error:empty { display: none; }
.mc .apr-error { color: var(--cereza); }
.mc .apr-pie, .mc .apr-escala { font-size: var(--t-xs); line-height: var(--lh-texto); color: var(--tinta-suave); }
.mc .apr-grados-nuevos, .mc .apr-cafeina-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--s-4); }
.mc .apr-grado { display: grid; gap: var(--s-4); align-content: start; }
.mc .apr-grado-cabecera { display: flex; align-items: center; gap: var(--s-3); }
.mc .apr-grado-cabecera > div { display: grid; gap: var(--s-1); }
.mc .apr-grado .apr-textura { width: var(--apr-muestra-ancho); height: var(--apr-muestra-alto); flex-shrink: 0; border: none; background: var(--papel); box-shadow: none; }
.mc .apr-secuencia { font-size: var(--t-xs); color: var(--tinta-suave); }
.mc .apr-ficha { display: grid; gap: var(--s-3); margin: 0; font-size: var(--t-sm); }
.mc .apr-ficha > div { display: block; }
.mc .apr-ficha dt, .mc .apr-ficha dd { display: inline; margin: 0; line-height: var(--lh-texto); }
.mc .apr-ficha dt::after { content: ' '; }
.mc .apr-ficha dd { font-weight: var(--peso-texto); }
.mc .apr-grado .apr-metodos { gap: var(--s-2) var(--s-3); align-items: center; }
.mc .apr-grado .apr-metodos li { gap: var(--s-2); }
.mc .apr-grado .apr-metodos .mc-icono { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
.mc .apr-ajuste { font-size: var(--t-xs); line-height: var(--lh-texto); color: var(--tinta-suave); }
.mc .apr-cafeina-control { display: grid; gap: var(--s-3); align-items: center; }
.mc .apr-contexto { font-size: var(--t-sm); line-height: var(--lh-texto); }
.mc .apr-volumen[hidden] { display: none; }
.mc .apr-cafeina-card { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--s-2); align-content: start; }
.mc .apr-metodo-cabecera { display: flex; align-items: center; gap: var(--s-3); min-height: var(--apr-icono-leccion); }
.mc .apr-metodo-cabecera > .mc-icono { width: var(--apr-icono-leccion); height: var(--apr-icono-leccion); flex-shrink: 0; }
.mc .apr-cafeina-cantidad { font-size: var(--tipo-h2); line-height: var(--lh-titulo); font-weight: var(--peso-texto); margin-top: var(--s-2); }
.mc .apr-cafeina-cantidad > span, .mc .apr-cafeina-base { font-size: var(--t-sm); font-weight: var(--peso-texto); }
.mc .apr-cafeina-card .apr-rango { height: var(--s-4); margin-top: var(--s-1); }
.mc .apr-alcance { color: var(--tinta-suave); font-size: var(--t-xs); line-height: var(--lh-control); }
.mc .apr-sin-dato { font-size: var(--t-sm); padding-block: var(--s-2); }
@media(min-width:900px) {
 .mc .apr-conversor { grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); align-items: start; }
 .mc .apr-campos, .mc .apr-aclaraciones { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .mc .apr-grados-nuevos, .mc .apr-cafeina-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .mc .apr-cafeina-control { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--s-4) var(--s-5); }
 .mc .apr-cafeina-control .apr-contexto { grid-column: 1 / -1; }
 .mc .apr-cafeina-control:has(#apr-caf-campo[hidden]) .apr-contexto { grid-column: 2; grid-row: 1; }
}
@media(max-width:899px) {
 .mc .apr-leccion { gap: var(--s-4); }
 .mc .apr-leccion-cabecera > p { font-size: var(--t-sm); }
 .mc .apr-leccion .mc-titulo-fila > h1 { font-size: var(--tipo-h2); }
 .mc .apr-superficie { padding: var(--s-3); }
 .mc .apr-resultado { gap: var(--s-2); }
 .mc .apr-cafeina-card { grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: var(--s-2) var(--s-3); }
 .mc .apr-metodo-cabecera { grid-column: 1; grid-row: 1 / 3; gap: var(--s-2); }
 .mc .apr-metodo-cabecera > .mc-icono { width: var(--icono-opcion-movil); height: var(--icono-opcion-movil); }
 .mc .apr-metodo-cabecera h2 { font-size: var(--t-base); }
 .mc .apr-cafeina-cantidad, .mc .apr-sin-dato { grid-column: 2; grid-row: 1; text-align: right; margin: 0; font-size: var(--t-lg); }
 .mc .apr-cafeina-base { grid-column: 2; grid-row: 2; text-align: right; font-size: var(--t-xs); }
 .mc .apr-cafeina-card .apr-rango, .mc .apr-alcance { grid-column: 1 / -1; }
}

.mc-resumen-taza[data-nivel="0"]{--nivel-cafe:0.0;}
.mc-resumen-taza[data-nivel="1"]{--nivel-cafe:0.16666666666666666;}
.mc-resumen-taza[data-nivel="2"]{--nivel-cafe:0.3333333333333333;}
.mc-resumen-taza[data-nivel="3"]{--nivel-cafe:0.5;}
.mc-resumen-taza[data-nivel="4"]{--nivel-cafe:0.6666666666666666;}
.mc-resumen-taza[data-nivel="5"]{--nivel-cafe:0.8333333333333334;}
.mc-resumen-taza[data-nivel="6"]{--nivel-cafe:1.0;}

.mc :is(.mc-cabecera,.mc-card,.mc-resumen,.mc-aviso,.mc-recuperacion,.mc-guardado,.mc-barra,.mc-molienda,.apr-panel,.apr-resultado,.apr-emblema,.apr-textura,.mc-tabla){border-color:var(--transparente);}

/* Mis recetas web: tres columnas y dos filas por tarjeta, aprobadas por Jhon. */
@media(min-width:900px) {
 .mc .mc-historial { grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-3); }
 .mc .mc-historial > .mc-guardado { padding: var(--s-3); min-width: 0; }
 .mc .mc-guardado-web { grid-template-columns: minmax(0,1fr); gap: var(--s-3); }
 .mc .mc-guardado-web .mc-guardado-linea { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
 .mc .mc-guardado-linea > svg { width: var(--icono-opcion); height: var(--icono-opcion); flex-shrink: 0; }
 .mc .mc-guardado-linea p { margin: 0; font-size: var(--t-sm); font-weight: var(--peso-texto); }
 .mc .mc-guardado-linea time { margin-left: auto; font-size: var(--t-xs); font-weight: var(--peso-texto); white-space: nowrap; }
 .mc .mc-guardado-web .mc-guardado-acciones { display: grid; grid-template-columns: minmax(0,1fr) var(--control-normal); gap: var(--s-2); align-items: center; }
 .mc .mc-guardado-web [data-action="ver-receta"], .mc .mc-guardado-web .mc-borrar-icono { grid-row: 1; }
 .mc .mc-guardado-web .mc-borrar-icono { background: var(--blanco); color: var(--cereza); box-shadow: none; }
}

/* En la consulta guardada, tazas y fecha tienen su propio icono. */
.mc .mc-contexto-meta { display: grid; gap: var(--s-2); }
.mc .mc-contexto-meta > p { display: flex; align-items: center; gap: var(--s-2); margin: 0; font-size: var(--t-sm); font-weight: var(--peso-texto); }
.mc .mc-contexto-meta .mc-icono { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }

/* Consulta de recetas: dos columnas compartidas por datos, equipo e ingredientes. */
.mc .mc-receta-fecha { display: inline-flex; align-items: center; gap: var(--s-1); margin-left: auto; font-size: var(--t-xs); color: var(--tinta-suave); }
.mc .mc-receta-fecha svg { width: var(--s-4); height: var(--s-4); flex-shrink: 0; }
.mc .mc-historial-receta .mc-historial-contexto { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); }
.mc .mc-contexto-columna { display: grid; gap: var(--s-2); margin: 0; min-width: 0; }
.mc .mc-contexto-columna > div { display: flex; align-items: center; gap: var(--s-1); font-size: var(--t-sm); }
.mc .mc-contexto-columna dt { display: inline-flex; align-items: center; gap: var(--s-2); font-weight: var(--peso-etiqueta); }
.mc .mc-contexto-columna dd { margin: 0; font-weight: var(--peso-texto); }
.mc .mc-contexto-columna svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
@media(min-width:900px) {
 .mc .mc-historial-receta .mc-receta-utensilios ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); }
 .mc .mc-historial-receta .mc-historial-contexto { padding: var(--s-3); }
}

/* Consulta web: equipo a la izquierda, Café y Agua apilados a la derecha. */
@media(min-width:900px) {
 .mc .mc-historial-receta { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
 .mc .mc-historial-receta .mc-receta-cabecera { grid-column: 1 / -1; grid-row: 1; }
 .mc .mc-historial-receta .mc-historial-contexto { grid-column: 1 / -1; grid-row: 2; }
 .mc .mc-historial-receta > .mc-receta-utensilios { display: contents; }
 .mc .mc-historial-receta > .mc-receta-utensilios > h2 { grid-column: 1 / -1; grid-row: 3; margin: calc(var(--s-6) - var(--s-3)) 0 0; }
 .mc .mc-historial-receta .mc-receta-utensilios ul { grid-column: 1; grid-row: 4; grid-template-columns: minmax(0,1fr); margin: 0; align-self: stretch; align-content: space-between; }
 .mc .mc-historial-receta .mc-receta-ingredientes { grid-column: 2; grid-row: 4; grid-template-columns: minmax(0,1fr); align-self: stretch; gap: var(--s-3); }
 .mc .mc-historial-receta > .mc-receta-instrucciones { grid-column: 1 / -1; grid-row: 5; }
}

/* Receta guardada web: equipo a la izquierda y características/ingredientes a la derecha. */
@media(min-width:900px) {
 .mc .mc-historial-receta { column-gap: var(--s-4); }
 .mc .mc-historial-receta > .mc-receta-utensilios > h2 { display: none; }
 .mc .mc-historial-receta .mc-receta-utensilios ul { grid-column: 1; grid-row: 2 / 4; align-self: stretch; align-content: center; gap: var(--s-4); }
 .mc .mc-historial-receta .mc-historial-contexto { grid-column: 2; grid-row: 2; grid-template-columns: minmax(0,1fr); gap: var(--s-2); padding: var(--s-3); }
 .mc .mc-historial-contexto .mc-contexto-columna { gap: var(--s-2); }
 .mc .mc-historial-receta .mc-receta-ingredientes { grid-column: 2; grid-row: 3; gap: var(--s-3); }
 .mc .mc-historial-receta > .mc-receta-instrucciones { grid-row: 4; }
}

/* La columna derecha comparte una única superficie blanca. */
@media(min-width:900px) {
 .mc .mc-historial-receta .mc-historial-contexto { margin: 0; border-radius: var(--r-s) var(--r-s) 0 0; box-shadow: none; position: relative; z-index: 1; }
 .mc .mc-historial-receta .mc-receta-ingredientes { margin-top: calc(-1 * var(--s-3)); padding: var(--s-3); padding-top: var(--s-5); background: var(--blanco); border-radius: 0 0 var(--r-s) var(--r-s); box-shadow: var(--relieve-tarjeta); gap: var(--s-5); }
 .mc .mc-historial-receta .mc-receta-ingredientes .mc-receta-grupo { background: none; box-shadow: none; border: none; padding: 0; }
}

/* Filas homogéneas en las dos superficies de la receta consultada. */
.mc .mc-consulta-datos { display: none; }
@media(min-width:900px) {
 .mc .mc-historial-receta .mc-historial-contexto,
 .mc .mc-historial-receta .mc-receta-ingredientes { display: none; }
 .mc .mc-historial-receta .mc-consulta-datos { display: grid; grid-column: 2; grid-row: 2 / 4; gap: var(--s-3); padding: var(--s-3); border-radius: var(--r-s); background: var(--blanco); box-shadow: var(--relieve-tarjeta); min-width: 0; }
 .mc .mc-consulta-datos dl { display: grid; gap: var(--s-3); margin: 0; }
 .mc .mc-consulta-datos dl > div { display: grid; grid-template-columns: var(--s-5) minmax(0,1fr); align-items: center; gap: var(--s-2); }
 .mc .mc-consulta-datos svg { width: var(--s-5); height: var(--s-5); }
 .mc .mc-consulta-datos dt,.mc .mc-consulta-datos dd { display: inline; margin: 0; font-size: var(--t-sm); line-height: var(--lh-control); }
 .mc .mc-consulta-datos dt { font-weight: var(--peso-etiqueta); }
 .mc .mc-consulta-datos dd { font-weight: var(--peso-texto); }
 .mc .mc-historial-receta .mc-receta-utensilios ul { padding: var(--s-3); align-content: stretch; gap: var(--s-3); }
 .mc .mc-historial-receta .mc-receta-utensilios li { gap: var(--s-2); align-self: center; }
 .mc .mc-historial-receta .mc-receta-utensilios li svg { width: var(--s-5); height: var(--s-5); }
}

/* Mis recetas móvil: consulta apilada, uniforme y sin ingredientes duplicados. */
@media(max-width:899px) {
 .mc .mc-historial-dialog { width: calc(var(--total) - 2 * var(--s-3)); max-height: calc(var(--total) - 2 * var(--s-4)); padding: var(--s-4); }
 .mc .mc-historial-receta { display: flex; flex-direction: column; gap: var(--s-4); }
 .mc .mc-historial-receta > .mc-receta-datos { display: contents; }
 .mc .mc-historial-receta .mc-receta-cabecera { display: grid; grid-template-columns: minmax(0,1fr) var(--control-normal); gap: var(--s-1) var(--s-2); order: 0; }
 .mc .mc-historial-receta .mc-receta-cabecera > h1 { grid-column: 1; grid-row: 1; font-size: var(--tipo-h3); line-height: var(--lh-titulo); }
 .mc .mc-historial-receta .mc-receta-fecha { grid-column: 1; grid-row: 2; margin: 0; }
 .mc .mc-historial-receta .mc-historial-cerrar { grid-column: 2; grid-row: 1 / 3; align-self: center; }
 .mc .mc-historial-receta .mc-historial-contexto,
 .mc .mc-historial-receta .mc-receta-ingredientes,
 .mc .mc-historial-receta > .mc-receta-utensilios > h2 { display: none; }
 .mc .mc-historial-receta > .mc-receta-utensilios { order: 1; margin: 0; }
 .mc .mc-historial-receta .mc-receta-utensilios ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--s-3); padding: var(--s-3); margin: 0; }
 .mc .mc-historial-receta .mc-receta-utensilios li { display: flex; align-items: center; gap: var(--s-2); font-size: var(--t-sm); min-width: 0; }
 .mc .mc-historial-receta .mc-receta-utensilios li svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
 .mc .mc-historial-receta .mc-consulta-datos { display: block; order: 2; background: var(--blanco); box-shadow: var(--relieve-tarjeta); border-radius: var(--r-s); padding: var(--s-3); }
 .mc .mc-consulta-datos dl { display: grid; gap: var(--s-3); margin: 0; }
 .mc .mc-consulta-datos dl > div { display: grid; grid-template-columns: var(--s-5) minmax(0,1fr); align-items: center; gap: var(--s-2); }
 .mc .mc-consulta-datos svg { width: var(--s-5); height: var(--s-5); }
 .mc .mc-consulta-datos dt,.mc .mc-consulta-datos dd { display: inline; margin: 0; font-size: var(--t-sm); line-height: var(--lh-control); }
 .mc .mc-consulta-datos dt { font-weight: var(--peso-etiqueta); }
 .mc .mc-consulta-datos dd { font-weight: var(--peso-texto); }
 .mc .mc-historial-receta > .mc-receta-instrucciones { order: 3; margin: 0; }
 .mc .mc-historial-receta .mc-receta-instrucciones h2 { font-size: var(--tipo-h3); margin-bottom: var(--s-3); }
 .mc .mc-historial-receta .mc-receta-instrucciones li { padding: var(--s-3); }
}

.mc .mc-consulta-equipo { display: none; }
@media(max-width:899px) {
 .mc .mc-historial-receta > .mc-receta-utensilios { display: none; }
 .mc .mc-consulta-equipo { display: grid; gap: var(--s-3); margin-bottom: var(--s-3); }
 .mc .mc-consulta-equipo > div { display: grid; grid-template-columns: var(--s-5) minmax(0,1fr); align-items: center; gap: var(--s-2); font-size: var(--t-sm); }
 .mc .mc-guardado-movil .mc-guardado-preview { display: flex; align-items: center; justify-content: flex-start; gap: var(--s-2); min-width: 0; }
 .mc .mc-guardado-preview > svg { width: var(--s-5); height: var(--s-5); flex-shrink: 0; }
 .mc .mc-guardado-preview > .mc-preview-linea { font-size: var(--t-sm); font-weight: var(--peso-texto); line-height: var(--lh-control); }
}

@media(max-width:899px) { .mc .mc-guardado-movil > summary { grid-template-columns: minmax(0,1fr) var(--s-5); gap: var(--s-3); } }

/* Títulos de los bloques de consulta con la misma jerarquía. */
.mc .mc-historial-receta .mc-consulta-titulo,
.mc .mc-historial-receta .mc-receta-instrucciones > h2 { font-size: var(--tipo-h3); font-weight: var(--peso-titulo); line-height: var(--lh-titulo); }
@media(min-width:900px) {
 .mc .mc-historial-receta .mc-consulta-titulo { grid-column: 1 / -1; grid-row: 2; margin-top: var(--s-3); }
 .mc .mc-historial-receta .mc-receta-utensilios ul,
 .mc .mc-historial-receta .mc-consulta-datos { grid-row: 3 / 5; }
 .mc .mc-historial-receta > .mc-receta-instrucciones { grid-row: 5; }
}
@media(max-width:899px) {
 .mc .mc-historial-receta .mc-consulta-titulo { order: 1; margin: 0; }
 .mc .mc-guardado-movil .mc-desplegar-flecha { display: none; }
 .mc .mc-guardado-movil > summary { grid-template-columns: minmax(0,1fr); min-height: var(--control-normal); padding: 0; }
 .mc .mc-historial > .mc-guardado { padding: var(--s-3); }
 .mc .mc-guardado-movil .mc-guardado-desplegado { margin-top: var(--s-2); padding-top: 0; }
 .mc .mc-guardado-movil .mc-guardado-acciones { gap: var(--s-1) var(--s-2); }
}

/* Cabecera móvil y separación entre títulos y sus contenidos. */
@media(max-width:899px) {
 .mc .mc-historial-receta { gap: var(--s-2); }
 .mc .mc-historial-receta .mc-receta-cabecera { margin-bottom: var(--s-3); align-items: start; row-gap: var(--s-1); }
 .mc .mc-historial-receta .mc-receta-cabecera > h1 { font-size: var(--tipo-h1); font-weight: var(--peso-titulo); line-height: var(--lh-titulo); }
 .mc .mc-historial-receta .mc-historial-cerrar { align-self: start; margin: 0; }
 .mc .mc-historial-receta .mc-receta-fecha { align-items: center; line-height: var(--lh-control); }
 .mc .mc-historial-receta .mc-consulta-titulo { margin: 0; }
 .mc .mc-historial-receta > .mc-receta-instrucciones { margin-top: var(--s-4); }
 .mc .mc-historial-receta .mc-receta-instrucciones > h2 { margin-bottom: var(--s-2); }
}

/* Lectura compacta en el pop-up móvil; envolver antes de cortar contenido. */
@media(max-width:899px) {
 .mc .mc-consulta-equipo > div,
 .mc .mc-consulta-datos dt,.mc .mc-consulta-datos dd,
 .mc .mc-historial-receta .mc-receta-instrucciones li p { font-size: var(--t-xs); line-height: var(--lh-control); }
 .mc .mc-consulta-equipo > div,
 .mc .mc-consulta-datos dl > div { gap: var(--s-1); }
 .mc .mc-consulta-datos .mc-icono { width: var(--s-5); height: var(--s-5); }
 .mc .mc-historial-receta .mc-receta-instrucciones li h3 { font-size: var(--t-sm); }
}

/* Tarjeta guardada móvil permanente, sin desplegable. */
@media(max-width:899px) {
 .mc .mc-guardado-movil .mc-guardado-cabecera-fija { display: flex; align-items: center; min-height: var(--control-normal); }
 .mc .mc-guardado-movil .mc-guardado-preview { width: var(--total); gap: var(--s-3); }
 .mc .mc-guardado-preview > svg { width: var(--icono-opcion-movil); height: var(--icono-opcion-movil); }
 .mc .mc-guardado-preview > .mc-preview-linea { font-size: var(--t-base); font-weight: var(--peso-medio); }
 .mc .mc-guardado-movil .mc-guardado-desplegado { display: block; margin-top: var(--s-2); }
}

/* Fecha en la cabecera móvil para conservar solo dos filas. */
@media(max-width:899px) {
 .mc .mc-guardado-movil .mc-guardado-cabecera-fija { gap: var(--s-2); justify-content: space-between; min-height: var(--icono-opcion-movil); }
 .mc .mc-guardado-movil .mc-guardado-preview { width: auto; flex: 1; gap: var(--s-1); }
 .mc .mc-guardado-preview > .mc-preview-linea { font-size: var(--t-sm); }
 .mc .mc-preview-fecha { flex-shrink: 0; margin-left: auto; font-size: var(--t-xs); color: var(--tinta-suave); white-space: nowrap; }
 .mc .mc-guardado-movil .mc-guardado-desplegado { margin-top: var(--s-2); }
}

.mc .mc-paginacion { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-3); }
.mc .mc-paginacion p { font-size: var(--t-sm); }
.mc .mc-paginacion .mc-btn { font-size: var(--t-sm); min-height: var(--control-normal); }

.mc .mc-paginacion .mc-btn { border: none; box-shadow: var(--relieve-tarjeta); background: var(--tinta-suave); color: var(--blanco); }
.mc .mc-paginacion .mc-btn:disabled { background: var(--tarjeta-inactiva); color: var(--texto-inactivo); box-shadow: none; border: none; }

/* Profundidad: respuesta breve, sin desplazar la navegación ni el banner. */
@media(prefers-reduced-motion:no-preference) {
 .mc :is(.mc-btn,.mc-opcion,.mc-metodo,.mc-aprende__tema,.mc-nav a,.mc-aprende a) { transition: background-color var(--mov-control) ease, box-shadow var(--mov-control) ease, transform var(--mov-control) var(--mov-curva); }
 .mc :is(.mc-btn,.mc-nav a):not(:disabled):active { transform: scale(var(--mov-escala-pulsar)); }
 .mc .mc-recien-elegido .mc-opcion__insignia { animation: mc-check-profundidad var(--mov-control) var(--mov-curva); }
 .mc dialog::backdrop { animation: mc-fondo-profundidad var(--mov-entrada) ease; }
}
@keyframes mc-check-profundidad { from { opacity: 0; transform: scale(var(--mov-escala-check)); } to { opacity: 1; transform: none; } }
@keyframes mc-fondo-profundidad { from { background-color: transparent; } }
@media(prefers-reduced-motion:reduce) {
 .mc *, .mc *::before, .mc *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Nombre de receta guardada: edición compacta que crece con el texto. */
.mc .mc-nombre-receta { display: flex; align-items: center; gap: var(--s-1); flex: 1; min-width: 0; }
.mc .mc-nombre-receta .mc-receta-titulo { font-size: var(--tipo-h2); font-weight: var(--peso-titulo); line-height: var(--lh-titulo); margin: 0; overflow-wrap: anywhere; }
.mc .mc-nombre-editar, .mc .mc-nombre-acciones button { border: none; background: transparent; color: var(--tinta-suave); box-shadow: none; padding: 0; display: inline-flex; align-items: center; justify-content: center; min-height: var(--control-normal); cursor: pointer; flex-shrink: 0; }
.mc .mc-nombre-editar { width: var(--icono-opcion-movil); }
.mc .mc-nombre-editar svg { width: var(--s-4); height: var(--s-4); }
.mc .mc-nombre-form { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-1); min-width: 0; max-width: 100%; }
.mc .mc-nombre-form input { flex: 0 1 auto; min-width: 0; max-width: calc(100% - 2 * var(--s-5) - var(--s-2)); height: var(--icono-opcion-movil); min-height: var(--icono-opcion-movil); padding: 0 var(--s-1); border: none; border-radius: var(--r-s); background: var(--papel); color: var(--tinta); box-shadow: var(--relieve-tarjeta); font-family: inherit; font-size: var(--tipo-h2); font-weight: var(--peso-titulo); line-height: normal; }
.mc .mc-nombre-form input:placeholder-shown { font-size: var(--t-sm); }
.mc .mc-nombre-form input::placeholder { font-size: inherit; line-height: normal; font-weight: var(--peso-texto); font-style: italic; text-align: center; color: var(--resumen-inactivo-texto); opacity: 1; }
.mc .mc-nombre-form input:focus, .mc .mc-nombre-form input:focus-visible { outline: none; border: none; background: var(--papel); box-shadow: var(--relieve-tarjeta); }
.mc .mc-nombre-acciones { display: flex; flex-shrink: 0; }
.mc .mc-nombre-acciones button { width: var(--s-5); font-size: var(--t-lg); }
.mc .mc-nombre-acciones button[type=submit] { color: var(--hoja-oscuro); }
.mc .mc-nombre-acciones button[type=button] { color: var(--cereza); }
.mc .mc-nombre-acciones button:disabled { color: var(--borde-inactivo); cursor: default; }
.mc .mc-nombre-form [role=status] { flex-basis: 100%; font-size: var(--t-xs); color: var(--cereza); }
.mc .mc-nombre-form [role=status]:empty { display: none; }
.mc .mc-nombre-form[hidden], .mc .mc-nombre-receta [hidden] { display: none; }
@media(max-width:899px) {
 .mc .mc-historial-receta .mc-nombre-receta { grid-column: 1; grid-row: 1; }
 .mc .mc-nombre-receta .mc-receta-titulo, .mc .mc-nombre-form input { font-size: var(--tipo-h1); }
 .mc .mc-nombre-form input:placeholder-shown { font-size: var(--t-nav-movil); }
 .mc .mc-historial-receta .mc-historial-cerrar { grid-row: 1; align-self: start; }
}

/* El título guardado nunca agrega una segunda línea en móvil. */
@media(max-width:899px) {
 .mc .mc-nombre-receta .mc-receta-titulo { font-size: clamp(var(--t-lg), 5vw, var(--tipo-h1)); white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
}

.mc .mc-guardado-acciones > [data-action="ver-receta"] { overflow-wrap: anywhere; min-width: 0; }

/* Consulta web: características primero, equipo enfrente. */
.mc .mc-consulta-caracteristicas { display: none; }
@media(min-width:900px) {
 .mc .mc-historial-receta .mc-consulta-caracteristicas { display: block; grid-column: 1; grid-row: 2; margin: var(--s-3) 0 0; font-size: var(--tipo-h3); font-weight: var(--peso-titulo); line-height: var(--lh-titulo); }
 .mc .mc-historial-receta .mc-consulta-titulo { grid-column: 2; }
 .mc .mc-historial-receta .mc-consulta-datos { grid-column: 1; }
 .mc .mc-historial-receta .mc-receta-utensilios ul { grid-column: 2; }
}

/* Consulta móvil: características y equipo en tarjetas independientes. */
@media(max-width:899px) {
 .mc .mc-historial-receta .mc-consulta-caracteristicas { display: block; order: 1; margin: 0; font-size: var(--tipo-h3); font-weight: var(--peso-titulo); line-height: var(--lh-titulo); }
 .mc .mc-historial-receta .mc-consulta-datos { order: 2; }
 .mc .mc-historial-receta .mc-consulta-equipo { display: none; }
 .mc .mc-historial-receta .mc-consulta-titulo { order: 3; margin-top: var(--s-4); }
 .mc .mc-historial-receta > .mc-receta-utensilios { display: block; order: 4; margin: 0; }
 .mc .mc-historial-receta .mc-receta-utensilios ul { grid-template-columns: minmax(0,1fr); }
 .mc .mc-historial-receta .mc-receta-utensilios li { font-size: var(--t-xs); line-height: var(--lh-control); font-weight: var(--peso-texto); }
 .mc .mc-historial-receta > .mc-receta-instrucciones { order: 5; }
}

/* Resumen de la receta: etiquetas y valores juntos, sin columnas estrechas. */
.mc .mc-resumen--receta .mc-resumen-cabecera > h2 { font-size: var(--t-base); }
@media(max-width:899px) {
 .mc .mc-receta-cabecera:has(.mc-ver-eleccion) { flex-wrap: wrap; }
 .mc .mc-receta-cabecera:has(.mc-ver-eleccion) > .mc-nombre-receta { flex-basis: 100%; }
 .mc .mc-receta-cabecera .mc-ver-eleccion { width: 100%; justify-content: center; font-size: var(--t-sm); }
 .mc .mc-eleccion-dialog .mc-lista { grid-template-columns: minmax(0,1fr); gap: var(--s-2); font-size: var(--t-sm); }
 .mc .mc-eleccion-dialog .mc-lista > div { display: flex; align-items: baseline; gap: var(--s-1); }
 .mc .mc-eleccion-dialog .mc-lista dt, .mc .mc-eleccion-dialog .mc-lista dd { white-space: nowrap; }
 .mc .mc-eleccion-dialog .mc-resumen-cabecera > h2 { white-space: nowrap; }
}

@media(max-width:899px) {
 .mc .mc-eleccion-dialog .mc-lista dt { flex-shrink: 0; }
 .mc .mc-eleccion-dialog .mc-lista dd { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}

@media(min-width:900px) {
 .mc .mc-resumen--receta .mc-resumen-cabecera > h2 { font-size: var(--tipo-h4); }
}

/* La guía vacía conserva su función de placeholder y muestra el cursor a su derecha. */
.mc .mc-nombre-form input:focus:placeholder-shown {
 caret-color: transparent;
 background-image: linear-gradient(var(--tinta),var(--tinta));
 background-repeat: no-repeat;
 background-size: 1px 1em;
 background-position: min(calc(50% + var(--ancho-guia) / 2),calc(100% - var(--s-1))) center;
}
@media(prefers-reduced-motion:no-preference) {
 .mc .mc-nombre-form input:focus:placeholder-shown { animation: mc-cursor-guia 1s steps(1) infinite; }
}
@keyframes mc-cursor-guia { 50% { background-size: 0 1em; } }

/* El ancho interior conserva el nombre y su tipografía al volver a editar. */
.mc .mc-nombre-form input { font-size: var(--nombre-tamano,var(--tipo-h2)); }
.mc .mc-nombre-form input:placeholder-shown { font-size: var(--t-sm); }
@media(max-width:899px) {
 .mc .mc-nombre-form input { font-size: var(--nombre-tamano,var(--tipo-h1)); }
 .mc .mc-nombre-form input:placeholder-shown { font-size: var(--t-nav-movil); }
}

/* Antes de guardar, el título se edita directamente sobre el papel. */
.mc .mc-nombre-receta--directo .mc-nombre-form input,
.mc .mc-nombre-receta--directo .mc-nombre-form input:is(:focus,:focus-visible) {
 padding: 0;
 border: none;
 border-radius: 0;
 outline: none;
 background: transparent;
 box-shadow: none;
 caret-color: var(--tinta);
 font-size: var(--nombre-tamano,var(--tipo-h2));
 animation: none;
}

/* El cursor ocupa el espacio previo al lápiz; confirmar conserva su posición. */
.mc .mc-nombre-receta--directo .mc-nombre-form { column-gap: 0; }
.mc .mc-nombre-receta--directo .mc-nombre-acciones button[type=submit] { width: var(--icono-opcion-movil); }

/* Aviso al salir de la receta sin guardar. */
.mc .mc-sin-guardar { border: none; border-radius: var(--r-l); background: var(--papel); color: var(--tinta); padding: var(--s-5); width: calc(100% - 2 * var(--s-4)); max-width: var(--ancho-demo-movil); box-shadow: var(--relieve-tarjeta); margin: auto; }
.mc .mc-sin-guardar::backdrop { background: rgb(59 36 24 / 65%); }
.mc .mc-sin-guardar h2 { font-size: var(--tipo-h3); font-weight: var(--peso-titulo); line-height: var(--lh-titulo); }
.mc .mc-sin-guardar p { font-size: var(--t-sm); margin-top: var(--s-2); }
.mc .mc-sin-guardar p:empty { display: none; }
.mc .mc-sin-guardar-acciones { display: grid; gap: var(--s-2); margin-top: var(--s-4); }
.mc .mc-sin-guardar-acciones .mc-btn { width: 100%; font-size: var(--t-sm); }

.mc .mc-sin-guardar-acciones .mc-btn { border: none; box-shadow: var(--relieve-tarjeta); }
.mc .mc-sin-guardar-acciones .mc-btn--secundario { background: var(--blanco); color: var(--tinta); }

/* Pasos sin resumen: columna central en web; móvil conserva su ancho. */
.mc .mc-layout--pasos > .mc-principal { overflow: hidden; }
@media(min-width:900px) {
 .mc .mc-layout--pasos { grid-template-columns: minmax(0,1fr); max-width: var(--ancho-pasos); }
 .mc .mc-layout--pasos > .mc-principal { grid-column: 1; }
}

/* Datico Cafetero: solo escritorio, durante los seis pasos. */
.mc .mc-curiosidad { display:none; }
@media(min-width:900px) {
 .mc .mc-layout--datico { grid-template-columns:var(--columnas-nav-escritorio); max-width:none; }
 .mc .mc-layout--datico > .mc-principal { grid-column:1 / 3; }
 .mc .mc-layout--datico > .mc-curiosidad { display:block; grid-column:3; grid-row:1; align-self:start; padding:0; overflow:hidden; background:var(--blanco); color:var(--tinta); border-top:var(--datico-franja-alto) solid var(--maracuya); border-radius:var(--r-l); box-shadow:var(--relieve-tarjeta); }
 .mc .mc-curiosidad > h2 { display:flex; align-items:center; gap:var(--s-2); font-size:var(--tipo-h3); font-weight:var(--peso-titulo); line-height:var(--lh-titulo); margin:0; padding:var(--s-3) var(--s-4); }
 .mc .curio-planta { width:var(--icono-opcion-movil); height:var(--icono-opcion-movil); flex:none; }
 .mc .curio-foto { display:block; width:100%; height:var(--datico-foto-alto); object-fit:cover; }
 .mc .curio-texto { padding:var(--s-3) var(--s-4) 0; }
 .mc .curio-texto h3 { font-size:var(--tipo-h4); font-weight:var(--peso-titulo); line-height:var(--lh-titulo); margin:0 0 var(--s-1); }
 .mc .curio-texto p { font-size:var(--t-sm); line-height:var(--lh-texto); margin:0; }
 .mc .curio-controles { display:flex; align-items:center; justify-content:flex-end; gap:var(--s-1); padding:var(--s-2) var(--s-4) var(--s-3); }
 .mc .curio-puntos { display:flex; align-items:center; }
 .mc .curio-puntos button,.mc .curio-pausa,.mc .curio-siguiente { display:grid; place-items:center; width:var(--icono-opcion-movil); height:var(--icono-opcion-movil); padding:0; border:0; background:transparent; cursor:pointer; color:var(--tinta-suave); font-size:var(--t-lg); }
 .mc .curio-siguiente { order:2; }
 .mc .curio-pausa { order:3; }
 .mc .curio-puntos span { width:var(--s-2); height:var(--s-2); border-radius:var(--r-s); background:var(--resumen-inactivo-fondo); }
 .mc .curio-puntos [aria-pressed=true] span { background:var(--tinta-suave); }
 .mc .curio-controles button:focus-visible { outline:var(--borde-fino); outline-offset:var(--s-1); }
}

/* Foto alineada con la barra de progreso y los márgenes del contenido. */
@media(min-width:900px) {
 .mc .mc-curiosidad > h2 { padding:var(--s-2) var(--s-4) var(--s-1); }
 .mc .curio-fuente-foto { display:block; margin-inline:var(--s-4); }
 .mc .curio-foto { border-radius:var(--r-s); }
}

/* Navegación discreta: solo puntos, el activo en rojo cereza. */
@media(min-width:900px) {
 .mc .curio-controles { justify-content:flex-end; }
 .mc .curio-puntos [aria-pressed=true] span { background:var(--cereza); transform:scale(1.25); }
}

/* Igualar el margen visible del punto activo al del título, conservando el área clicable. */
@media(min-width:900px) {
 .mc .curio-controles { padding-bottom:calc(var(--s-3) - (var(--icono-opcion-movil) - var(--s-2) * 1.25) / 2); }
}

/* Encuadre para el dato de medir agua con una gramera, sin cambiar el tamaño de foto. */
@media(min-width:900px) {
 .mc .curio-foto[data-encuadre="base"] { object-position:var(--datico-encuadre-base); }
}

/* Receta sin guardar: mismas columnas que la consulta, solo en escritorio. */
.mc .mc-receta-final-columnas { display:none; }
@media(min-width:900px) {
 .mc .mc-principal--receta-final .mc-receta-final-columnas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s-4); margin-top:var(--s-4); }
 .mc .mc-receta-final-columnas > section { display:flex; flex-direction:column; gap:var(--s-3); min-width:0; }
 .mc .mc-receta-final-columnas h2 { margin:0; font-size:var(--tipo-h3); font-weight:var(--peso-titulo); line-height:var(--lh-titulo); }
 .mc .mc-receta-final-columnas .mc-consulta-datos { display:block; padding:var(--s-3); border-radius:var(--r-s); background:var(--blanco); box-shadow:var(--relieve-tarjeta); flex:1; }
 .mc .mc-receta-final-columnas .mc-receta-utensilios ul { grid-template-columns:minmax(0,1fr); margin:0; padding:var(--s-3); gap:var(--s-3); align-content:space-around; flex:1; }
 .mc .mc-receta-final-columnas .mc-receta-utensilios li { justify-content:start; text-align:left; gap:var(--s-2); font-size:var(--t-sm); }
 .mc .mc-receta-final-columnas .mc-receta-utensilios svg { width:var(--s-5); height:var(--s-5); flex:none; }
 .mc .mc-principal--receta-final > .mc-receta-utensilios,
 .mc .mc-principal--receta-final > .mc-receta-datos > .mc-receta-ingredientes { display:none; }
}

/* Nota común a recetas nuevas y guardadas, en ambas vistas. */
.mc .mc-receta-instrucciones > .mc-receta-nota { margin:var(--s-3) 0 0; font-size:var(--t-xs); font-weight:var(--peso-texto); line-height:var(--lh-texto); color:var(--tinta-suave); }

@media(max-width:899px) {
 .mc .mc-historial-receta .mc-receta-instrucciones > .mc-receta-nota { font-size:var(--t-nota-receta-movil); }
}

/* Preparativos: una viñeta por acción, dentro de una única tarjeta. */
.mc .mc-receta-instrucciones .mc-receta-preparativos { display:grid; gap:var(--s-2); margin:var(--s-2) 0 0; padding-left:var(--s-4); list-style:disc outside; text-align:left; }
.mc .mc-receta-instrucciones .mc-receta-preparativos > li { display:list-item; margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; font-size:var(--t-sm); font-weight:var(--peso-texto); line-height:var(--lh-texto); }
.mc .mc-receta-instrucciones .mc-receta-preparativos > li::marker { font-weight:var(--peso-texto); }
@media(max-width:899px) {
 .mc .mc-receta-instrucciones .mc-receta-preparativos > li { font-size:var(--t-xs); line-height:var(--lh-control); }
}

/* Orden explícito: números dentro de las tarjetas y letras en preparativos. */
.mc .mc-receta-instrucciones > ol { list-style:none; padding-left:0; counter-reset:paso-receta; }
.mc .mc-receta-instrucciones > ol > li { counter-increment:paso-receta; }
.mc .mc-receta-instrucciones > ol > li > h3::before { content:counter(paso-receta) ". "; }
.mc .mc-receta-instrucciones .mc-receta-preparativos { list-style:lower-alpha outside; counter-reset:none; padding-left:var(--s-5); }
.mc .mc-receta-instrucciones .mc-receta-preparativos > li { counter-increment:none; }

/* Acceso secundario al feedback, separado de la navegación móvil. */
.mc .mc-feedback-dialog { width: min(var(--feedback-ancho), calc(100% - var(--s-5))); max-height: calc(100% - var(--s-5)); overflow: auto; padding: var(--s-4); border: none; border-radius: var(--r-l); background: var(--papel); color: var(--tinta); box-shadow: var(--feedback-sombra); }
.mc .mc-feedback-dialog::backdrop { background: var(--feedback-overlay); }
.mc .mc-feedback-cabecera { display:flex;align-items:center;justify-content:space-between;gap:var(--s-3); }
.mc .mc-feedback-cabecera h2 { min-width:var(--cero);margin:0;font-size:var(--tipo-h3);font-weight:var(--peso-titulo); }
.mc .mc-feedback-cerrar { min-width:var(--control-normal);width:var(--control-normal);min-height:var(--control-normal);padding:var(--s-2);flex:none; }
.mc .mc-feedback-dialog form { grid-template-columns:minmax(var(--cero),var(--columna)); gap:var(--s-3); }
.mc .mc-feedback-dialog .mc-feedback-cerrar { background:var(--resumen-inactivo-fondo);color:var(--resumen-inactivo-texto);border:none;box-shadow:none; }
.mc .mc-feedback-dialog textarea { width:100%;resize:vertical; }
.mc .mc-feedback-correo { display:grid;gap:var(--s-1);font-weight:var(--peso-etiqueta); }
.mc .mc-feedback-correo input { width:100%;min-width:var(--cero);font-weight:var(--peso-medio); }
@media(min-width:900px) { .mc .mc-feedback-dialog textarea { min-height:calc(var(--s-6) * 4); } }
.mc .mc-feedback-dialog [role="status"]:empty { display:none; }
.mc .mc-feedback-acciones { display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3);min-width:var(--cero); }
.mc .mc-feedback-acciones [role="status"] { flex:1;min-width:0;margin:0;font-size:var(--feedback-mensaje);line-height:var(--lh-control);white-space:nowrap; }
.mc .mc-feedback-acciones .mc-btn { flex:none;width:var(--feedback-boton-ancho);min-width:var(--feedback-boton-ancho);white-space:nowrap;min-height:var(--control-normal);padding:var(--s-2) var(--s-4);font-size:var(--t-sm);background:var(--durazno);color:var(--tinta);border:none;box-shadow:var(--relieve-tarjeta); }
.mc .mc-feedback-acciones .mc-btn:disabled { background:var(--durazno);color:var(--tinta-suave);border:none;box-shadow:var(--relieve-tarjeta); }
@media(max-width:899px) {
 .mc .mc-feedback-dialog { padding:var(--s-4); }
 .mc .mc-feedback-acciones { gap:var(--s-2); }
 .mc .mc-feedback-acciones [role="status"] { font-size:var(--feedback-mensaje-movil); }
 .mc .mc-feedback-acciones .mc-btn { padding-inline:var(--s-3); }
}

/* Ficha 042: libreta D1 exclusiva del historial vacío. */
.mc .mc-historial-vacio { display: grid; justify-items: center; gap: var(--s-3); text-align: center; }
.mc .mc-historial-vacio > .mc-icono { width: var(--recetario-vacio); height: var(--recetario-vacio); max-width: var(--total); }
.mc .mc-historial-vacio > p { margin: var(--cero); }

/* Privacidad: aviso de lectura, sin cookies de medición. */
.mc .mc-privacidad-dialog { box-sizing:border-box;width:min(var(--privacidad-ancho),calc(100% - var(--s-4) * 2));max-height:calc(100dvh - var(--s-4) * 2);overflow:auto;padding:var(--s-5);border:none;border-radius:var(--r-l);background:var(--papel);color:var(--tinta);box-shadow:var(--feedback-sombra); }
.mc .mc-privacidad-dialog::backdrop { background:var(--feedback-overlay); }
.mc .mc-privacidad-dialog:focus, .mc .mc-privacidad-dialog:focus-visible { outline:none; }
.mc .mc-privacidad-cabecera { display:grid;grid-template-columns:var(--privacidad-icono) minmax(var(--cero),var(--columna));align-items:center;gap:var(--s-3);margin-bottom:var(--s-4); }
.mc .mc-privacidad-cabecera img { display:block;width:var(--privacidad-icono);height:var(--privacidad-icono); }
.mc .mc-privacidad-cabecera h2 { margin:var(--cero);font-size:var(--tipo-h3);font-weight:var(--peso-titulo);line-height:var(--lh-titulo);white-space:nowrap; }
.mc .mc-privacidad-dialog p { margin:var(--cero) var(--cero) var(--s-3);font-size:var(--t-sm);line-height:var(--lh-texto); }
.mc .mc-privacidad-dialog summary { cursor:pointer;font-size:var(--t-xs);font-weight:var(--peso-titulo);padding-block:var(--s-2); }
.mc .mc-privacidad-dialog ul { margin:var(--s-2) var(--cero) var(--s-3);padding-left:var(--s-5);font-size:var(--t-xs); }
.mc .mc-privacidad-dialog li { margin-block:var(--s-1);line-height:var(--lh-texto); }
.mc .mc-privacidad-dialog .mc-privacidad-error:empty { display:none; }
.mc .mc-privacidad-dialog .mc-privacidad-aceptar { width:var(--total);margin-top:var(--s-2);background:var(--durazno);color:var(--tinta);border:none;box-shadow:var(--relieve-tarjeta); }
@media(max-width:899px) {
 .mc .mc-privacidad-dialog { padding:var(--s-4); }
 .mc .mc-privacidad-cabecera { grid-template-columns:var(--privacidad-icono-movil) minmax(var(--cero),var(--columna));gap:var(--s-2);margin-bottom:var(--s-3); }
 .mc .mc-privacidad-cabecera img { width:var(--privacidad-icono-movil);height:var(--privacidad-icono-movil);min-height:var(--privacidad-icono-movil); }
 .mc .mc-privacidad-cabecera h2 { font-size:var(--privacidad-titulo-movil); }
 .mc .mc-privacidad-dialog ul { font-size:var(--privacidad-lista-movil); }
 .mc .mc-privacidad-dialog li { white-space:nowrap; }
}

/* Respuesta de los controles del aviso; el listado usa alturas medidas. */
.mc .mc-privacidad-detalle { overflow:hidden; }
@media(prefers-reduced-motion:no-preference) {
 .mc .mc-privacidad-dialog summary { transition:transform var(--mov-control) var(--mov-curva);transform-origin:left center; }
 .mc .mc-privacidad-dialog summary:active { transform:scale(var(--mov-escala-pulsar)); }
}

/* Aprende · opción 1 aprobada: cuatro cards compactas, solo escritorio. */
@media(min-width:900px) {
 .mc .mc-aprende { grid-template-columns:repeat(4,minmax(var(--cero),var(--columna)));gap:var(--s-3); }
 .mc .mc-aprende__tema { display:grid;grid-template-columns:minmax(var(--cero),var(--columna));grid-template-rows:auto var(--columna) auto;align-items:start;gap:var(--s-3);padding:var(--s-4);border:none;background:var(--blanco);border-radius:var(--r-l);box-shadow:var(--sombra-suave); }
 .mc .mc-aprende__tema>.mc-icono { width:var(--total);height:var(--aprende-ilustracion-web);padding:var(--s-4);border-radius:var(--r-s);background:var(--libreta-salvia); }
 .mc .mc-aprende__tema:nth-child(2)>.mc-icono { background:var(--durazno); }
 .mc .mc-aprende__tema:nth-child(3)>.mc-icono { background:var(--grano-arena); }
 .mc .mc-aprende__tema:nth-child(4)>.mc-icono { background:var(--aprende-medidas-fondo); }
 .mc .mc-aprende__tema h2 { font-size:var(--t-base);line-height:var(--lh-control); }
 .mc .mc-aprende__tema p { margin-top:var(--s-2);font-size:var(--t-sm);line-height:var(--lh-control); }
 .mc .mc-aprende__flecha { justify-self:end;line-height:var(--lh-titulo); }
}

/* Navegación web · barra segmentada Texto protagonista. */
@media(min-width:900px) {
 .mc .mc-page > .mc-nav { display:grid;grid-template-columns:repeat(3,minmax(var(--cero),var(--columna)));gap:var(--nav-web-relleno);padding:var(--nav-web-relleno);background:var(--resumen-inactivo-fondo);border:none;border-radius:var(--r-l);box-shadow:var(--sombra-suave); }
 .mc .mc-nav a,.mc .mc-nav a:first-child { grid-column:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--s-3);min-height:var(--nav-web-alto);padding:var(--s-3) var(--nav-web-relleno-x);font-size:var(--t-lg);line-height:var(--lh-control);font-weight:var(--peso-medio);border:none;border-radius:var(--r-s);background:var(--transparente);box-shadow:none;white-space:nowrap; }
 .mc .mc-nav a[aria-current="page"] { background:var(--durazno);font-weight:var(--peso-etiqueta);box-shadow:var(--nav-web-indicador); }
 .mc .mc-nav .mc-icono { width:var(--s-6);height:var(--s-6);flex:none; }
}

/* Footer solo web; móvil accede a la información desde Aprende. */
.mc .mc-footer { display:none; }
@media(min-width:900px) {
 .mc .mc-footer { display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);margin-top:calc(var(--footer-separacion) - var(--s-4));padding:var(--footer-relleno) var(--footer-relleno-x);background:var(--papel);border:none;border-radius:var(--r-l);box-shadow:var(--sombra-suave); }
 .mc .mc-footer-marca { display:flex;align-items:center;gap:var(--s-3);flex:none; }
 .mc .mc-footer-icono { width:var(--footer-icono);height:var(--footer-icono);display:block;flex:none; }
 .mc .mc-footer-lema { display:grid;gap:calc(var(--s-1) / 2);font-size:var(--footer-lema);line-height:var(--lh-control);white-space:nowrap; }
 .mc .mc-footer-lema strong { font-size:var(--footer-nombre);font-weight:var(--peso-titulo); }
 .mc .mc-footer-info { display:flex;align-items:center;justify-content:flex-end;min-width:var(--cero); }
 .mc .mc-footer-enlaces { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--s-4); }
 .mc .mc-footer-enlaces button { padding:var(--cero);min-height:var(--s-5);border:none;border-radius:var(--r-s);background:var(--transparente);box-shadow:none;color:var(--tinta);font:inherit;font-size:var(--footer-enlace);font-weight:var(--peso-texto);cursor:pointer; }
 .mc .mc-footer-enlaces button:hover { text-decoration:underline; }
}
.mc .mc-footer-dialog { width:min(var(--privacidad-ancho),calc(var(--total) - var(--s-5)));max-height:calc(var(--total) - var(--s-5));overflow:auto;border:none;background:var(--papel);color:var(--tinta);padding:var(--s-5); }
.mc .mc-footer-dialog-cabecera { display:flex;align-items:center;justify-content:space-between;gap:var(--s-3); }
.mc .mc-footer-dialog-cabecera h2 { margin:var(--cero);font-size:var(--t-xl); }
.mc .mc-footer-dialog-cabecera button { width:var(--toque-min);min-height:var(--toque-min);padding:var(--s-2);flex:none; }

/* Información móvil: enlace al final de Aprende, sin botón flotante. */
.mc .mc-aprende-info { display:none; }
.mc .mc-info-menu { display:grid;gap:var(--s-2); }
.mc .mc-info-menu .mc-btn { display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);text-align:left;font-size:var(--t-sm);font-weight:var(--peso-medio); }
.mc .mc-info-menu[hidden],.mc .mc-info-texto[hidden],.mc .mc-info-volver[hidden] { display:none; }
.mc .mc-info-texto { margin:var(--cero); }
.mc .mc-info-volver { justify-self:start; }
.mc .mc-footer-dialog .mc-info-cerrar { border:none;background:var(--resumen-inactivo-fondo);color:var(--resumen-inactivo-texto);box-shadow:none; }
.mc .mc-footer-dialog::backdrop { background:var(--feedback-overlay); }
@media(max-width:899px) {
 .mc .mc-aprende-info { display:flex;justify-content:center;margin-top:calc(-1 * var(--s-2)); }
 .mc .mc-aprende-info-enlace { border:none;background:var(--transparente);box-shadow:none;color:var(--tinta-suave);font:inherit;font-size:var(--t-xs);font-weight:var(--peso-texto);text-decoration:underline;cursor:pointer;min-height:var(--control-normal);padding:var(--s-2) var(--s-3);border-radius:var(--r-s); }
 .mc .mc-footer-dialog { padding:var(--s-4); }
 .mc .mc-footer-dialog-cabecera h2 { font-size:var(--t-lg); }
}

/* Botón Volver consistente en Privacidad, Términos y Comentarios. */
.mc .mc-info-volver,.mc .mc-feedback-volver { display:inline-flex;align-items:center;justify-content:center;justify-self:start;align-self:start;flex:none;width:var(--feedback-boton-ancho);min-width:var(--feedback-boton-ancho);min-height:var(--control-normal);margin:var(--cero);padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-s);background:var(--resumen-inactivo-fondo);color:var(--resumen-inactivo-texto);box-shadow:var(--relieve-tarjeta);font:inherit;font-size:var(--t-sm);font-weight:var(--peso-boton);line-height:var(--lh-control);text-decoration:none;white-space:nowrap;cursor:pointer; }
.mc .mc-info-volver:hover,.mc .mc-feedback-volver:hover { background:var(--resumen-inactivo-fondo);color:var(--resumen-inactivo-texto); }
.mc .mc-info-volver[hidden],.mc .mc-feedback-volver[hidden] { display:none; }
.mc .mc-feedback-volver:disabled { cursor:default; }
@media(max-width:899px) { .mc .mc-info-volver,.mc .mc-feedback-volver { padding-inline:var(--s-3); } }

/* Comentarios desde Información: Volver y Enviar comparten la fila inferior. */
.mc .mc-feedback-acciones--con-volver { display:grid; grid-template-columns:repeat(2,minmax(var(--cero),var(--columna))); }
.mc .mc-feedback-acciones--con-volver [role="status"] { grid-column:1 / -1; grid-row:1; }
.mc .mc-feedback-acciones--con-volver .mc-feedback-volver { grid-column:1; grid-row:2; align-self:center; }
.mc .mc-feedback-acciones--con-volver button[type="submit"] { grid-column:2; grid-row:2; justify-self:end; }

/* Botones compartidos por todas las ventanas (v251). */
.mc dialog .mc-modal-boton.mc-modal-boton {
 display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);
 box-sizing:border-box;flex-shrink:0;min-height:var(--modal-boton-alto);
 min-width:var(--modal-boton-ancho);max-width:var(--total);
 padding:var(--s-2) var(--s-4);border:none;border-radius:var(--modal-boton-radio);
 background:var(--durazno-vivo);color:var(--tinta);box-shadow:var(--relieve-tarjeta);
 font:inherit;font-size:var(--modal-boton-texto);font-weight:var(--peso-boton);
 line-height:var(--lh-control);text-decoration:none;cursor:pointer;
}
.mc dialog .mc-modal-boton.mc-modal-boton--secundario,
.mc dialog .mc-modal-boton.mc-modal-boton--cerrar {
 background:var(--blanco);color:var(--tinta-suave);
}
.mc dialog .mc-modal-boton.mc-modal-boton--cerrar {
 width:var(--modal-boton-alto);min-width:var(--modal-boton-alto);
 height:var(--modal-boton-alto);padding:var(--cero);font-size:var(--modal-cerrar-texto);
}
.mc dialog .mc-modal-boton.mc-modal-boton--peligro { background:var(--cereza);color:var(--on-cereza); }
.mc dialog .mc-modal-boton.mc-modal-boton--menu { justify-content:space-between;text-align:left;font-weight:var(--peso-medio); }
.mc dialog .mc-modal-boton.mc-modal-boton:disabled {
 opacity:var(--modal-inactivo-opacidad);cursor:not-allowed;box-shadow:none;
}
.mc dialog .mc-modal-boton.mc-modal-boton[hidden] { display:none; }
@media (prefers-reduced-motion:no-preference) {
 .mc dialog :is(.mc-modal-boton,.mc-nombre-editar,.mc-nombre-acciones button) {
  transition:transform var(--mov-control) var(--mov-curva),box-shadow var(--mov-control) ease,opacity var(--mov-control) ease;
 }
 .mc dialog :is(.mc-modal-boton,.mc-nombre-editar,.mc-nombre-acciones button):not(:disabled):active { transform:scale(var(--mov-escala-pulsar)); }
}

.mc dialog .mc-modal-boton.mc-modal-boton:disabled { background:var(--durazno-vivo);color:var(--tinta);border:none; }
.mc dialog .mc-modal-boton.mc-modal-boton--secundario:disabled,
.mc dialog .mc-modal-boton.mc-modal-boton--cerrar:disabled { background:var(--blanco);color:var(--tinta-suave); }
.mc dialog .mc-modal-boton.mc-modal-boton--peligro:disabled { background:var(--cereza);color:var(--on-cereza); }

/* Navegación web compacta y footer informativo discreto · v253. */
@media (min-width:900px) {
 .mc .mc-page > .mc-nav { width:var(--total);max-width:var(--nav-web-ancho);padding:var(--nav-web-relleno);gap:var(--nav-web-relleno); }
 .mc .mc-nav a,.mc .mc-nav a:first-child { min-height:var(--nav-web-alto);padding:var(--s-2) var(--nav-web-relleno-x);gap:var(--s-2);font-size:var(--t-base); }
 .mc .mc-nav .mc-icono { width:var(--nav-web-icono);height:var(--nav-web-icono); }
 .mc .mc-footer,.mc .mc-footer-enlaces button { color:var(--footer-tinta); }
 .mc .mc-footer-icono { opacity:var(--footer-icono-opacidad);filter:grayscale(var(--footer-icono-gris)); }
 .mc .mc-footer-enlaces button:is(:hover,:focus-visible) { color:var(--tinta); }
}

/* Una sección corta no recorta la posición al cambiar de menú en web. */
@media (min-width:900px) {
 .mc #app { min-height:calc(100dvh + var(--scroll-menu-minimo));align-content:start; }
}

/* Superficie compartida de los paneles web · v258. */
@media (min-width:900px) {
 .mc .mc-page > .mc-nav,
 .mc .mc-layout > .mc-principal,
 .mc .mc-footer,
 .mc .mc-layout--datico > .mc-curiosidad { background:var(--superficie-panel); }
}

/* Progreso naranja y espacio de retorno reservado desde el primer paso · v259. */
.mc .mc-progreso-bloque .mc-barra > span { background:var(--maracuya); }
.mc .mc-layout--flujo .mc-btn-fila > [data-action="continuar"]:only-child { grid-column:2; }

/* Etiqueta de café aprobada: comparación informativa y ventanas móviles. */
.apr-etiqueta{color:var(--tinta)}
.apr-etiqueta .apr-etiqueta-intro{color:var(--tinta-suave);margin:var(--s-3) 0 var(--s-5);max-width:none}
.apr-etiqueta-layout{display:grid;grid-template-columns:var(--origen-columna-bolsa) minmax(0,1fr);gap:var(--s-5);align-items:center}
.apr-etiqueta-bolsa{width:100%;max-width:var(--origen-bolsa);margin:auto}.apr-etiqueta-bolsa svg{display:block;width:100%;height:auto}
.apr-etiqueta-tabs{display:flex;gap:var(--s-2);margin-bottom:var(--s-3)}
.apr-etiqueta-tabs button{flex:1;min-width:0;min-height:var(--control-normal);padding:var(--s-2);border:0;border-radius:var(--r-s);background:var(--blanco);box-shadow:var(--sombra-suave);color:var(--tinta);font:inherit;font-weight:600;cursor:pointer}
.apr-etiqueta-tabs button[aria-pressed=true]{background:var(--durazno);box-shadow:inset 0 -3px var(--cereza)}
.apr-etiqueta-panel{background:var(--blanco);padding:var(--s-5);border-radius:var(--r-m);box-shadow:var(--sombra-suave);position:relative;min-width:0}
.apr-etiqueta-reserva{visibility:hidden;pointer-events:none}.apr-etiqueta-vista{position:absolute;inset:var(--s-5);overflow:auto}
.apr-etiqueta h2{margin:0 0 var(--s-3);font-weight:600}.apr-etiqueta .concepto-intro{margin:0 0 var(--s-3)}
.apr-etiqueta strong{font-weight:600}.apr-etiqueta .cmp-pareja{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.apr-etiqueta .cmp-ficha{background:var(--papel);padding:var(--s-3);border-radius:var(--r-s);min-width:0}
.apr-etiqueta .cmp-ficha header{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)}
.apr-etiqueta h3{font-weight:600;margin:0}.apr-etiqueta .especie-grano{width:var(--origen-grano);height:var(--origen-grano);flex-shrink:0}
.apr-etiqueta .cmp-datos{margin:0;}.apr-etiqueta .cmp-datos>div{display:flex;gap:var(--s-1);margin-top:var(--s-1);flex-wrap:wrap}.apr-etiqueta dt{font-weight:600}.apr-etiqueta dd{margin:0;font-weight:400}.apr-etiqueta small{}
.apr-etiqueta .cmp-region{margin:var(--s-3) 0 0;padding:var(--s-3);background:var(--origen-franja);border-radius:var(--r-s);}
.apr-etiqueta .cultivo-datos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.apr-etiqueta .cultivo-datos article,.apr-etiqueta .concepto-ejemplo{padding:var(--s-3);border-radius:var(--r-s);background:var(--papel)}.apr-etiqueta .cultivo-datos h3{margin-bottom:var(--s-1)}.apr-etiqueta .cultivo-datos p{margin:0;}.apr-etiqueta .cultivo-nota{color:var(--tinta-suave);margin:var(--s-3) 0 0}.apr-etiqueta .concepto-ejemplo{display:grid;gap:var(--s-2)}
.apr-etiqueta-dialog{border:0;border-radius:var(--r-m);background:var(--papel);color:var(--tinta);padding:var(--s-4);width:calc(100% - var(--s-6));max-width:var(--origen-modal);max-height:calc(100dvh - var(--s-6));overflow:auto;box-shadow:var(--sombra-suave)}.apr-etiqueta-dialog::backdrop{background:var(--origen-velo)}.apr-etiqueta-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.apr-etiqueta-dialog>header h2{margin:0}.apr-etiqueta-dialog .cmp-ficha,.apr-etiqueta-dialog .cultivo-datos article,.apr-etiqueta-dialog .concepto-ejemplo{background:var(--blanco)}

/* Una función, una escala: todo el contenido educativo comparte cuerpo. */
.apr-etiqueta{font-size:var(--origen-cuerpo);line-height:var(--lh-texto)}
.apr-etiqueta .apr-etiqueta-cabecera{align-items:center;gap:var(--s-2)}
.apr-etiqueta .apr-etiqueta-cabecera h1{font-size:var(--t-h1-escritorio);line-height:var(--lh-titulo);margin:0;white-space:nowrap}
.apr-etiqueta h2{font-size:var(--tipo-h2);line-height:var(--lh-titulo)}
.apr-etiqueta h3{font-size:var(--tipo-h3);line-height:var(--lh-titulo)}
.apr-etiqueta :is(.apr-etiqueta-intro,.concepto-intro,.cmp-datos,.cmp-region,.cultivo-datos p,.concepto-ejemplo){font-size:var(--origen-cuerpo);line-height:var(--lh-texto)}
.apr-etiqueta .cultivo-datos h3{font-size:var(--origen-cuerpo);line-height:var(--lh-texto)}
.apr-etiqueta .cultivo-nota{font-size:var(--origen-secundario);line-height:var(--lh-texto)}
.apr-etiqueta .apr-etiqueta-tabs button{font-size:var(--t-sm);line-height:var(--lh-control)}
@media(max-width:900px){
.apr-etiqueta{--origen-cuerpo:var(--t-sm)}
.apr-etiqueta-layout{grid-template-columns:1fr;gap:var(--s-4)}
.apr-etiqueta-bolsa{max-width:var(--origen-bolsa-movil)}
.apr-etiqueta-panel{display:none}
.apr-etiqueta-tabs{margin:0}
.apr-etiqueta .cmp-pareja,.apr-etiqueta .cultivo-datos{grid-template-columns:1fr}
.apr-etiqueta .apr-etiqueta-intro{margin:var(--s-3) 0 var(--s-4)}
.apr-etiqueta .apr-etiqueta-cabecera h1{font-size:var(--t-h1-movil)}
}



/* En escritorio la pestaña ya identifica el panel; en móvil el diálogo conserva su título. */
@media(min-width:901px){.apr-etiqueta-panel :is(.apr-etiqueta-vista,.apr-etiqueta-reserva)>h2{display:none}}

/* Excepción solicitada: franja informativa móvil en dos líneas. */
@media(max-width:900px){.apr-etiqueta p.cmp-region{font-size:var(--origen-franja-texto-movil);padding-inline:var(--s-2)}}

/* Selector neutro aprobado, unido al panel de contenido solo en web. */
@media(min-width:901px){
.apr-etiqueta-tabs{background:var(--tarjeta-inactiva);padding:var(--s-1);border-radius:var(--r-m) var(--r-m) 0 0;gap:var(--s-1);margin-bottom:0}
.apr-etiqueta-tabs button{background:var(--transparente);box-shadow:none}
.apr-etiqueta-tabs button[aria-pressed=true]{background:var(--blanco);box-shadow:var(--sombra-suave);color:var(--tinta)}
.apr-etiqueta-panel{border-top-left-radius:0;border-top-right-radius:0}
}

/* Misma familia de selector en mobile; las opciones siguen abriendo diálogos. */
@media(max-width:900px){
.apr-etiqueta-tabs{background:var(--tarjeta-inactiva);padding:var(--s-1);border-radius:var(--r-m);gap:var(--s-1)}
.apr-etiqueta-tabs button{background:var(--transparente);box-shadow:none}
.apr-etiqueta-tabs button[data-apr-activo=true],.apr-etiqueta-tabs button:active{background:var(--blanco);box-shadow:var(--sombra-suave);color:var(--tinta)}
}

/* Origen y frescura: dos bloques educativos, sin selectores internos. */
.apr-etiqueta .apr-origen-frescura{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.apr-etiqueta .apr-origen-frescura article{background:var(--papel);border-radius:var(--r-s);padding:var(--s-3)}
.apr-etiqueta .apr-origen-frescura h3{margin:0 0 var(--s-2)}
.apr-etiqueta .apr-origen-frescura p{font-size:var(--origen-cuerpo);line-height:var(--lh-texto);margin:0}
.apr-etiqueta .apr-origen-frescura p+p{margin-top:var(--s-2)}
.apr-etiqueta .apr-origen-pistas{color:var(--tinta-suave)}
@media(max-width:900px){.apr-etiqueta .apr-origen-frescura{grid-template-columns:1fr}.apr-etiqueta-dialog .apr-origen-frescura article{background:var(--blanco)}}

/* Origen y frescura aprobado: dos fichas con iconos y consejo. */
.apr-etiqueta .fres-dos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.apr-etiqueta .fres-dos article{padding:var(--s-3);border-radius:var(--r-s);background:var(--papel)}
.apr-etiqueta .fres-dos header{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)}
.apr-etiqueta .fres-icon{width:var(--origen-icono-frescura);height:var(--origen-icono-frescura);flex-shrink:0}
.apr-etiqueta .fres-dos p,.apr-etiqueta .fres-nota{font-size:var(--origen-cuerpo);line-height:var(--lh-texto);margin:0}
.apr-etiqueta .fres-dos p+p{margin-top:var(--s-2)}
.apr-etiqueta .fres-pistas{color:var(--tinta-suave)}
.apr-etiqueta p.fres-nota{background:var(--tarjeta-inactiva);border-radius:var(--r-s);padding:var(--s-3);margin-top:var(--s-3)}
@media(max-width:900px){.apr-etiqueta .fres-dos{grid-template-columns:1fr}.apr-etiqueta-dialog .fres-dos article{background:var(--blanco)}}

/* Franja inferior alineada entre Especie y Origen y frescura. */
@media(min-width:901px){
.apr-etiqueta-vista{display:flex;flex-direction:column;gap:var(--s-3)}
.apr-etiqueta-vista>.concepto-intro{margin:0}
.apr-etiqueta-vista>:is(.cmp-pareja,.fres-dos){flex:1;min-height:0;align-items:stretch}
.apr-etiqueta .apr-etiqueta-vista>p:is(.cmp-region,.fres-nota){flex-shrink:0;margin:0}
.apr-etiqueta-vista .fres-dos article{display:flex;flex-direction:column;gap:var(--s-2)}
.apr-etiqueta-vista .fres-dos header,.apr-etiqueta-vista .fres-dos p+p{margin:0}
.apr-etiqueta-vista .cmp-ficha{display:flex;flex-direction:column;gap:var(--s-2)}
.apr-etiqueta-vista .cmp-ficha header{margin:0}
}

/* Guía de consumo dentro de la ficha, conservación en la franja inferior. */
.apr-etiqueta .fres-consumo{padding-left:var(--s-4);margin:0;font-size:var(--origen-cuerpo);line-height:var(--lh-texto)}
.apr-etiqueta .fres-consumo li+li{margin-top:var(--s-2)}
@media(min-width:901px){.apr-etiqueta-reserva{min-height:var(--origen-panel-lectura)}}

/* Contenido equilibrado dentro de fichas de altura compartida. */
@media(min-width:901px){.apr-etiqueta-vista .fres-dos article,.apr-etiqueta-vista .cmp-ficha{justify-content:center}}

/* Datos comparativos con viñetas reales, etiquetas y valores en la misma línea. */
.apr-etiqueta ul.cmp-datos{list-style:disc;padding-left:var(--s-4);margin:0}.apr-etiqueta ul.cmp-datos li+li{margin-top:var(--s-1)}

/* Títulos alineados y dos viñetas por ficha. */
.apr-etiqueta .fres-origen-lista{padding-left:var(--s-4);margin:0;font-size:var(--origen-cuerpo);line-height:var(--lh-texto)}
.apr-etiqueta .fres-origen-lista li+li{margin-top:var(--s-2)}
@media(min-width:901px){.apr-etiqueta-vista .fres-dos article{justify-content:flex-start}}

/* Variedad: primero el sabor, con ejemplos de productores. */
.apr-etiqueta .var-intro{font-size:var(--origen-cuerpo);line-height:var(--lh-texto);margin:0}
.apr-etiqueta .var-fichas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
.apr-etiqueta .var-fichas article{padding:var(--s-3);background:var(--papel);border-radius:var(--r-s);display:flex;flex-direction:column;gap:var(--s-2);min-width:0}
.apr-etiqueta .var-fichas header{display:flex;align-items:center;gap:var(--s-2)}
.apr-etiqueta .var-icon{width:var(--origen-grano);height:var(--origen-icono-frescura);flex-shrink:0}
.apr-etiqueta .var-fichas h3{font-size:var(--tipo-h3);margin:0}
.apr-etiqueta .var-fichas p{font-size:var(--origen-cuerpo);line-height:var(--lh-texto);margin:0}
.apr-etiqueta .var-variedad{font-weight:600}
.apr-etiqueta .var-pais{color:var(--tinta-suave)}
.apr-etiqueta .var-chips{display:flex;flex-wrap:wrap;gap:var(--s-1)}
.apr-etiqueta .var-chips span{padding:var(--s-1) var(--s-2);border-radius:var(--r-s);background:var(--blanco);font-size:var(--t-sm);line-height:var(--lh-texto)}
.apr-etiqueta .var-extras{font-size:var(--origen-secundario);line-height:var(--lh-texto);margin:0;color:var(--tinta-suave)}
.apr-etiqueta .var-nota{font-size:var(--t-sm);line-height:var(--lh-texto);padding:var(--s-3);border-radius:var(--r-s);background:var(--tarjeta-inactiva);margin:0}
@media(max-width:900px){
.apr-etiqueta .var-fichas{grid-template-columns:1fr;gap:var(--s-3)}
.apr-etiqueta-dialog .var-fichas article{background:var(--blanco)}
.apr-etiqueta-dialog .var-chips span{background:var(--papel)}
.apr-etiqueta-dialog :is(.var-intro,.var-fichas,.var-extras)+*{margin-top:var(--s-3)}
.apr-etiqueta-dialog .var-nota{font-size:var(--t-xs)}
}

@media(min-width:901px){
.apr-etiqueta-vista:has(.var-sensorial){gap:var(--s-2)}
.apr-etiqueta-vista .var-fichas article{padding:var(--s-2);gap:var(--s-2)}
.apr-etiqueta-vista .var-chips span{padding:var(--s-1);font-size:var(--t-xs);line-height:var(--lh-control)}
}

/* La nota de Variedad comparte el anclaje inferior de las otras pestañas. */
@media(min-width:901px){
.apr-etiqueta .apr-etiqueta-vista>.var-nota{flex-shrink:0;margin:0;margin-top:auto;min-height:var(--origen-franja-alto);display:flex;align-items:center}
.apr-etiqueta-vista .var-fichas{flex:1;min-height:0}
}

/* Familias de notas: explicación breve, ejemplo y países accesibles. */
.apr-etiqueta .var-icon{width:var(--origen-icono-frescura);height:var(--origen-icono-frescura)}
.apr-etiqueta .var-ejemplo{display:flex;align-items:center;justify-content:space-between;gap:var(--s-1);margin-top:auto}
.apr-etiqueta .var-ejemplo strong{font-weight:600}
.apr-etiqueta .var-banderas{display:inline-flex;gap:var(--s-1);flex-shrink:0}
@media(min-width:901px){
.apr-etiqueta-vista .var-fichas header{min-height:0}
.apr-etiqueta-vista .var-fichas h3{font-size:var(--t-base);line-height:var(--lh-control)}
}

/* Tres variedades por familia, cada una con sus países de cultivo. */
.apr-etiqueta .var-lista{margin:0;margin-top:var(--s-1);padding-left:var(--s-4);font-size:var(--origen-cuerpo);line-height:var(--lh-control)}
.apr-etiqueta .var-fila{display:flex;justify-content:space-between;align-items:center;gap:var(--s-1)}
.apr-etiqueta .var-lista li+li{margin-top:var(--s-1)}
.apr-etiqueta .var-banderas [aria-label]{cursor:default}

@media(max-width:900px){
.apr-etiqueta-dialog .var-descripcion{min-height:0}
}

/* Notas en una línea: el espacio se reparte alrededor del conjunto. */
.apr-etiqueta .var-sensorial article{justify-content:center}

/* Países visibles en hover y foco: no depender del tooltip nativo del navegador. */
.apr-etiqueta .var-banderas [aria-label]{position:relative;outline-offset:var(--s-1)}
.apr-etiqueta .var-banderas [aria-label]::after{content:attr(aria-label);position:absolute;right:0;bottom:calc(100% + var(--s-1));z-index:1;width:max-content;padding:var(--s-1) var(--s-2);border-radius:var(--r-s);background:var(--tinta);color:var(--blanco);font-size:var(--t-xs);line-height:var(--lh-control);box-shadow:var(--sombra-suave);pointer-events:none;visibility:hidden;opacity:0;transition:opacity var(--mov-control) var(--mov-curva)}
.apr-etiqueta .var-banderas [aria-label]:is(:hover,:focus)::after{visibility:visible;opacity:1}

/* Mobile: bolsa protagonista, tres etiquetas iguales y líneas sin flechas. */
.apr-etiqueta-conexiones{display:none}
@media(max-width:900px){
.apr-etiqueta-layout{position:relative;grid-template-columns:minmax(0,var(--origen-bolsa-movil)) calc(var(--origen-etiqueta-ancho) + var(--origen-etiqueta-desfase-2));gap:var(--s-4);align-items:center}
.apr-etiqueta-bolsa{width:100%;max-width:var(--origen-bolsa-movil);position:relative;z-index:0}
.apr-etiqueta-conexiones{display:block;position:absolute;left:0;top:0;width:var(--origen-etiqueta-esquema);max-width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.apr-etiqueta-conexiones path{fill:none;stroke:var(--borde-inactivo);stroke-width:var(--origen-etiqueta-trazo);stroke-linecap:round;stroke-linejoin:round}
.apr-etiqueta-conexiones circle{fill:var(--papel);stroke:var(--borde-inactivo);stroke-width:var(--origen-etiqueta-trazo)}
.apr-etiqueta-detalle{position:relative;z-index:2;min-width:0}
.apr-etiqueta-tabs{display:grid;gap:var(--s-2);padding:0;margin:0;background:var(--transparente);border-radius:0}
.apr-etiqueta .apr-etiqueta-tabs button{flex:initial;position:relative;isolation:isolate;width:var(--origen-etiqueta-ancho);max-width:100%;height:var(--origen-etiqueta-alto);min-height:var(--origen-etiqueta-alto);padding:var(--s-1) var(--s-2);background:var(--transparente);box-shadow:none;border-radius:0;font-size:var(--t-xs);text-align:center;white-space:nowrap;transition:transform var(--mov-control) var(--mov-curva)}
.apr-etiqueta-tabs button::before{content:"";position:absolute;inset:var(--s-1) 0;z-index:-1;border-radius:var(--r-s);background:var(--blanco);box-shadow:var(--sombra-suave);transition:background var(--mov-control) var(--mov-curva)}
.apr-etiqueta-tabs button:is(:hover,:focus-visible)::before{background:var(--tarjeta-inactiva)}
.apr-etiqueta-tabs button:active{transform:scale(var(--mov-escala-pulsar))}
.apr-etiqueta-tabs button:nth-child(1){margin-left:var(--origen-etiqueta-desfase-1)}
.apr-etiqueta-tabs button:nth-child(2){margin-left:var(--origen-etiqueta-desfase-2)}
.apr-etiqueta-tabs button:nth-child(3){margin-left:var(--origen-etiqueta-desfase-3)}
}

/* Paso 6 web: reservar la leyenda antes de elegir ciudad evita mover los botones. */
@media(min-width:901px){
.mc .mc-opciones .mc-lugar-altura,.mc .mc-opciones .mc-lugar-altura:empty{display:block;min-height:calc(var(--t-sm) * var(--lh-texto))}
}

/* Aprende renovado: una escala de lectura y fichas compactas, v321. */
.mc .apr-renovada{gap:var(--s-4);font-size:var(--t-base);line-height:var(--lh-texto)}
.mc .apr-renovada .apr-leccion-cabecera{gap:var(--s-3)}
.mc .apr-renovada .mc-titulo-fila{justify-content:space-between;align-items:center;gap:var(--s-2)}
.mc .apr-renovada .mc-titulo-fila h1{font-size:var(--t-h1-escritorio);line-height:var(--lh-titulo);margin:0}
.mc .apr-renovada .mc-volver{flex-shrink:0}
.mc .apr-renovada h2{font-size:var(--tipo-h3);line-height:var(--lh-titulo)}
.mc .apr-renovada .apr-superficie{padding:var(--s-4);box-shadow:none}
.mc .apr-renovada .apr-bloque-titulo{display:flex;align-items:center;gap:var(--s-2)}
.mc .apr-renovada .apr-bloque-titulo>.mc-icono{width:var(--apr-renovada-icono);height:var(--apr-renovada-icono);flex-shrink:0}
.mc .apr-renovada .apr-nota{padding:var(--s-3);background:var(--tarjeta-inactiva);border:0;border-radius:var(--r-s);font-size:var(--t-sm);line-height:var(--lh-texto);color:var(--tinta)}
.mc .apr-renovada .apr-nota strong{font-weight:600}
.mc .apr-renovada .apr-aclaraciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.mc .apr-renovada .apr-aclaraciones article{display:grid;gap:var(--s-2);align-content:start;font-size:var(--t-base)}
.mc .apr-renovada .apr-aclaraciones h2{font-size:var(--t-lg)}
.mc .apr-renovada .apr-opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-s);background:var(--tarjeta-inactiva)}
.mc .apr-renovada .apr-opciones legend{margin:0 0 var(--s-2);padding:0;font-weight:600}
.mc .apr-renovada .apr-opciones label{justify-content:center;padding:var(--s-2);background:var(--transparente);min-height:var(--modal-boton-alto)}
.mc .apr-renovada .apr-opciones label:has(input:checked){background:var(--blanco);color:var(--tinta);box-shadow:var(--sombra-suave)}
.mc .apr-renovada .apr-opciones input{accent-color:var(--cereza)}
.mc .apr-renovada .apr-solo-lector{position:absolute;width:var(--borde-ancho);height:var(--borde-ancho);overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mc .apr-renovada .mc-campo,.mc .apr-renovada .mc-select{width:100%;min-width:0}
.mc .apr-renovada input:disabled{background:var(--tarjeta-inactiva);color:var(--tinta-suave);opacity:1}
.mc .apr-renovada .apr-aclaracion{font-size:var(--t-sm);line-height:var(--lh-texto);color:var(--tinta-suave)}
.mc .apr-renovada .apr-conversor{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:var(--s-4)}
.mc .apr-renovada .apr-controles{gap:var(--s-3)}
.mc .apr-renovada .apr-campos{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.mc .apr-renovada .apr-equivalencias{padding:var(--s-4);border-radius:var(--r-s);background:var(--blanco);align-content:start}
.mc .apr-renovada .apr-resultados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}
.mc .apr-renovada .apr-resultado{background:var(--papel);border:0;padding:var(--s-3);gap:var(--s-2)}
.mc .apr-renovada .apr-resultado p{font-size:var(--tipo-h2);overflow-wrap:normal}
.mc .apr-renovada .apr-equivalencia-clave{font-size:var(--tipo-h3);font-weight:400}
.mc .apr-renovada .apr-cafeina-control{grid-template-columns:minmax(0,1fr) var(--apr-renovada-volumen);gap:var(--s-3);align-items:end}
.mc .apr-renovada .apr-cafeina-control .apr-error{grid-column:1/-1}
.mc .apr-renovada .apr-contexto{font-size:var(--t-sm);color:var(--tinta-suave)}
.mc .apr-renovada .apr-cafeina-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
.mc .apr-renovada .apr-cafeina-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:var(--s-1) var(--s-2);align-content:center;min-height:var(--apr-renovada-cafeina-alto)}
.mc .apr-renovada .apr-metodo-cabecera{grid-column:1;grid-row:1/3;gap:var(--s-2);min-height:0}
.mc .apr-renovada .apr-metodo-cabecera>.mc-icono{width:var(--apr-renovada-icono);height:var(--apr-renovada-icono)}
.mc .apr-renovada .apr-metodo-cabecera h2{font-size:var(--t-lg)}
.mc .apr-renovada .apr-cafeina-cantidad,.mc .apr-renovada .apr-sin-dato{grid-column:2;grid-row:1;text-align:right;margin:0;font-size:var(--tipo-h2);white-space:nowrap}
.mc .apr-renovada .apr-cafeina-base{grid-column:2;grid-row:2;text-align:right;font-size:var(--t-xs)}
.mc .apr-renovada .apr-alcance{grid-column:1/-1;grid-row:3;font-size:var(--t-xs);line-height:var(--lh-texto);color:var(--tinta-suave);margin-top:var(--s-2)}
.mc .apr-renovada .apr-sin-dato{font-size:var(--t-sm);white-space:normal}
.mc .apr-renovada .apr-otros{margin-top:var(--s-3);border-radius:var(--r-s);background:var(--tarjeta-inactiva);padding:var(--s-3)}
.mc .apr-renovada .apr-otros>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);list-style:none;font-size:var(--t-sm);font-weight:600;cursor:pointer;min-height:var(--modal-boton-alto)}
.mc .apr-renovada summary::-webkit-details-marker{display:none}
.mc .apr-renovada summary:focus-visible{outline:var(--foco);outline-offset:var(--foco-offset)}
.mc .apr-renovada .apr-otros>.apr-cafeina-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--s-3)}
.mc .apr-renovada .apr-estudios{margin-top:0}
.mc .apr-renovada .apr-estudios ul{padding-left:var(--s-4);margin:var(--s-2) 0 0;font-size:var(--t-sm)}
.mc .apr-renovada .apr-estudios li+li{margin-top:var(--s-2)}
.mc .apr-renovada .apr-molienda-recetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
.mc .apr-renovada .apr-molienda-metodo{display:flex;flex-direction:column;gap:var(--s-3)}
.mc .apr-renovada .apr-molienda-metodo ul{padding-left:var(--s-4);margin:0;font-size:var(--t-base)}
.mc .apr-renovada .apr-molienda-metodo li+li{margin-top:var(--s-2)}
.mc .apr-renovada .apr-molienda-visual{background:var(--papel);border-radius:var(--r-s);padding:var(--s-2)}
.mc .apr-renovada .apr-molienda-visual .apr-textura{width:100%;height:var(--apr-renovada-textura-alto);border:0;background:var(--papel)}
.mc .apr-renovada .apr-seccion-titulo{display:grid;gap:var(--s-2);margin-bottom:var(--s-3)}
.mc .apr-renovada .apr-seccion-titulo>p{font-size:var(--t-sm);color:var(--tinta-suave)}
.mc .apr-renovada .apr-grados-nuevos{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);align-items:start}
.mc .apr-renovada .apr-grado{display:block}
.mc .apr-renovada .apr-grado>summary{list-style:none;cursor:pointer}
.mc .apr-renovada .apr-grado-cabecera{display:flex;align-items:center;gap:var(--s-3)}
.mc .apr-renovada .apr-grado-cabecera>.apr-textura{width:var(--apr-muestra-ancho);height:var(--apr-renovada-textura-alto);border:0;background:var(--papel)}
.mc .apr-renovada .apr-grado-cabecera>span{display:grid;gap:var(--s-1)}
.mc .apr-renovada .apr-grado-nombre{font-size:var(--t-lg);line-height:var(--lh-titulo);font-weight:600}
.mc .apr-renovada .apr-ver-detalle{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s-3);font-size:var(--t-xs);color:var(--tinta-suave)}
.mc .apr-renovada .apr-grado-detalle{margin-top:var(--s-3);font-size:var(--t-sm)}
.mc .apr-renovada .apr-grado-detalle .apr-metodos{margin-top:var(--s-3)}
@media(max-width:900px){
.mc .apr-renovada{font-size:var(--t-sm);gap:var(--s-4)}
.mc .apr-renovada .mc-titulo-fila h1{font-size:var(--t-h1-movil);line-height:var(--lh-titulo)}
.mc .apr-renovada .apr-leccion-cabecera>p{font-size:var(--t-sm);line-height:var(--lh-texto)}
.mc .apr-renovada h2{font-size:var(--tipo-h3)}
.mc .apr-renovada .apr-superficie,.mc .apr-renovada .apr-equivalencias{padding:var(--s-3)}
.mc .apr-renovada .apr-conversor{grid-template-columns:1fr}
.mc .apr-renovada .apr-campos{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.mc .apr-renovada .apr-cafeina-control{grid-template-columns:minmax(0,1fr) var(--apr-renovada-volumen-movil)}
.mc .apr-renovada .apr-cafeina-control .apr-opciones label{padding:var(--s-1);gap:var(--s-1);font-size:var(--t-xs);white-space:nowrap}
.mc .apr-renovada .apr-cafeina-control .apr-volumen{font-size:var(--t-xs);white-space:nowrap}
.mc .apr-renovada .apr-cafeina-grid,.mc .apr-renovada .apr-otros>.apr-cafeina-grid{grid-template-columns:1fr}
.mc .apr-renovada .apr-cafeina-card{min-height:var(--apr-renovada-cafeina-alto-movil)}
.mc .apr-renovada .apr-cafeina-cantidad{font-size:var(--tipo-h3)}
.mc .apr-renovada .apr-metodo-cabecera h2{font-size:var(--t-base)}
.mc .apr-renovada .apr-aclaraciones{grid-template-columns:1fr;gap:var(--s-2)}
.mc .apr-renovada .apr-aclaraciones article{font-size:var(--t-sm)}
.mc .apr-renovada .apr-nota{font-size:var(--t-xs)}
.mc .apr-renovada .apr-molienda-recetas{grid-template-columns:1fr;gap:var(--s-3)}
.mc .apr-renovada .apr-molienda-metodo{display:grid;grid-template-columns:minmax(0,1fr) var(--apr-muestra-ancho);gap:var(--s-2)}
.mc .apr-renovada .apr-molienda-metodo .apr-bloque-titulo{grid-column:1;grid-row:1}
.mc .apr-renovada .apr-molienda-visual{grid-column:2;grid-row:1;padding:var(--s-1)}
.mc .apr-renovada .apr-molienda-metodo ul,.mc .apr-renovada .apr-molienda-metodo .apr-ajuste{grid-column:1/-1;font-size:var(--t-sm)}
.mc .apr-renovada .apr-grados-nuevos{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}
.mc .apr-renovada .apr-grado-cabecera{flex-direction:column;align-items:flex-start;gap:var(--s-2)}
.mc .apr-renovada .apr-grado-cabecera>.apr-textura{width:100%;height:var(--apr-renovada-textura-alto)}
.mc .apr-renovada .apr-grado-nombre{font-size:var(--t-base)}
}

/* Barra de instalación móvil aprobada: sin subtítulo ni promoción en escritorio. */
.mc .mc-instalar{display:none}
.mc .mc-instalar .mc-modal-boton{min-height:var(--modal-boton-alto);height:var(--modal-boton-alto);border:0;border-radius:var(--modal-boton-radio);background:var(--durazno-vivo);color:var(--tinta);box-shadow:var(--relieve-tarjeta);font-size:var(--modal-boton-texto);font-weight:var(--peso-boton)}
.mc .mc-instalar .mc-modal-boton--secundario{background:var(--blanco);color:var(--tinta-suave)}

.mc .mc-instalacion-ayuda{width:min(calc(100% - var(--s-6)),var(--instalar-dialogo-ancho));max-height:calc(100dvh - var(--s-6));padding:var(--s-5);margin:auto;background:var(--papel);color:var(--tinta);border:0;border-radius:var(--r-l);box-shadow:var(--sombra-suave);overflow:auto}
.mc .mc-instalacion-ayuda::backdrop{background:var(--origen-velo)}
.mc .mc-instalacion-ayuda>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}
.mc .mc-instalacion-ayuda h2{margin:0;font-size:var(--t-xl);font-weight:600;line-height:var(--lh-titulo)}
.mc .mc-instalacion-ayuda ol{margin:0;padding-left:var(--s-5);font-size:var(--t-sm);line-height:var(--lh-texto)}
.mc .mc-instalacion-ayuda li+li{margin-top:var(--s-3)}
.mc .mc-instalacion-ayuda li::marker{font-weight:600}
.mc .mc-instalacion-ayuda strong{font-weight:600}
.mc .mc-instalacion-ayuda-acciones{display:flex;justify-content:flex-end;margin-top:var(--s-5)}
@media(max-width:900px){
.mc .mc-instalar{display:grid;grid-template-columns:var(--instalar-icono) minmax(0,1fr) max-content;align-items:center;gap:var(--s-2);padding:var(--s-3);background:var(--blanco);border:var(--instalar-borde);border-radius:var(--r-m);box-shadow:var(--sombra-suave)}
.mc .mc-instalar-icono{width:var(--instalar-icono);height:var(--instalar-icono);border-radius:var(--r-s)}
.mc .mc-instalar h2{font-size:var(--instalar-titulo);line-height:var(--lh-titulo);font-weight:600;margin:0}
.mc .mc-instalar h2 span{display:block;white-space:nowrap}
.mc .mc-instalar-acciones{display:flex;align-items:center;gap:var(--s-2)}
.mc .mc-instalar .mc-modal-boton{padding-inline:var(--s-2);font-size:var(--instalar-texto-boton);white-space:nowrap}
.mc .mc-instalar .mc-instalar-accion{width:var(--instalar-accion-ancho);min-width:var(--instalar-accion-ancho)}
.mc .mc-instalar [data-instalar-cerrar]{width:var(--instalar-ahora-no-ancho);min-width:var(--instalar-ahora-no-ancho)}
}
@media(max-width:360px){.mc .mc-instalar{grid-template-columns:minmax(0,1fr) max-content}.mc .mc-instalar-icono{display:none}}
@media(display-mode:standalone),(display-mode:fullscreen){.mc .mc-instalar{display:none}}

.mc .mc-instalacion-contexto{margin:0 0 var(--s-3);font-size:var(--t-sm);font-weight:600;color:var(--tinta-suave)}
.mc .mc-instalacion-navegador{margin-top:var(--s-4);font-size:var(--t-sm);line-height:var(--lh-texto)}
.mc .mc-instalacion-navegador summary{cursor:pointer;color:var(--tinta-suave)}
.mc .mc-instalacion-navegador label{display:grid;gap:var(--s-2);margin-top:var(--s-3);font-weight:600}
.mc .mc-instalacion-navegador select{width:100%;min-height:var(--modal-boton-alto);padding:var(--s-2);font:inherit;font-weight:500;color:var(--tinta);background:var(--blanco);border:var(--instalar-borde);border-radius:var(--r-s)}
.mc .mc-instalacion-navegador p{margin:var(--s-3) 0 0}

/* Ayuda: preguntar antes de mostrar cualquier guía. Símbolos junto al texto. */
.mc .mc-instalacion-simbolo{display:inline-block;width:var(--s-4);height:var(--s-4);vertical-align:middle}
.mc .mc-instalacion-ayuda [hidden]{display:none}
.mc .mc-instalacion-ayuda>.mc-instalacion-navegador{margin:0 0 var(--s-4)}
.mc .mc-instalacion-ayuda>.mc-instalacion-navegador label{margin:0 0 var(--s-2)}

/* Cafeína: tres métodos; ícono junto al nombre y la cantidad. */
.mc a[href="#/cafeina"] .apr-cafeina-linea{display:block}
.mc .apr-cafeina--simple .apr-cafeina-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
.mc .apr-cafeina--simple .apr-cafeina-card{position:relative}
.mc .apr-cafeina--simple .apr-cafeina-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:var(--s-3);min-height:var(--apr-cafeina-ficha-alto);padding:var(--s-4)}
.mc .apr-cafeina--simple .apr-metodo-cabecera{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--s-2);padding-right:var(--s-5)}
.mc .apr-cafeina--simple .apr-metodo-cabecera>.mc-icono{width:var(--apr-cafeina-icono);height:var(--apr-cafeina-icono)}
.mc .apr-cafeina--simple .apr-metodo-cabecera h2{font-size:var(--t-base);line-height:var(--lh-titulo)}
.mc .apr-cafeina--simple .apr-cafeina-cantidad{grid-column:1;grid-row:2;text-align:left;font-size:var(--apr-cafeina-cifra);font-weight:var(--peso-texto);line-height:var(--lh-titulo);white-space:nowrap}
.mc .apr-cafeina--simple .apr-cafeina-cantidad>span{font-size:var(--t-base);font-weight:var(--peso-texto)}
.mc .apr-cafeina-descafeinado{font-size:var(--t-sm);line-height:var(--lh-texto);color:var(--tinta);margin:0;padding:var(--s-3);background:var(--tarjeta-inactiva);border-radius:var(--r-s)}
.mc .apr-cafeina-orden{font-size:var(--t-sm);color:var(--tinta-suave);margin:0}
@media(max-width:899px){
.mc a[href="#/cafeina"] p{font-size:var(--apr-cafeina-acceso-texto);line-height:var(--lh-control)}
.mc .apr-cafeina-descafeinado{font-size:var(--apr-cafeina-acceso-texto)}
.mc .apr-cafeina--simple .mc-titulo-fila h1{font-size:var(--t-base);white-space:nowrap}
.mc .apr-cafeina--simple .apr-cafeina-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}
.mc .apr-cafeina--simple .apr-cafeina-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:var(--s-2);min-height:var(--apr-cafeina-ficha-alto-movil);padding:var(--s-3)}
.mc .apr-cafeina--simple .apr-metodo-cabecera{grid-column:1;grid-row:1;gap:var(--s-1)}
.mc .apr-cafeina--simple .apr-cafeina-card{padding-top:var(--s-6)}
.mc .apr-cafeina--simple .apr-metodo-cabecera{padding-right:0}
.mc .apr-cafeina--simple .apr-metodo-cabecera>.mc-icono{width:var(--apr-cafeina-icono);height:var(--apr-cafeina-icono)}
.mc .apr-cafeina--simple .apr-metodo-cabecera h2{font-size:var(--t-base)}
.mc .apr-cafeina--simple .apr-cafeina-cantidad{grid-column:1;grid-row:2;text-align:left;font-size:var(--apr-cafeina-cifra-movil)}
.mc .apr-cafeina--simple .apr-cafeina-cantidad>span{font-size:var(--t-sm)}
}


.mc .apr-cafeina--simple .apr-cafeina-card{grid-template-columns:var(--apr-cafeina-icono) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--s-3);row-gap:var(--s-1);align-content:center;align-items:center}
.mc .apr-cafeina--simple .apr-metodo-cabecera{display:contents}
.mc .apr-cafeina--simple .apr-metodo-cabecera>.mc-icono{grid-column:1;grid-row:1 / 3;align-self:center}
.mc .apr-cafeina--simple .apr-metodo-cabecera h2{grid-column:2;grid-row:1;font-weight:var(--peso-titulo)}
.mc .apr-cafeina--simple .apr-cafeina-cantidad{grid-column:2;grid-row:2;font-size:var(--apr-cafeina-cifra-movil)}
.mc .apr-cafeina--simple .apr-cafeina-card{padding-top:var(--s-4);padding-bottom:var(--s-4);padding-right:var(--s-4)}

@media(min-width:900px){
.mc .apr-cafeina--simple .apr-cafeina-card{grid-template-columns:var(--apr-cafeina-icono-web) minmax(0,1fr);padding-top:var(--s-3);padding-bottom:var(--s-3)}
.mc .apr-cafeina--simple .apr-metodo-cabecera>.mc-icono{width:var(--apr-cafeina-icono-web);height:var(--apr-cafeina-icono-web)}
.mc .apr-cafeina--simple .apr-metodo-cabecera h2{font-size:var(--t-lg)}
}
.mc .apr-cafeina-notas{display:grid;gap:var(--s-1);font-size:var(--t-xs);line-height:var(--lh-texto);color:var(--tinta-suave)}
.mc .apr-cafeina-notas p{margin:0}

/* Molienda: método activo en web, ventanas de detalle en móvil. */
.mc .apr-mol-accesos{display:flex;gap:var(--s-1);padding:var(--s-1);background:var(--tarjeta-inactiva);border-radius:var(--r-s) var(--r-s) 0 0}
.mc .apr-mol-accesos button{display:flex;align-items:center;justify-content:center;gap:var(--s-2);flex:1;border:0;border-radius:var(--r-s);background:transparent;color:var(--tinta);padding:var(--s-3);min-height:var(--s-6);font-size:var(--t-base);font-weight:var(--peso-etiqueta);cursor:pointer}
.mc .apr-mol-accesos button[aria-pressed="true"]{background:var(--blanco)}
.mc .apr-mol-accesos .mc-icono{width:var(--s-6);height:var(--s-6);flex-shrink:0}
.mc .apr-mol-panel{background:var(--blanco);border-radius:0 0 var(--r-s) var(--r-s);padding:var(--s-4);display:grid;gap:var(--s-3)}
.mc .apr-mol-foto-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.mc .apr-mol-foto-layout figure{margin:0;display:grid;gap:var(--s-1)}
.mc .apr-mol-foto-layout img{width:100%;height:var(--apr-mol-foto-alto);object-fit:cover;border-radius:var(--r-s);background:var(--tarjeta-inactiva)}
.mc .apr-mol-foto-layout figcaption,.mc .apr-mol-creditos{font-size:var(--t-xs);color:var(--tinta-suave);line-height:var(--lh-texto)}
.mc .apr-mol-creditos a{color:inherit}
.mc .apr-mol-ajustes{display:grid;grid-template-columns:1fr;gap:var(--s-2)}
.mc .apr-mol-ajustes article{background:var(--papel);padding:var(--s-4);border-radius:var(--r-s);display:grid;align-content:center;gap:var(--s-1)}
.mc .apr-mol-ajustes article>span{font-size:var(--t-sm);font-weight:var(--peso-etiqueta);color:var(--tinta-suave)}
.mc .apr-mol-ajustes strong{font-size:var(--t-base);font-weight:var(--peso-titulo)}
.mc .apr-mol-ajustes p,.mc .apr-mol-explicacion{font-size:var(--t-sm);line-height:var(--lh-texto);margin:0}
.mc .apr-mol-dialog{width:calc(100% - var(--s-6));max-width:var(--apr-mol-dialog-ancho);max-height:calc(100dvh - var(--s-6));overflow:auto;border:0;border-radius:var(--r-s);padding:var(--s-4);background:var(--papel);color:var(--tinta)}
.mc .apr-mol-dialog::backdrop{background:var(--feedback-overlay)}
.mc .apr-mol-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}
.mc .apr-mol-dialog h2{font-size:var(--t-lg);margin:0}
.mc .apr-mol-dialog-cuerpo{display:grid;gap:var(--s-3)}
.mc .apr-mol-dialog .apr-mol-foto-layout{grid-template-columns:1fr;gap:var(--s-3)}
.mc .apr-mol-dialog .apr-mol-foto-layout img{height:var(--apr-mol-foto-movil-alto)}
.mc .apr-mol-dialog .apr-mol-ajustes{grid-template-columns:1fr 1fr}
.mc .apr-mol-dialog .apr-mol-ajustes article{padding:var(--s-2)}
@media(max-width:899px){
.mc .apr-moliendas--metodo .mc-titulo-fila h1{font-size:var(--t-base);white-space:nowrap}
.mc .apr-mol-panel{display:none}
.mc .apr-mol-accesos{display:grid;padding:0;gap:var(--s-2);background:transparent}
.mc .apr-mol-accesos button{justify-content:flex-start;background:var(--blanco);min-height:var(--control-tacto,44px)}
.mc .apr-mol-accesos button::after{content:'＋';margin-left:auto;font-weight:var(--peso-texto)}
}

/* Dos fotos por método: encuadre uniforme con menos margen negro. Originales intactos. */
.mc .apr-mol-ajustes--fotos{grid-template-columns:1fr 1fr;gap:var(--s-3)}
.mc .apr-mol-ajustes--fotos article{align-content:start;gap:var(--s-2);text-align:left}
.mc .apr-mol-foto{width:100%;max-width:var(--apr-mol-foto-alto);aspect-ratio:1;overflow:hidden;border-radius:var(--r-s);margin-inline:auto}
.mc .apr-mol-ajustes--fotos img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--apr-mol-foto-zoom));transform-origin:center}
.mc .apr-mol-dialog .apr-mol-foto{max-width:var(--apr-mol-foto-movil-alto)}

/* Molienda en web: imagen y texto comparten el ancho del card. */
@media(min-width:900px){
.mc .apr-mol-panel .apr-mol-ajustes--fotos article{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:var(--s-4);row-gap:var(--s-1);align-content:stretch}
.mc .apr-mol-panel .apr-mol-foto{grid-column:1;grid-row:1 / 6;max-width:var(--apr-mol-foto-web);margin-inline:0;align-self:center}
.mc .apr-mol-panel .apr-mol-ajustes--fotos article>span{grid-column:2;grid-row:2;font-size:var(--t-xl);font-weight:var(--peso-titulo);color:var(--tinta);line-height:var(--lh-titulo)}
.mc .apr-mol-panel .apr-mol-ajustes--fotos article>strong{grid-column:2;grid-row:3;font-size:var(--t-lg)}
.mc .apr-mol-panel .apr-mol-ajustes--fotos article>p{grid-column:2;grid-row:4}
}

/* Ampliación de texturas: foto completa y retorno al método sin perder foco. */
.mc button.apr-mol-foto{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;line-height:0}
.mc button.apr-mol-foto:focus-visible{outline:var(--borde-sutil);outline-offset:var(--s-1)}
.mc .apr-mol-ampliada{width:calc(100% - var(--s-6));max-width:var(--ancho-pasos);max-height:calc(100dvh - var(--s-6));overflow:auto;background:var(--papel);color:var(--tinta);border:0;border-radius:var(--r-m);padding:var(--s-4)}
.mc .apr-mol-ampliada::backdrop{background:var(--feedback-overlay)}
.mc .apr-mol-ampliada>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}
.mc .apr-mol-ampliada h2{margin:0;font-size:var(--t-lg);font-weight:var(--peso-titulo)}
.mc .apr-mol-ampliada>img{display:block;width:100%;max-height:calc(100dvh - var(--s-6) - var(--s-6) - var(--control-normal));object-fit:contain;border-radius:var(--r-s)}

/* Molienda: tres renglones alineados junto a la foto. */
.mc .apr-mol-cantidad{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-base);font-weight:var(--peso-texto);color:var(--tinta)}
.mc .apr-mol-cantidad svg{width:var(--icono-taza);height:var(--icono-taza);flex-shrink:0}
.mc .apr-mol-datos{display:grid;gap:var(--s-2);align-content:center;text-align:left}
.mc .apr-mol-datos p{margin:0;line-height:var(--lh-texto);font-weight:400}
.mc .apr-mol-datos strong{font-size:inherit;font-weight:var(--peso-titulo)}
@media(min-width:900px){
.mc .apr-mol-panel .apr-mol-ajustes--fotos article{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:1fr;column-gap:var(--s-4)}
.mc .apr-mol-panel .apr-mol-foto{grid-column:1;grid-row:1}
.mc .apr-mol-panel .apr-mol-datos{grid-column:2;grid-row:1}
.mc .apr-mol-panel .apr-mol-datos p,.mc .apr-mol-panel .apr-mol-cantidad{font-size:var(--t-lg)}
}

@media(min-width:900px){
.mc .apr-mol-panel .apr-mol-ajustes--unica{grid-template-columns:1fr}
.mc .apr-mol-panel .apr-mol-ajustes--unica article{grid-template-columns:minmax(0,var(--apr-mol-foto-web)) max-content;justify-content:center}
}

@media(min-width:900px){.mc .apr-mol-panel .apr-mol-cantidad{font-weight:var(--peso-titulo)}}

/* Prueba móvil: una ficha por fila. */
.mc .apr-mol-dialog .apr-mol-ajustes--fotos{grid-template-columns:1fr}

/* Fichas móviles apiladas con imagen y datos enfrentados. */
.mc .apr-mol-dialog .apr-mol-ajustes--fotos article{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--blanco);box-shadow:var(--anillo-inactivo)}
.mc .apr-mol-dialog .apr-mol-ajustes--fotos .apr-mol-foto{max-width:none;margin:0}
.mc .apr-mol-dialog .apr-mol-datos{min-width:0;gap:var(--s-2)}

/* Medidas: Café y agua, opción 1 aprobada para revisión en dimensiones reales. */
.mc .apr-med-fichas{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.mc .apr-med-ficha{background:var(--blanco);padding:var(--s-4);border-radius:var(--r-s);display:flex;flex-direction:column;gap:var(--s-4);min-width:0}
.mc .apr-med-ficha>header{display:flex;align-items:center;gap:var(--s-3)}
.mc .apr-med-ficha>header svg{width:var(--icono);height:var(--icono);flex-shrink:0}
.mc .apr-med-ficha h2{font-size:var(--t-lg);font-weight:var(--peso-titulo);margin:0}
.mc .apr-med-botones{display:flex;gap:var(--s-2);margin-top:auto}
.mc .apr-med-botones .mc-btn{flex:1;background:var(--durazno);min-height:var(--control-normal);font-size:var(--t-sm)}
.mc .apr-med-botones .mc-btn[aria-expanded=true]{box-shadow:var(--anillo-inactivo)}
.mc .apr-med-convertir[hidden]{display:none}
.mc .apr-med-convertir label{display:block;font-size:var(--t-sm);font-weight:var(--peso-etiqueta);margin-bottom:var(--s-1)}
.mc .apr-med-convertir input{width:100%}
.mc .apr-med-resultado{font-size:var(--t-base);font-weight:500;margin:var(--s-2) 0 0}
.mc .apr-medidas--simple>.apr-nota{margin-top:var(--s-4)}
@media(max-width:899px){
.mc .apr-med-fichas{grid-template-columns:1fr}
.mc .apr-med-ficha h2{font-size:var(--t-base)}
.mc .apr-medidas--simple .mc-titulo-fila h1{font-size:var(--t-lg)}
}

/* Aprende: tres temas vigentes tras retirar Medidas. */
@media(min-width:900px){.mc .mc-aprende{grid-template-columns:repeat(3,minmax(var(--cero),var(--columna)))}}

/* Privacidad: documento real en revisión local, cabecera y retorno accesibles. */
.mc .mc-footer-dialog--documento{width:min(var(--legal-documento-ancho),calc(100% - var(--s-5)));max-height:calc(100dvh - var(--s-5));overflow:hidden}
.mc .mc-footer-dialog--documento[open]{display:flex;flex-direction:column}
.mc .mc-footer-dialog--documento>.mc-footer-dialog-cabecera,.mc .mc-footer-dialog--documento>.mc-info-volver{flex-shrink:0}
.mc .mc-footer-dialog--documento>.mc-info-texto{overflow-y:auto;min-height:0;overscroll-behavior:contain}
.mc .mc-legal-documento{display:grid;gap:var(--s-3)}
.mc .mc-legal-documento>section{background:var(--blanco);border-radius:var(--r-s);padding:var(--s-3)}
.mc .mc-legal-documento h3{font-size:var(--t-base);font-weight:var(--peso-titulo);margin:0 0 var(--s-1)}
.mc .mc-legal-documento p{font-size:var(--t-sm);line-height:var(--lh-texto);font-weight:var(--peso-texto);margin:0}