/* --- MODIFICADO: Se redujo la altura de 80vh a 60vh para que sea más pequeña de arriba y abajo --- */
    .pmu-hero-banner { 
        width: 100%; 
        height: 60vh; 
        position: relative; 
        overflow: hidden; 
    }

    .pmu-hero-banner:focus {
        outline: none;
    }
    
    .pmu-hero-banner .banner-image {
        position: absolute; top: 0; left: 0; width: 100%; 
        /* --- MODIFICADO: Se redujo la altura de la imagen a 60vh --- */
        height: 60vh; 
        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 con animación CSS de rebote */
    .scroll-arrow {
        position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
        cursor: pointer; z-index: 10;
        animation: arrowBounce 1.5s infinite ease-in-out;
    }
    
    .scroll-arrow span {
        display: block; width: 25px; height: 25px;
        border-bottom: 3px solid white; border-right: 3px solid white;
        transform: rotate(45deg); margin: -10px;
        opacity: 0.8;
    }

    @keyframes arrowBounce {
        0%, 100% {
            transform: translateX(-50%) translateY(0);
        }
        50% {
            transform: translateX(-50%) translateY(12px);
        }
    }

    /* Ajustes exclusivos para Celulares (max-width: 768px) */
    @media (max-width: 768px) { 
        .pmu-hero-banner .desktop-only { display: none !important; } 
        
        .pmu-hero-banner .mobile-only {
            background-attachment: scroll !important;
        }

        .pmu-hero-banner .banner-content {
            padding: 20px;
        }
        .pmu-hero-banner .pmu-title {
            font-size: 2.3rem !important; 
            line-height: 1.2;
        }
        .pmu-hero-banner .pmu-subtitle {
            font-size: 1.1rem !important;
        }
        .scroll-arrow {
            bottom: 15px;
        }
    }

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