/* ==========================================================================
   VOZ — página de producto y documentos legales
   Solo agrega lo que site.css no trae. Paleta «Señal» de la app (fondo, superficie,
   elevada, azul noche); el cobre queda para el audio y para lo que suena.
   ========================================================================== */

/* ---------- 0. Ajustes del sistema en esta página ----------------------- */

/* El marcador conserva su tamaño y gana 40 px de área táctil. */
.ref { position: relative; }

/* Sobre marfil, las pruebas son papel: la superficie que se eleva. */
.theme-voz .exhibit--voz .exhibit__plate { background: var(--voz-papel); }

/* El marcador en reposo es tinta sobre hundido; encendido, blanco sobre
   tinta. (En los temas de producto --mark-ink es blanco y no se lee sobre
   --mark-soft.) */
.theme-voz .ref,
.theme-voz .exhibit__caption .ref-num { color: var(--voz-tinta); }
.theme-voz .ref.is-lit,
.theme-voz .ref[aria-expanded='true'],
.theme-voz .exhibit.is-lit .exhibit__caption .ref-num { color: #fff; }
@media (hover: hover) and (pointer: fine) {
  .theme-voz .ref:hover { color: #fff; }
}

/* Marcadores dentro de listas: el tamaño de nota al pie, como en un párrafo. */
.voz-checks .ref { font-size: max(var(--t-micro), 0.66em); vertical-align: 0.4em; }

/* Área táctil de 40 px para el botón de la barra de producto. */
.product-bar__cta { min-height: 44px; }

.product-bar__cta svg { width: 13px; height: 13px; fill: currentColor; flex: none; }


/* ---------- 1. Insignia del App Store (colores e ícono del original) ---- */

.voz-store {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 9px 26px 9px 20px;
  border-radius: 14px;
  background: var(--voz-tinta);
  color: var(--voz-papel);
  text-decoration: none;
  transition: transform var(--dur-press) var(--ease-out), background-color var(--dur-ui) ease;
}
.voz-store svg { width: 26px; height: 26px; fill: currentColor; flex: none; }
.voz-store__t { display: grid; line-height: 1.12; text-align: left; }
.voz-store__t small { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; opacity: 0.86; }
.voz-store__t strong { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.01em; }
.voz-store:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
  .voz-store:hover { background: var(--voz-tinta-2); }
}


/* ---------- 2. Apertura ------------------------------------------------- */

.voz-open .display { max-width: 13ch; }
.voz-open .actions { margin-top: clamp(28px, 3vw, 40px); gap: 14px 26px; }
.voz-fine {
  margin-top: 20px;
  max-width: 46ch;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-3);
}


/* ---------- 3. Cifras: la ficha de VOZ ---------------------------------- */


.voz-heard .statement { margin-top: clamp(24px, 2.6vw, 34px); }


/* ---------- 4. La experiencia ------------------------------------------- */

.voz-traits { margin-top: clamp(32px, 3.4vw, 48px); }
.voz-traits .principle { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 8px 32px; }

/* Prueba: tres avisos como los dice VOZ, separados por filetes. */
.voz-said { list-style: none; margin: 0; padding: 0; display: grid; }
.voz-said li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 0;
  border-bottom: 1px solid var(--rule);
}
.voz-said li:first-child { padding-top: 2px; }
.voz-said li:last-child { border-bottom: 0; padding-bottom: 2px; }
.voz-said img { width: 26px; height: 26px; border-radius: 7px; margin-top: 2px; }
.voz-said__app { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; color: var(--voz-tinta); }
.voz-said__phrase {
  margin-top: 2px;
  font-family: var(--font-voice);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: -0.012em;
  color: var(--voz-tinta);
}


/* ---------- 5. Cómo funciona -------------------------------------------- */

