/* Hero Minimalista para Contacto */
    .contact-hero {
        padding: 80px 0px;
        background: radial-gradient(circle at 50% 0%, #1a1b20 0%, var(--bg-deep) 70%);
        border-bottom: 1px solid rgba(255,255,255,0.02);
        text-align: center;
        position: relative;
    }
    /* Cajas de Info de Contacto */
    .info-box {
        padding: 40px;
        background: var(--bg-surface);
        border: 1px solid rgba(255,255,255,0.03);
        border-radius: 2px;
        height: 100%;
        transition: var(--transition-smooth);
        position: relative;
        overflow: hidden;
    }
    .info-box:hover {
        border-color: var(--gold-dim);
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.5);
    }
    .info-icon {
        font-size: 2rem;
        color: var(--gold-primary);
        margin-bottom: 25px;
    }
    /* Formulario Premium */
    .lux-form-control {
        background-color: transparent !important;
        border: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        border-radius: 0;
        color: var(--text-main) !important;
        padding: 15px 0;
        font-size: 1rem;
        transition: var(--transition-smooth);
        box-shadow: none !important;
    }
    .lux-form-control:focus {
        border-color: var(--gold-primary);
    }
    .lux-form-control::placeholder {
        color: var(--text-muted);
        font-weight: 300;
    }
    select.lux-form-control option {
        background-color: var(--bg-surface);
        color: var(--text-main);
    }
    .btn-submit {
        background: var(--gold-primary);
        color: var(--bg-deep);
        border: none;
        padding: 18px 40px;
        font-family: 'Cinzel', serif;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 0.9rem;
        transition: var(--transition-smooth);
        width: 100%;
        margin-top: 20px;
        cursor: pointer;
    }
    .btn-submit:hover {
        background: #d4b271;
        box-shadow: 0 10px 20px var(--gold-glow);
        transform: translateY(-2px);
    }
    /* Contenedor del Mapa - Efecto Oscuro (Dark Mode Hack para Iframe) */
    .map-container {
        width: 100%;
        height: 450px;
        position: relative;
        border-top: 1px solid var(--gold-dim);
        border-bottom: 1px solid var(--gold-dim);
        overflow: hidden;
        background: var(--bg-surface);
    }
    .map-container iframe {
        width: 100%;
        height: 100%;
        border: 0;
        /* El filtro invierte colores (haciendo el mapa oscuro), rota el matiz para que el agua no sea naranja y baja el brillo */
        filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(85%) grayscale(20%);
        transition: var(--transition-smooth);
    }
    .map-container iframe:hover {
        filter: invert(100%) hue-rotate(180deg) brightness(100%) contrast(90%) grayscale(0%);
    }
    /* Overlay para que el mapa no desentone con la textura de la web */
    .map-overlay {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: linear-gradient(to right, var(--bg-deep) 0%, transparent 20%, transparent 80%, var(--bg-deep) 100%);
        pointer-events: none; /* Permite interactuar con el mapa a través del gradiente */
    }