/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/components/bebop/hero/hero.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* hero.module.css — minimal, Tailwind se encarga del layout/overlay */

/* Contenedor del video (fallbacks suaves; el TSX ya agrega relative/w-full/h-[80vh]) */
.hero_container__eq8dh {
  width: 100%;
}

/* Video: asegurar bloque y cover por si faltaran utilidades */
.hero_video__fY1_Q {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #000; /* evita flash blanco antes del primer frame */
}

/* Contenedor de controles (wrapper genérico) */
.hero_controlsContainer__hPrer {
  position: relative;
  width: 100%;
}