.voz-steps { list-style: none; margin: clamp(28px, 3vw, 40px) 0 0; padding: 0; border-top: 1px solid var(--rule); }
.voz-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 20px;
  padding: 26px 0;
  border-bottom: 1px solid var(--rule);
}
.voz-step__n,
.voz-stage__n {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--r-pill);
  box-shadow: inset 0 0 0 1px var(--rule-2);
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  color: var(--text-2);
  transition: background-color var(--dur-ui) ease, color var(--dur-ui) ease, box-shadow var(--dur-ui) ease;
}
.voz-step.is-current .voz-step__n { background: var(--voz-tinta); color: #fff; box-shadow: none; }
.voz-step p { margin-top: 8px; color: var(--text-2); line-height: 1.65; max-width: 58ch; }
.voz-spoken { font-family: var(--font-voice); font-weight: 500; color: var(--voz-tinta); letter-spacing: -0.01em; }
.voz-aside {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--rule);
  font-size: 0.9375rem;
  color: var(--text-2);
  max-width: 58ch;
}

/* Prueba: el recorrido de un recordatorio. El paso que lees se marca aquí
   con color, sin mover nada. */
.voz-stages { list-style: none; margin: 0; padding: 0; display: grid; }
.voz-stage { padding: 16px 0; border-bottom: 1px solid var(--rule); }
.voz-stage:first-child { padding-top: 2px; }
.voz-stage:last-child { border-bottom: 0; padding-bottom: 2px; }
.voz-stage__label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-3);
  transition: color var(--dur-ui) ease;
}
.voz-stage__n { width: 24px; height: 24px; font-size: var(--t-micro); }
.voz-journey[data-stage='1'] [data-n='1'] .voz-stage__label,
.voz-journey[data-stage='2'] [data-n='2'] .voz-stage__label,
.voz-journey[data-stage='3'] [data-n='3'] .voz-stage__label { color: var(--text); }
.voz-journey[data-stage='1'] [data-n='1'] .voz-stage__n,
.voz-journey[data-stage='2'] [data-n='2'] .voz-stage__n,
.voz-journey[data-stage='3'] [data-n='3'] .voz-stage__n { background: var(--voz-tinta); color: #fff; box-shadow: none; }
.voz-stage .voz-intent__row:last-child { border-bottom: 0; padding-bottom: 0; }
.voz-stage .voz-says { margin-top: 0; }
.voz-stage__play { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.voz-stage__play .voz-notif__voice { margin-left: auto; }
.voz-stage__time {
  font-family: var(--font-mono);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--voz-tinta);
  font-variant-numeric: tabular-nums;
}
.voz-stage__note { margin-top: 10px; font-size: 0.875rem; color: var(--text-2); }


/* ---------- 6. Las voces: galería a ancho completo ---------------------- */

.voz-gallery__side { display: grid; gap: 16px; align-content: start; justify-items: start; }
.voz-note { font-size: 0.875rem; line-height: 1.5; color: var(--text-3); max-width: 36ch; }

.voz-seg {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: var(--r-pill);
  background: var(--voz-hundido);
}
.voz-seg button {
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  color: var(--text-2);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color var(--dur-ui) ease, color var(--dur-ui) ease, box-shadow var(--dur-ui) ease, transform var(--dur-press) var(--ease-out);
}
.voz-seg button[aria-pressed='true'] {
  background: var(--voz-papel);
  color: var(--text);
  box-shadow: inset 0 0 0 1px var(--rule);
}
.voz-seg button:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
  .voz-seg button[aria-pressed='false']:hover { color: var(--text); }
}

/* La frase de muestra. Mientras una voz la dice, se vuelve ámbar. */
.voz-phrase {
  margin-top: clamp(22px, 2.4vw, 32px);
  max-width: 24ch;
  font-family: var(--font-voice);
  font-weight: 500;
  font-size: clamp(1.625rem, 1.15rem + 1.6vw, 2.625rem);
  line-height: 1.16;
  letter-spacing: -0.022em;
  color: var(--voz-tinta);
  transition: opacity 140ms ease, color var(--dur-ui) ease;
}
.voz-phrase.is-swapping { opacity: 0; }
#voces:has(.voz-voice.is-playing) .voz-phrase { color: var(--voz-ambar-texto); }

