/* Reseteo y estilo básico */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;

}

.inter-videofont {
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
  }

/* Contenedor del video */
.video-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; /* Video está detrás */
}

/* Contenedor del carousel */
.carousel-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; /* Carousel está delante del video */
    text-align: center;
    color: white;
}

.carousel-item p{
  font-size:7rem!important;
  line-height: 110%;
 /* text-shadow:rgba(0, 0, 0, 0.5)!important;*/
  text-shadow: 0.1em 0.1em 0.2em black!important;
}

@media  (orientation: portrait) {
    .carousel-item p{
        font-size:3rem!important;
        line-height: 110%;
        /*text-shadow:rgba(0, 0, 0, 0.5)!important;*/
        text-shadow: 0.1em 0.1em 0.2em black!important;
      }
  }