/* Header */
#menu {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%);
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9999;
    padding: 1rem 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Logo a la izquierda, botón a la derecha */
}

.menu-logo {
    max-height: 60px; /* ajusta el tamaño máximo del logo */
    height: auto;
    width: auto;
}

.contact-btn {
    background-color: #6D2945;
    color: #fff;
    padding: 0.5em 2em;
    border-radius: 200px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s ease;
    font-family: 'Catamaran';
    font-size: 1rem;
    font-weight: 400;
}

.contact-btn:hover {
    background-color: #fff;
    color: #000;
}

#bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 0;
    object-fit: cover; /* se ajusta al contenedor sin deformarse */
    opacity: .8;
}

#hero-text {
    position: absolute;
    top: 50%;
    left: 5em;
    transform: translateY(-50%); /* solo centrado vertical */
    text-align: left;
    color: white;
    z-index: 1;
}

.temporary-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 80%);
    color: #fff;
    text-align: right;
    padding: 0.5em 4em;
    font-size: 0.9em;
    font-family: Catamaran, sans-serif;
}

/* Responsive */
@media (max-width: 768px) {
    .temporary-footer {
        font-size: 0.8em;
        padding: 0.2em 2em;
    }
    #hero-text {
        left: 2em;
    }
    #menu {
        padding: 1rem 2rem;
    }
    .menu-logo {
        max-height: 40px;
    }
    .contact-btn {
        padding: 0.3em 1.5em;
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .temporary-footer {
        font-size: 0.75em;
        padding: 0.2em 2em;
    }
    .menu-logo {
        max-height: 25px;
    }
}