:root {

    --bg: #f9f2e6;

    --message: #667061;

}

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body {

    min-height: 100vh;

    background: var(--bg);

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: Georgia, serif;

    padding: 2rem;

}

.container {

    text-align: center;

    width: 100%;

}

.video-wrapper {

    width: 66.66vw;

    max-width: 100%;

    margin: 0 auto;

    overflow: hidden;

}

video {

    display: block;

    width: 100%;

    aspect-ratio: 16 / 9;

    object-fit: cover;
    /* elimina barras negras laterales */

}

.message {

    margin-top: 1.5rem;

    font-size: clamp(2rem, 3vw, 2.5rem);

    color: var(--message);

    font-family: "Antic Didone", serif;
    font-weight: 400;
    font-style: normal;
}


}

@media (max-width: 768px) {

    .video-wrapper {

        width: 90vw;

    }

}