/* Estilos Generales para centrar los contenedores */
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
            padding: 10px;
            background-color: #f0f0f0;
            font-family: sans-serif;
        }

       

        /* Espacio 2 */
        .nombrepg {
            width: 1300px;
            height: 100px;
          
            margin-bottom: 20px;
            overflow: hidden; /* Para que la imagen no se salga si es muy grande */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .nombrepg img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ajusta la imagen al contenedor */
        }

        /* Espacio 3 */
        .vid-seg {
            width: 1200px;
            height: 675px;
            background-color: black; /* Fondo negro por defecto para video */
            margin-bottom: 20px;
        }

        .vid-seg video {
            width: 100%;
            height: 100%;
        }