/* Estilos para el spinner reducido 25% */
            #spinner {
                height: 75vh; /* Reducido de 100vh a 75vh (25% menos) */
            }
            
            /* Estilos para la navbar reducida 25% */
            .container-fluid.fixed-top {
                padding-top: 0;
            }
            
            .topbar {
                padding-top: 0.5rem; /* Reducido padding */
                padding-bottom: 0.5rem; /* Reducido padding */
            }
            
            /* Navbar Height Fix */
            .navbar {
                height: auto !important;
                min-height: 60px !important;
                padding-top: 0.25rem !important;
                padding-bottom: 0.25rem !important;
            }

            .navbar .navbar-nav .nav-link {
                padding: 5px 10px !important;
                font-size: 14px !important;
            }

            .navbar-brand {
                padding: 0 !important;
            }

            .navbar-brand h1 {
                font-size: 1.4rem !important;
                margin: 0 !important;
                line-height: 1 !important;
            }

            .navbar-toggler {
                padding: 0.25rem 0.4rem !important;
                font-size: 0.9rem !important;
            }

            .dropdown-menu {
                margin-top: 0 !important;
            }

            .dropdown-menu .dropdown-item {
                padding: 0.3rem 1rem !important;
                font-size: 0.85rem !important;
            }

            @media (min-width: 1200px) {
                .navbar .nav-item .dropdown-menu {
                    margin-top: 0 !important;
                }
            }
            
            /* Estilos para el menú alineado a la derecha */
            .navbar-collapse .navbar-nav {
                margin-left: auto !important; /* Alinea el menú a la derecha */
                margin-right: 0 !important;
            }
            
            /* Estilos para el slider */
            .slider-container {
                position: relative;
                width: 100%;
                height: 600px; /* 50% más alto que los 400px originales */
                overflow: hidden;
                margin-top: 10px; /* Reducido para compensar */
            }
            
            .slider {
                display: flex;
                transition: transform 0.5s ease-in-out;
                height: 100%;
            }
            
            .slide {
                min-width: 100%;
                height: 100%;
                position: relative;
            }
            
            .slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            
            .slider-nav {
                position: absolute;
                bottom: 20px;
                left: 50%;
                transform: translateX(-50%);
                display: flex;
            }
            
            .slider-dot {
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: rgba(255, 255, 255, 0.5);
                margin: 0 5px;
                cursor: pointer;
                transition: background-color 0.3s;
            }
            
            .slider-dot.active {
                background-color: white;
            }
            
            .slider-arrow {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background-color: rgba(0, 0, 0, 0.5);
                color: white;
                border: none;
                font-size: 2rem;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: background-color 0.3s;
            }
            
            .slider-arrow:hover {
                background-color: rgba(0, 0, 0, 0.7);
            }
            
            .slider-arrow.prev {
                left: 20px;
            }
            
            .slider-arrow.next {
                right: 20px;
            }
            
            /* Reducir espacio entre slider y sección de productos */
            .container-fluid.fruite.py-5 {
                padding-top: 0.5rem !important;
                padding-bottom: 0.5rem !important;
            }
            
            .container.py-5 {
                padding-top: 0.5rem !important;
                padding-bottom: 0.5rem !important;
            }
            
            /* Ajustar alineación de productos */
            .row.g-4.justify-content-center {
                justify-content: flex-start !important;
            }
            
            /* Reducir fuentes en catálogo de productos */
            .fruite-item h4 {
                font-size: 1.1rem;
                margin-bottom: 0.5rem;
            }
            
            .fruite-item p {
                font-size: 0.85rem;
                margin-bottom: 0.75rem;
            }
            
            .fruite-item .fs-5 {
                font-size: 1rem !important;
            }
            
            .fruite-item .btn {
                font-size: 0.85rem;
                padding: 0.4rem 0.8rem;
            }
            
            /* Reducir espacio antes del footer */
            .container-fluid.fruite.py-5 {
                margin-bottom: 20px !important;
            }
            
            /* Estilos para el minimapa */
            .minimapa {
                width: 100%;
                height: 200px;
                background-color: #f8f9fa;
                border-radius: 8px;
                overflow: hidden;
                border: 1px solid #dee2e6;
            }
            
            .minimapa iframe {
                width: 100%;
                height: 100%;
                border: none;
            }
            
            .minimapa-placeholder {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
                color: white;
                font-size: 1.1rem;
                text-align: center;
                padding: 20px;
            }
            
            @media (max-width: 768px) {
                .slider-container {
                    height: 30vh; /* 50% más alto que los 300px originales para móviles */
                }
                
                .navbar-brand h1 {
                    font-size: 1.3rem; /* Ajustado para móviles */
                }
                
                .minimapa {
                    height: 150px;
                }
            }
            
            @media (max-width: 576px) {
                .topbar {
                    padding-top: 0.25rem; /* Más reducido en móviles pequeños */
                    padding-bottom: 0.25rem; /* Más reducido en móviles pequeños */
                }
                
                .navbar-light {
                    padding-top: 0.25rem; /* Más reducido en móviles pequeños */
                    padding-bottom: 0.25px; /* Más reducido en móviles pequeños */
                }
            }