/* CSS propio de retail.html (sitio «origen»). Lo edita solo quien porta esa página: docs/sitio-2026/09-origen.md, «Receta para portar una página». */

/* Portado de prototipo/css/retail.css. Se carga después de
   paginas.css y graficos.css. Sin tokens nuevos: usa los de metro.css. El andén sobre la vista de
   diseño y las capacidades con la vista fija al lado ya son variantes de paginas.css §5.

   1. «La prueba»: los tres argumentos de sta en el tablero del andén, con su letrero en flaps */

/* 1 · El tablero del andén: un solo panel navy partido en tres andenes (no tres tarjetas). Cada
   argumento es su letrero en flaps y su frase. Tres columnas desde 1100 px; filas debajo. */
.rt-prueba {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-radius: 16px;
  overflow: hidden;
  background: var(--tablero);
  color: var(--tablero-tinta);
  box-shadow: var(--sombra-alta);
}
html[data-theme="dark"] .rt-prueba { outline: 1px solid var(--tablero-borde); outline-offset: -1px; }
.rt-prueba__item { padding: clamp(24px, 2.6vw, 40px) clamp(20px, 2.6vw, 44px); border-top: 1px solid var(--tablero-borde); }
.rt-prueba__item:first-child { border-top: 0; }
.rt-prueba__titulo { line-height: 1; }
.rt-prueba__texto {
  margin-top: 18px;
  max-width: 30rem;
  font: 600 clamp(1.04rem, 0.98rem + 0.3vw, 1.24rem) / 1.45 var(--f-display);
  font-stretch: 102%;
  color: #ffffff;
}
@media (min-width: 1100px) {
  .rt-prueba { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rt-prueba__item { border-top: 0; }
  .rt-prueba__item + .rt-prueba__item { border-left: 1px solid var(--tablero-borde); }
}

/* Letreros que parten por palabra (.flap--palabras, paginas.css §5; metro.js agrupa cada palabra en
   su .flap__palabra). La celda nunca es más grande de lo que deja el letrero más largo de la página
   («Sin instalar nada») en el ancho de su andén (cqi del título): en español cada letrero queda en un
   renglón; en otros idiomas salta entre palabras. */
.rt-prueba__titulo { container-type: inline-size; }
.rt-prueba .flap--letras .flap__c { font-size: min(clamp(1.1rem, 0.92rem + 0.46vw, 1.45rem), (100cqi - 72px) / 11); }