body { font-family: 'Plus Jakarta Sans', sans-serif; }
        .font-serif { font-family: 'Playfair Display', serif; }
        .glass-card {
            background: rgba(10, 15, 13, 0.85);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(16, 185, 129, 0.25);
        }
        .hero-bg {
            background: linear-gradient(to bottom, rgba(2, 44, 34, 0.85), rgba(10, 15, 13, 0.95)), url('https://limocabo.com/images/banners/banner-limo-cabo-01.png') center/cover no-repeat;
            transition: background-image 1s ease-in-out;
        }
        .chat-scroll::-webkit-scrollbar { width: 5px; }
        .chat-scroll::-webkit-scrollbar-track { background: rgba(2, 44, 34, 0.2); }
        .chat-scroll::-webkit-scrollbar-thumb { background: rgba(16, 185, 129, 0.3); border-radius: 10px; }
        .chat-scroll::-webkit-scrollbar-thumb:hover { background: rgba(16, 185, 129, 0.6); }

        .sugerencias { 
            border: 1px solid #234232; 
            position: absolute; 
            width: 100%; 
            background: #182820; 
            max-height: 200px; 
            overflow-y: auto; 
            z-index: 1000; 
            display: none; 
            margin: 0; 
            padding: 0; 
            list-style: none; 
            border-radius: 0 0 8px 8px; 
            box-shadow: 0 4px 6px rgba(0,0,0,0.3); 
        }
        .sugerencias li { padding: 10px; cursor: pointer; border-bottom: 1px solid #234232; font-size: 13px; color: #d1d5db; }
        .sugerencias li:hover { background: #234232; color: #4ade80; }

        #mapa { 
            width: 100%; 
            height: 240px; 
            margin-top: 12px; 
            border-radius: 12px; 
            border: 1px solid #234232; 
            display: none; 
        }