.pmu-hero-banner { width: 100%; height: 100vh; position: relative; overflow: hidden; }
    
    .pmu-hero-banner .banner-image {
        position: absolute; top: 0; left: 0; width: 100%; height: 100vh;
        background-size: cover; background-position: center;
        background-attachment: fixed; display: flex;
        justify-content: center; align-items: center; z-index: 1;
    }

    .pmu-hero-banner .banner-content { z-index: 2; padding: 40px; text-align: center; width: 100%; max-width: 800px; }
    .pmu-hero-banner .pmu-title, .pmu-hero-banner .pmu-subtitle {
        color: white; text-shadow: 2px 4px 12px rgba(0,0,0,0.8);
        margin: 10px 0; font-family: 'Playfair Display', serif;
    }
    .pmu-hero-banner .pmu-title { font-size: 3.5rem; font-weight: 700; line-height: 1.1; }
    .pmu-hero-banner .pmu-subtitle { font-size: 1.5rem; font-family: 'Poppins', sans-serif; font-weight: 300; }

    /* Estilos de la Flecha */
    .scroll-arrow {
        position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
        cursor: pointer; z-index: 10;
    }
    .scroll-arrow span {
        display: block; width: 25px; height: 25px;
        border-bottom: 3px solid white; border-right: 3px solid white;
        transform: rotate(45deg); margin: -10px;
    }

    @media (max-width: 768px) { .pmu-hero-banner .desktop-only { display: none !important; } }
    @media (min-width: 769px) { .pmu-hero-banner .mobile-only { display: none !important; } .pmu-hero-banner .pmu-title { font-size: 5rem; } }