:root {
            --zeus-blue: #1e3a8a;
            --zeus-gold: #fbbf24;
        }

        .bg-zeus-blue {
            background-color: var(--zeus-blue) !important;
        }

        .text-zeus-blue {
            color: var(--zeus-blue) !important;
        }

        .bg-zeus-gold {
            background-color: var(--zeus-gold) !important;
        }

        .text-zeus-gold {
            color: var(--zeus-gold) !important;
        }

        .btn-zeus-gold {
            background-color: var(--zeus-gold);
            border-color: var(--zeus-gold);
            color: #000;
            font-weight: 600;
        }

        .btn-zeus-gold:hover {
            background-color: #f59e0b;
            border-color: #f59e0b;
            color: #000;
        }

        .carousel-item {
            min-height: 70vh;
        }

        #inicio .banderas {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
        }

        .banderas span {
            display: inline-block;
            transition: transform 0.3s ease, filter 0.3s ease;
            cursor: pointer;
        }

        .banderas span:hover {
            transform: scale(1.3);
            filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.6));
        }

        .card-hover {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card-hover:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }