body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    background-color: black;
    overflow-x: hidden;
    font-family: 'swiss721extendedbt', sans-serif;
}

/* Contenedor principal con límites estrictos */
.main-container {
    width: 100vw;
    max-width: 500px;
    position: relative;
    overflow: hidden; 
    display: flex;
    flex-direction: column;
}

/* Video: abarca todo el tamaño del contenedor detectado */
#video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que el video llene el espacio sin deformarse */
    z-index: -1;
}

/* Estilo de bordes solicitado */
.custom-border-complex {
    border: 2px solid blue;
    outline: 3px solid blue;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #00ffff;
    border-radius: 1px;
}

.section1 { height: 120px; display: flex; justify-content: center; align-items: center; margin-top: 30px; font-size: 20px; }
.section2 { height: 320px; display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.section3 { height: 210px; display: flex; justify-content: center; align-items: center; margin-top: -40px; }

img { max-height: 90%; max-width: 100%; object-fit: contain; }