.voz-voices {
  list-style: none;
  margin: clamp(36px, 4vw, 56px) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-radius: var(--r-plate);
  background: var(--voz-papel);
  box-shadow:
    inset 0 0 0 1px var(--rule),
    0 1px 1px rgba(11, 31, 58, 0.05),
    0 22px 44px -28px rgba(11, 31, 58, 0.36);
}
.voz-voice {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  align-content: start;
  padding: clamp(20px, 1.8vw, 26px) clamp(18px, 1.6vw, 24px) clamp(20px, 1.8vw, 24px);
  min-width: 0;
}
.voz-voice + .voz-voice { border-left: 1px solid var(--rule); }
.voz-voice__top { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.voz-voice__name {
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--text);
  transition: color var(--dur-ui) ease;
}
.voz-voice.is-playing .voz-voice__name { color: var(--voz-ambar-texto); }
.voz-voice__trait { margin-top: 4px; font-size: 0.9375rem; line-height: 1.45; color: var(--text-2); }
.voz-voice__for {
  align-self: end;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--rule);
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--text-3);
}

/* Tono y trato: se eligen en la app; aquí solo se enumeran. */
.voz-manner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 32px;
  margin-top: clamp(28px, 3vw, 40px);
}
.voz-manner__lead { font-size: 0.9375rem; color: var(--text-2); }
.voz-manner dl { display: flex; flex-wrap: wrap; gap: 14px 32px; margin: 0; }
.voz-manner dl > div { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.voz-manner dt { font-family: var(--font-mono); font-size: var(--t-micro); letter-spacing: 0.02em; color: var(--text-3); }
.voz-manner dd { margin: 0; }
.voz-manner ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.voz-manner li {
  padding: 6px 14px;
  border-radius: var(--r-pill);
  box-shadow: inset 0 0 0 1px var(--rule-2);
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--text);
}


/* ---------- 7. Todo en su lugar ----------------------------------------- */

.voz-checks {
  list-style: none;
  margin: clamp(28px, 3vw, 40px) 0 0;
  padding: 0;
  display: grid;
  max-width: 62ch;
  border-top: 1px solid var(--rule);
}
.voz-checks li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--rule);
  line-height: 1.55;
  color: var(--text-2);
}
.voz-checks svg { width: 18px; height: 18px; margin-top: 3px; color: var(--voz-tinta); }
.voz-checks strong { font-weight: 600; color: var(--text); }

/* Prueba: un recordatorio en la app, con su calendario y su cuota. */
.voz-app__row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.voz-app__title { font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; color: var(--text); }
.voz-app__when { font-family: var(--font-mono); font-size: var(--t-micro); letter-spacing: 0.02em; color: var(--text-3); }
.voz-app__status { font-size: var(--t-micro); color: var(--text-3); text-align: right; }
.voz-app__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.voz-app__chips span {
  padding: 4px 11px;
  border-radius: var(--r-pill);
  background: var(--voz-hundido);
  font-size: var(--t-micro);
  font-weight: 500;
  color: var(--text-2);
  transition: color var(--dur-ui) ease;
}
.voz-app.is-playing .voz-app__chips .is-voice,
.is-playing .voz-app__chips .is-voice { color: var(--voz-ambar-texto); }
.voz-app__part { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--rule); }
.voz-app__label { font-family: var(--font-mono); font-size: var(--t-micro); letter-spacing: 0.02em; color: var(--text-3); }
.voz-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; margin-top: 10px; }
.voz-cal i { position: relative; aspect-ratio: 1.35; border-radius: 6px; background: var(--voz-hundido); }
.voz-cal i.has-dot::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background: var(--voz-tinta);
}
.voz-cal i.is-today { background: var(--voz-tinta); }
.voz-cal i.is-today::after { background: var(--voz-papel); }
.voz-quota__num { margin-top: 6px; font-family: var(--font-mono); font-size: 1.75rem; font-weight: 500; line-height: 1.1; letter-spacing: -0.03em; color: var(--text); }
.voz-quota__num span { font-size: 0.875rem; letter-spacing: 0; color: var(--text-3); }
.voz-quota__bar { margin-top: 10px; height: 6px; border-radius: 3px; background: var(--voz-hundido); overflow: hidden; }
.voz-quota__bar i { display: block; width: 60%; height: 100%; border-radius: 3px; background: var(--voz-tinta); }
.voz-quota__meta { margin-top: 10px; font-size: 0.8125rem; line-height: 1.5; color: var(--text-2); }


/* ---------- 8. Planes: dos formas de usar VOZ en un solo libro ---------- */

