.navbar-custom {
    padding: 0 1rem;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between; /* Distribuir los elementos del navbar */
    align-items: center;
    height: 28px; /* Reducir la altura */
}

.navbar-brand {
    display: flex;
    align-items: center;
}

.navbar-brand img {
    height: 24px; /* Reducir tamano del icono */
}

.navbar-text {
    font-size: 1rem; /* Tamano de la fuente navbar */
    font-weight: bold;
    color: #555; /* Color del texto */
    margin: 0; /* Eliminar margenes */
}

.audio-container {
    position: relative;
    text-align: center;
    height: 90vh; /* Reducir contenedor */
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
}

.audio-container .icon {
    font-size: 7.5rem; /* Cambiar tamano icono */
    color: #777777;
}

.audio-player {
    position: absolute;
    bottom: 20px;
    width: 80%;
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    background: rgba(0, 0, 0, 0.1);
}

.image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.download-icon {
    height: 18px; /* Cambiar tanano icono descarga */
    width: 18px;
}

@media (max-width: 1036px) {
    .navbar-custom {
        height: auto; /* Ajustar la altura en pantallas pequenas */
        padding: 0.5rem 1rem;
    }
    .navbar-brand img,
    .download-icon {
        margin-bottom: 0;
    }
}

/* Ajustar contenido dentro del contenedor */
.video-cover {
    object-fit: cover;
}