.contenedor-logo-derecha {
            position: absolute;
            top: 20px; /* Distancia desde el borde superior */
            right: 20px; /* Distancia desde el borde derecho */
        }

        .logo-derecha {
            height: 120px; /* Ajusta la altura del logo */
            width: auto; /* Mantiene la proporción de la imagen */
        }

        .video-fondo-seccion {
            position: relative;
            width: 100%;
            height: 60vh; /* Ocupa el 60% de la altura de la ventana */
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .video-fondo-seccion img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw; /* Ocupa el 100% del ancho de la ventana */
            height: 100vh; /* Ocupa el 100% de la altura de la ventana */
            min-width: 100%;
            min-height: 100%;
            transform: translate(-50%, -50%);
            z-index: 0;
            pointer-events: none; /* Evita que el usuario interactúe con el video */
            object-fit: cover;
        }

        .contenido-sobre-video {
            position: relative;
            z-index: 1; /* Asegura que el texto esté encima del video */
            color: white;
            text-align: center;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
            padding: 20px;
        }

        .contenido-sobre-video h1 {
            font-size: 3em;
            margin: 0;
        }

        .contenido-sobre-video p {
            font-size: 1.2em;
        }

        /* ------------------------------------- */
        /* Estilos para la sección de Google Maps */
        /* ------------------------------------- */
        .mapa-seccion {
            margin: 40px auto;
            max-width: 800px;
            text-align: center;
        }


        .mapa-seccion iframe {
            width: 100%;
            height: 400px; /* Altura del mapa */
            border: 0;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        
        /* ------------------------------------- */
        /* Estilos para las imagenes de acreditación */
        /* ------------------------------------- */

        .image-container {
        display: flex; /* Permite alinear los elementos internos en una fila */
        align-items: center; /* Centra verticalmente las imágenes */
        gap: 1px; /* Espacio entre las imágenes (puedes ajustar este valor) */
        justify-content: center; /* Centra horizontalmente el contenedor */
        padding: 0px 0px 40px 0px;
        /* Si quieres el logo a la derecha de todo el espacio disponible, usa: */
        /* justify-content: flex-end; */
        }

        .main-image {
            width: 310px; /* Ejemplo: 31 * 10px. Ajusta '10px' al valor que desees para 'x' */
            height: 90px;  /* Ejemplo: 9 * 10px. Debe ser proporcional a la 'x' de arriba */
            object-fit: cover; /* Asegura que la imagen cubra el área sin distorsionarse */
        }

        .logo-image {
            width: 140px;  /* Ejemplo: 9 * 10px. Debe ser el mismo valor de 'x' que usaste arriba */
            height: 140px; /* Ejemplo: 9 * 10px. Debe ser el mismo valor de 'x' que usaste arriba */
            object-fit: contain; /* Asegura que el logo se ajuste sin cortarse */
        }

/* Si quieres que el logo esté a la derecha del todo y el resto a la izquierda */
/* .image-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-image {
  order: 1;
}

.logo-image {
  order: 2;
} */