.voz-plans { margin-top: clamp(40px, 4.4vw, 64px); border-top: 1px solid var(--rule); }
.voz-world {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  column-gap: var(--col-gap);
  row-gap: 24px;
  align-items: start;
  padding-block: clamp(28px, 3vw, 44px);
  border-bottom: 1px solid var(--rule);
}
.voz-world h3 { font-size: var(--t-h3); line-height: 1.2; letter-spacing: -0.016em; }
.voz-world__desc { margin-top: 10px; max-width: 40ch; color: var(--text-2); }
.voz-world__desc strong { font-weight: 600; color: var(--text); }
.voz-mini-checks { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; }
.voz-mini-checks li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 10px; font-size: 0.9375rem; line-height: 1.45; color: var(--text-2); }
.voz-mini-checks svg { width: 15px; height: 15px; margin-top: 3px; color: var(--voz-tinta); }

.voz-tiers { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.voz-tier {
  display: grid;
  grid-template-columns: minmax(72px, 0.75fr) minmax(128px, 1fr) minmax(0, 2fr) minmax(0, 1.35fr);
  column-gap: 22px;
  row-gap: 4px;
  align-items: baseline;
  padding: 20px 22px;
  border-radius: 14px;
}
.voz-tier__name { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.012em; color: var(--text); }
.voz-tier__price {
  font-family: var(--font-mono);
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.voz-tier__price small { margin-left: 4px; font-size: var(--t-micro); font-weight: 400; letter-spacing: 0.02em; color: var(--text-3); }
.voz-tier__desc { font-size: 0.9375rem; line-height: 1.45; color: var(--text-2); }
.voz-tier__meta { font-size: 0.875rem; line-height: 1.45; color: var(--text-3); }

/* Pro y Ultra se distinguen: Pro en papel con filete de tinta, Ultra en tinta. */
.voz-tier--pro {
  background: var(--voz-papel);
  box-shadow: inset 0 0 0 1.5px var(--voz-tinta);
}
.voz-tier--ultra {
  background: var(--voz-tinta);
}
.voz-tier--ultra .voz-tier__name,
.voz-tier--ultra .voz-tier__price { color: var(--voz-papel); }
.voz-tier--ultra .voz-tier__price small { color: rgba(255, 255, 255, 0.72); }
.voz-tier--ultra .voz-tier__desc { color: rgba(255, 255, 255, 0.86); }
.voz-tier--ultra .voz-tier__meta { color: rgba(255, 255, 255, 0.74); }

.voz-plan-notes {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  font-size: 0.875rem;
  color: var(--text-2);
}
.voz-plan-notes li { display: inline-flex; align-items: center; gap: 8px; }
.voz-plan-notes svg { width: 15px; height: 15px; color: var(--voz-tinta); flex: none; }

.voz-plans-head .statement { font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem); }
.voz-plans-head .muted { margin-top: 10px; max-width: 38ch; }


/* ---------- 9. Para quien cuida y privacidad ---------------------------- */

.voz-care .prose { max-width: 46ch; }

.voz-trust { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--rule); }
.voz-trust li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--rule);
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--text);
}
.voz-trust svg { width: 20px; height: 20px; margin-top: 1px; color: var(--voz-tinta); }
.voz-privacy .actions { margin-top: clamp(24px, 2.6vw, 32px); }


/* ---------- 10. Preguntas frecuentes ------------------------------------ */

.voz-faq { margin-top: clamp(28px, 3vw, 40px); border-top: 1px solid var(--rule); }
.voz-faq details { border-bottom: 1px solid var(--rule); }
.voz-faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 62px;
  padding: 12px 0;
  list-style: none;
  cursor: pointer;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--text);
}
.voz-faq summary::-webkit-details-marker { display: none; }
.voz-faq__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--r-pill);
  box-shadow: inset 0 0 0 1px var(--rule-2);
  color: var(--text);
  transition: transform var(--dur-ui) var(--ease-out), background-color var(--dur-ui) ease, color var(--dur-ui) ease, box-shadow var(--dur-ui) ease;
}
.voz-faq__icon svg { width: 12px; height: 12px; }
.voz-faq details[open] .voz-faq__icon { transform: rotate(45deg); background: var(--voz-tinta); color: #fff; box-shadow: none; }
@media (hover: hover) and (pointer: fine) {
  .voz-faq summary:hover .voz-faq__icon { box-shadow: inset 0 0 0 1px var(--voz-tinta); }
}
.voz-faq__a { padding: 0 52px 22px 0; }
.voz-faq__a p { max-width: 60ch; color: var(--text-2); line-height: 1.65; }
.voz-faq__a a {
  color: var(--text);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--mark);
  text-underline-offset: 0.2em;
}


