/* ══════════════════════════════════════════════════════════════════
   FEEX · sitio y audiovisual
   El acento del caso es el verde de la marca, no el rojo de la agencia.
   ══════════════════════════════════════════════════════════════════ */
@import url('tubox.css');

/* el violeta sale del propio banner (muestreado en sus esquinas), no
   a ojo: si no coincide se ve el borde de la banda contra el fondo */
.hero{background-color:#3133DD}
/* el banner es 2268x600: recortarlo a pantalla completa se come el
   teléfono y el texto, así que entra entero y centrado */
.hero .scale_w{transform:none !important}
.hero .media_c{display:grid;place-items:center;width:100%;height:100%;padding:80px 20px}
/* La portada es la misma pieza que gira en la órbita del home. Va
   vertical y centrada sobre el violeta, no recortada a pantalla
   completa: es material filmado en 9:16 para redes, y estirarlo a lo
   ancho tira a la basura justamente lo que se ve —las manos y el
   equipo, que están en el centro del cuadro. */
.hero .hero_video{
  width:auto;height:100%;
  max-height:calc(100svh - 160px);
  max-width:min(100%,520px);
  object-fit:contain;display:block;
  background-color:#3133DD;
}


/* el fondo y el radio de la galería los pone tubox.css para las cuatro */

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