/* CSS propio de 3pl.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/3pl.css. Se carga después de
   paginas.css. Sin tokens nuevos: usa los de metro.css.

   1. La segunda escena (foto apaisada) con su encuadre
   2. «La prueba»: los tres argumentos de sta en el tablero del andén y el tutorial de Órdenes */

/* 1 · bodega-pasillo es 16:9 y la operadora está en el tercio derecho: el recorte 4:5 la sigue */
.pl-foto-pasillo img { object-position: 80% 50%; }

/* 2 · El tablero del andén (un solo panel navy, tres filas: letrero en flaps y frase) y, al lado,
   el tutorial real de Órdenes del Centro de Ayuda con su fachada de clic. */
.pl-prueba { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
@media (min-width: 1100px) { .pl-prueba { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); } }
.pl-prueba__tablero {
  border-radius: 16px;
  overflow: hidden;
  background: var(--tablero);
  color: var(--tablero-tinta);
  box-shadow: var(--sombra-alta);
}
html[data-theme="dark"] .pl-prueba__tablero { outline: 1px solid var(--tablero-borde); outline-offset: -1px; }
.pl-prueba__item { padding: clamp(22px, 2.4vw, 34px) clamp(20px, 2.6vw, 40px); border-top: 1px solid var(--tablero-borde); }
.pl-prueba__item:first-child { border-top: 0; }
.pl-prueba__titulo { line-height: 1; }
.pl-prueba__texto {
  margin-top: 16px;
  max-width: 32rem;
  font: 600 clamp(1.04rem, 0.98rem + 0.3vw, 1.24rem) / 1.45 var(--f-display);
  font-stretch: 102%;
  color: #ffffff;
}
.pl-prueba .video { min-width: 0; }

/* 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
   («De vuelta al canal») 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. */
.pl-prueba__titulo { container-type: inline-size; }
.pl-prueba .flap--letras .flap__c { font-size: min(clamp(1.1rem, 0.92rem + 0.46vw, 1.45rem), (100cqi - 76px) / 11); }