/* ---------- 11. Cierre --------------------------------------------------- */

.voz-close .lead { margin-top: 24px; }
.voz-close .actions { margin-top: clamp(28px, 3vw, 36px); }
.voz-android { margin-top: 20px; max-width: 46ch; font-size: 0.9375rem; color: var(--text-2); }
.voz-android a {
  display: inline-block;
  padding-block: 13px;
  margin-block: -13px;
  color: var(--text);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--mark);
  text-underline-offset: 0.2em;
}
.voz-seal { display: grid; gap: 22px; justify-items: start; align-content: center; height: 100%; }
.voz-seal img {
  width: clamp(88px, 8vw, 112px);
  height: auto;
  border-radius: 24%;
  box-shadow: 0 22px 40px -22px rgba(180, 83, 9, 0.5), 0 2px 4px rgba(11, 31, 58, 0.08);
}
.voz-seal p {
  max-width: 22ch;
  font-family: var(--font-voice);
  font-weight: 500;
  font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.875rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--voz-tinta);
}


/* ---------- 12. Documentos legales -------------------------------------- */

.voz-legal { padding-bottom: var(--section); }
.voz-legal .doc > section + section { margin-top: 2.6em; }
.voz-legal .doc section > * + * { margin-top: 1.15em; }
.voz-legal .doc section > h2 + * { margin-top: 0.8em; }
.voz-legal .doc .updated { margin-top: 3em; padding-top: 1.1em; border-top: 1px solid var(--rule); }
.voz-legal .toc a { min-height: 44px; align-items: start; }


/* ---------- 13. Composición en pantallas medianas y chicas -------------- */

@media (max-width: 1100px) {
  .voz-tier { grid-template-columns: minmax(64px, 0.7fr) minmax(118px, 1fr) minmax(0, 2fr); }
  .voz-tier__meta { grid-column: 3; }
}

@media (max-width: 1023px) {
  .voz-world { grid-template-columns: minmax(0, 1fr); }
  .voz-gallery__side { grid-row: 2; }
}

@media (max-width: 900px) {
  .voz-voices { grid-template-columns: minmax(0, 1fr); }
  .voz-voice {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: none;
    column-gap: 16px;
    padding: 18px 20px;
  }
  .voz-voice + .voz-voice { border-left: 0; border-top: 1px solid var(--rule); }
  .voz-voice__top { grid-row: 1 / span 3; margin: 2px 0 0; }
  .voz-voice__top .eq { display: none; }
  .voz-voice__name, .voz-voice__trait, .voz-voice__for { grid-column: 2; }
  .voz-voice__for { margin-top: 10px; padding-top: 10px; }
}

@media (max-width: 760px) {
  .voz-traits .principle { grid-template-columns: minmax(0, 1fr); }
  .voz-tier {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 6px;
    padding: 18px;
  }
  .voz-tier__desc, .voz-tier__meta { grid-column: 1 / -1; }
  .voz-faq__a { padding-right: 0; }
  }

@media (max-width: 420px) {
  .voz-store { width: 100%; justify-content: center; }
  .voz-open .actions { flex-direction: column; align-items: stretch; }
  .voz-open .actions .text-link { align-self: flex-start; }
  .voz-seg { display: flex; width: 100%; }
  .voz-seg button { flex: 1; padding: 0 12px; }
  .voz-app__row { grid-template-columns: 44px minmax(0, 1fr); }
  .voz-app__status { grid-column: 2; text-align: left; }
}


/* ---------- 14. Movimiento reducido ------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .voz-faq__icon { transition: background-color var(--dur-ui) ease, color var(--dur-ui) ease; }
  .voz-faq details[open] .voz-faq__icon { transform: none; }
  .voz-store:active, .voz-seg button:active { transform: none; }
}