:root {
            --brand: #1f3b8f;
            /* azul FMG */
            --brand-dark: #0e2e70;
            /* azul escuro */
        }

        /* ==================== HERO / Slider ==================== */
        /* Altura do banner + crop elegante */
        .hero-img {
            height: clamp(320px, 62vh, 720px);
            object-fit: cover;
            object-position: center;
        }

        /* Overlay escuro com vinheta em todos os slides */
        #heroCarousel .carousel-item {
            position: relative;
        }

        #heroCarousel .carousel-item::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
            /* gradiente vertical + vinheta nas bordas */
            background:
                radial-gradient(120% 100% at 50% 60%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .55) 100%),
                linear-gradient(to bottom, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .35) 40%, rgba(0, 0, 0, .6) 100%);
        }

        /* Legenda acima do overlay */
        #heroCarousel .carousel-caption {
            z-index: 2;
            max-width: 900px;
            color: #fff;
        }

        /* Posição da legenda (desktop) */
        @media (min-width:992px) {
            #heroCarousel .carousel-caption {
                bottom: 3rem;
                left: 3rem;
                right: 3rem;
            }
        }

        /* Em telas pequenas, escurece um pouco mais p/ leitura */
        @media (max-width:991.98px) {
            #heroCarousel .carousel-item::after {
                background:
                    radial-gradient(120% 100% at 50% 60%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .65) 100%),
                    linear-gradient(to bottom, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .45) 40%, rgba(0, 0, 0, .75) 100%);
            }
        }

        /* “Cartão” translúcido atrás do texto (opcional) */
        .caption-glass {
            background: rgba(0, 0, 0, .35);
            backdrop-filter: blur(3px);
            -webkit-backdrop-filter: blur(3px);
            box-shadow: 0 8px 28px rgba(0, 0, 0, .35);
        }

        /* Botão da marca */
        .btn-brand {
            background: var(--brand);
            border-color: var(--brand);
            color: #fff;
            box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
        }

        .btn-brand:hover {
            filter: brightness(1.05);
        }

        /* ==================== Cards / Utilitários ==================== */
        .obj-cover {
            height: 190px;
            object-fit: cover;
        }

        @media (min-width:992px) {
            .obj-cover {
                height: 160px;
            }
        }

        .section-eyebrow {
            letter-spacing: .12em;
            font-weight: 700;
            color: var(--brand);
        }

        .course-card,
        .hover-lift {
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .course-card:hover,
        .hover-lift:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, .12) !important;
        }

        /* ==================== Bloco azul dos vídeos ==================== */
        .callout-brand {
            background: linear-gradient(180deg, var(--brand) 0%, var(--brand-dark) 100%);
            position: relative;
        }

        .callout-brand::after {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            pointer-events: none;
            background: radial-gradient(120% 100% at 50% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 60%);
        }

        /* ==================== Mini-carrossel de cursos ==================== */
        #cursosCarousel .carousel-indicators [data-bs-target] {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin: 0 6px;
            background-color: rgba(31, 59, 143, .35);
        }

        #cursosCarousel .carousel-indicators .active {
            background-color: #1f3b8f;
        }