/* =========================================================
   PORTADA IAta · VIDEO FULL-WIDTH
   No modifica la estructura interna del footer personalizado.
   ========================================================= */

html,
body {
  margin: 0;
  padding: 0;
}

body:has(.hero-video-only) {
  overflow-x: hidden;
  overflow-y: auto;
}

body:has(.hero-video-only) #quarto-content {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.hero-video-only) #quarto-content main.content,
body:has(.hero-video-only) #quarto-content .page-columns {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.hero-video-only) #title-block-header,
body:has(.hero-video-only) .quarto-title-block {
  display: none !important;
}

.hero-video-only {
  grid-column: 1 / -1 !important;
  position: relative;
  width: 100vw;
  max-width: none;
  height: calc(100dvh - var(--navbar-offset, 0px));
  min-height: 420px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #000;
}

.hero-video-bg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}