/* Hero Inmersivo */
    .hero-elaborate {
        position: relative;
        height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .hero-bg {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        /* background-image: url('/img/nosotros/nosotros3.avif'); */
        background-size: cover; background-position: center; background-attachment: fixed;
        opacity: 0.4; filter: contrast(120%) brightness(70%); z-index: 0;
        transform: scale(1.05); animation: slowZoom 20s infinite alternate;
    }
    @keyframes slowZoom { from { transform: scale(1); } to { transform: scale(1.1); } }
    .hero-gradient {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: linear-gradient(to bottom, rgba(5,5,6,0.2) 0%, rgba(5,5,6,1) 100%); z-index: 1;
    }
    .hero-content { position: relative; z-index: 2; text-align: center; }
    .watermark-hero {
        position: absolute;
        font-size: 20vw;
        font-family: 'Cinzel', serif;
        color: rgba(255, 255, 255, 0.02);
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        pointer-events: none;
        z-index: 0;
    }
    /* Sección de Historia - Collage Elaborado */
    .history-complex { padding: 150px 0; position: relative; background-color: var(--bg-deep); }
    .history-watermark {
        position: absolute; top: 10%; right: -5%;
        font-size: 15vw; font-family: 'Cinzel', serif;
        color: rgba(197, 160, 89, 0.03); z-index: 0; line-height: 1;
    }
    /* El Collage de Imágenes */
    .image-collage { position: relative; height: 700px; width: 100%; z-index: 2; }
    .collage-img-1 {
        position: absolute; top: 0; left: 0; width: 70%; height: 80%;
        object-fit: cover; z-index: 2; border-radius: 4px;
        box-shadow: 30px 30px 60px rgba(0,0,0,0.8);
        filter: grayscale(40%); transition: 0.5s;
    }
    .collage-img-2 {
        position: absolute; bottom: 0; right: 0; width: 55%; height: 60%;
        object-fit: cover; z-index: 3; border-radius: 4px;
        border: 1px solid var(--gold-dim);
        box-shadow: -20px -20px 50px rgba(0,0,0,0.6);
        filter: grayscale(80%); transition: 0.5s;
    }
    .collage-frame {
        position: absolute; top: 10%; right: 10%; width: 60%; height: 70%;
        border: 2px solid var(--gold-primary); z-index: 1;
    }
    .image-collage:hover .collage-img-1, .image-collage:hover .collage-img-2 { filter: grayscale(0%); }
    /* Cinta Infinita (Marquee) */
    .marquee-wrapper {
        background-color: var(--gold-primary); color: var(--bg-deep);
        padding: 15px 0; overflow: hidden; position: relative;
        border-top: 1px solid rgba(255,255,255,0.2);
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .marquee-content {
        display: flex; white-space: nowrap; animation: marquee 20s linear infinite;
        font-family: 'Cinzel', serif; font-size: 1.2rem; letter-spacing: 4px;
    }
    .marquee-content span { margin: 0 40px; display: flex; align-items: center; }
    .marquee-content span::after { content: '✦'; font-size: 0.8rem; margin-left: 40px; }
    @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
    /* Filosofía - Glassmorphism */
    .glass-section { padding: 120px 0; background: url('/img/nosotros/nosotros3.avif') center/cover fixed; position: relative; }
    .glass-overlay { position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(5,5,6,0.85); }
    .glass-card {
        background: rgba(18, 19, 22, 0.6);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255,255,255,0.05);
        padding: 60px 40px; height: 100%;
        position: relative; overflow: hidden;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .glass-card::before {
        content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 0;
        background: var(--gold-primary); transition: 0.5s;
    }
    .glass-card:hover { transform: translateY(-15px); border-color: var(--gold-dim); box-shadow: 0 20px 40px var(--gold-glow); }
    .glass-card:hover::before { height: 100%; }
    .glass-icon-wrapper {
        width: 80px; height: 80px; border-radius: 50%;
        border: 1px dashed var(--gold-dim);
        display: flex; align-items: center; justify-content: center;
        font-size: 2rem; color: var(--gold-primary); margin-bottom: 30px;
    }
    /* Animaciones al hacer Scroll (Clases base) */
    .reveal { opacity: 0; transform: translateY(50px); transition: all 1s cubic-bezier(0.5, 0, 0, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }
    @media (max-width: 991px) {
        .image-collage { height: 500px; margin-top: 50px; }
        .collage-img-1 { width: 80%; }
        .collage-img-2 { width: 70%; }
        .history-watermark { font-size: 25vw; top: 0; }
    }

    @media (max-width: 767px){
        .glass-section { background: url('/img/nosotros/nosotros3_mb.avif') center/cover fixed; }
    }