/* =========================================================
   9) HERO WRAP CLEAN FIX
   ========================================================= */

.canalla-hero-section {
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
}

.canalla-hero-section.canalla-hero-video-transparent > .mcb-background-overlay {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.canalla-hero-section,
.canalla-hero-section .section_wrapper,
.canalla-hero-section .mcb-section-inner,
.canalla-hero-section .wrap,
.canalla-hero-section .mcb-wrap,
.canalla-hero-section .mcb-wrap-inner,
.canalla-hero-section .column,
.canalla-hero-section .mcb-column-inner,
.canalla-hero-section .column_attr,
.canalla-hero-wrap-top,
.canalla-hero-wrap-main,
.canalla-hero-wrap-top .mcb-wrap-inner,
.canalla-hero-wrap-main .mcb-wrap-inner,
.canalla-hero-wrap-top .column,
.canalla-hero-wrap-main .column,
.canalla-hero-wrap-top .mcb-column-inner,
.canalla-hero-wrap-main .mcb-column-inner,
.canalla-hero-wrap-top .column_attr,
.canalla-hero-wrap-main .column_attr {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}

.canalla-hero-wrap-top,
.canalla-hero-wrap-main,
.canalla-hero-wrap-top .mcb-wrap-inner,
.canalla-hero-wrap-main .mcb-wrap-inner,
.canalla-hero-wrap-top .column_attr,
.canalla-hero-wrap-main .column_attr {
  margin: 0 !important;
  padding: 0 !important;
}

.canalla-hero-wrap-top {
  position: absolute !important;
  inset: 0 !important;
  z-index: 40 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

.canalla-hero-wrap-main {
  position: relative !important;
  z-index: 20 !important;
}

/* Fondo de vídeo persistente de la portada. El contenedor original de Betheme
   se monta bajo #Wrapper para evitar que se desplace con la primera sección. */
body.home.canalla-page-video-active {
  background: var(--canalla-color-background) !important;
}

body.home .canalla-page-video-background {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: var(--canalla-color-background) !important;
  transform: none !important;
}

body.home .canalla-page-video-background::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(7, 8, 11, 0.68);
  pointer-events: none;
}

body.home .canalla-page-video-background video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

body.home.canalla-page-video-active #Wrapper {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}

body.home.canalla-page-video-active #Content,
body.home.canalla-page-video-active #Content > .content_wrapper,
body.home.canalla-page-video-active #Content > .content_wrapper > .sections_group,
body.home.canalla-page-video-active .canalla-about-section,
body.home.canalla-page-video-active .canalla-events-host,
body.home.canalla-page-video-active .canalla-events-host .section_wrapper,
body.home.canalla-page-video-active .canalla-events-host .mcb-section-inner,
body.home.canalla-page-video-active .canalla-events-host .mcb-wrap,
body.home.canalla-page-video-active .canalla-events-host .mcb-wrap-inner,
body.home.canalla-page-video-active .canalla-events-host .column,
body.home.canalla-page-video-active .canalla-events-host .mcb-column-inner,
body.home.canalla-page-video-active .canalla-events-host .column_attr,
body.home.canalla-page-video-active .canalla-events-host .mfn-html-inner-wrapper,
body.home.canalla-page-video-active .canalla-tickets-section,
body.home.canalla-page-video-active .canalla-tickets-section .section_wrapper,
body.home.canalla-page-video-active .canalla-tickets-section .mcb-section-inner,
body.home.canalla-page-video-active .canalla-tickets-section .wrap,
body.home.canalla-page-video-active .canalla-tickets-section .mcb-wrap,
body.home.canalla-page-video-active .canalla-tickets-section .mcb-wrap-inner,
body.home.canalla-page-video-active .canalla-tickets-section .column,
body.home.canalla-page-video-active .canalla-tickets-section .mcb-column-inner,
body.home.canalla-page-video-active .canalla-tickets-section .column_attr {
  background: transparent !important;
  background-image: none !important;
}

body.home.canalla-page-video-active .canalla-tickets-section::before,
body.home.canalla-page-video-active .canalla-tickets-section::after {
  background: transparent !important;
}

html.canalla-home-video-module-loaded body.home .canalla-events-host,
html.canalla-home-video-module-loaded body.home .canalla-events-host .section_wrapper,
html.canalla-home-video-module-loaded body.home .canalla-events-host .mcb-section-inner,
html.canalla-home-video-module-loaded body.home .canalla-events-host .mcb-wrap,
html.canalla-home-video-module-loaded body.home .canalla-events-host .mcb-wrap-inner,
html.canalla-home-video-module-loaded body.home .canalla-events-host .column,
html.canalla-home-video-module-loaded body.home .canalla-events-host .mcb-column-inner,
html.canalla-home-video-module-loaded body.home .canalla-events-host .column_attr,
html.canalla-home-video-module-loaded body.home .canalla-events-host .mfn-html-inner-wrapper,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .section_wrapper,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .mcb-section-inner,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .wrap,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .mcb-wrap,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .mcb-wrap-inner,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .column,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .mcb-column-inner,
html.canalla-home-video-module-loaded body.home .canalla-tickets-section .column_attr {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.home.canalla-page-video-active .canalla-events-host .mcb-background-overlay,
body.home.canalla-page-video-active .canalla-tickets-section .mcb-background-overlay {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}