/* ══════════════════════════════════════════════════════════════════
   FEED PREVIEW · herramienta propia
   Hereda de tubox.css. Es una app oscura, así que la portada no lleva
   el tratamiento de foto: se muestra tal cual, sin recorte ni escala.
   ══════════════════════════════════════════════════════════════════ */
@import url('tubox.css');

/* la portada es una captura de interfaz: recortarla o escalarla la
   vuelve ilegible, así que entra entera y centrada sobre el fondo */
.hero{background-color:#0b0b0d}
.hero .scale_w{transform:none !important}
.hero .media_c{display:grid;place-items:center;width:100%;height:100%;padding:88px 40px}
.hero img{
  width:auto;height:auto;
  max-width:min(100%,1180px);max-height:calc(100svh - 220px);
  object-fit:contain;
}
/* sobre una captura de pantalla el grano se lee como ruido de
   compresión, no como textura: acá no va */
.hero .grano{display:none}

.sitio_visor{aspect-ratio:1512/813}

@media(max-width:900px){
  .hero .media_c{padding:74px 20px}
}