/*
Theme Name: CDL Betim Portal
Theme URI: https://cdlbetim.com.br
Author: CDL Betim
Author URI: https://cdlbetim.com.br
Description: Portal de notícias, podcast e institucional da CDL Betim
Version: 1.0
Text Domain: cdlbetim
*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

        :root{
            /* === IDENTIDADE VISUAL CDL BETIM === */
            /* Azul institucional CDL (cor principal da marca) */
            --cdl-azul:#0B3D91;
            --cdl-azul-escuro:#082B66;
            --cdl-azul-medio:#1A56C4;
            --cdl-azul-claro:#3B82F6;
            --cdl-azul-bg:#EFF5FF;
            --cdl-azul-bg-2:#F5F9FF;
            /* Dourado — selo 50 anos (aniversário da entidade) */
            --cdl-dourado:#D4A843;
            --cdl-dourado-escuro:#B07D22;
            --cdl-dourado-claro:#F5E6B8;
            --cdl-dourado-bg:#FDF8EC;
            /* Neutros */
            --texto:#111827;
            --texto-2:#374151;
            --texto-3:#6B7280;
            --linha:#E5E7EB;
            --linha-2:#F3F4F6;
            --branco:#FFFFFF;
            --verde:#15803D;
            --vermelho:#DC2626;
            /* Sombras e raios */
            --shadow:0 1px 3px rgba(11,61,145,.06),0 1px 2px rgba(11,61,145,.04);
            --shadow-md:0 4px 12px rgba(11,61,145,.08);
            --shadow-lg:0 12px 40px rgba(11,61,145,.12);
            --radius:10px;
            --radius-lg:16px;
            --maxw:1240px;
            --font:'Plus Jakarta Sans',sans-serif;
            --font-body:'Source Sans 3',sans-serif;
        }

        html{scroll-behavior:smooth;font-size:16px}
        body{font-family:var(--font-body);color:var(--texto);background:var(--branco);line-height:1.65;overflow-x:hidden}
        img{max-width:100%;height:auto;display:block}
        a{text-decoration:none;color:inherit;transition:.25s}
        ul{list-style:none}
        .container{max-width:var(--maxw);margin:0 auto;padding:0 24px}

        h1,h2,h3,h4,h5{font-family:var(--font);line-height:1.25}

        /* ===== UTILITÁRIOS ===== */
        .badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:30px;letter-spacing:.5px;text-transform:uppercase}
        .badge-gold{background:var(--cdl-dourado-bg);color:var(--cdl-dourado-escuro)}
        .badge-blue{background:var(--cdl-azul-bg);color:var(--cdl-azul)}
        .badge-green{background:#DCFCE7;color:var(--verde)}
        .badge-red{background:#FEE2E2;color:var(--vermelho)}

        .section-label{display:flex;align-items:center;gap:10px;margin-bottom:24px}
        .section-label .bar{width:4px;height:24px;background:var(--cdl-dourado);border-radius:2px}
        .section-label h2{font-size:1.4rem;font-weight:800;color:var(--cdl-azul)}
        .section-label .more{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--cdl-azul-medio)}

        .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:.88rem;font-weight:600;padding:12px 24px;border-radius:var(--radius);cursor:pointer;border:none;transition:.25s}
        .btn-gold{background:var(--cdl-dourado);color:#fff}
        .btn-gold:hover{background:var(--cdl-dourado-escuro);transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .btn-blue{background:var(--cdl-azul);color:#fff}
        .btn-blue:hover{background:var(--cdl-azul-escuro);transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .btn-outline{background:transparent;color:var(--cdl-azul);border:2px solid var(--linha)}
        .btn-outline:hover{border-color:var(--cdl-azul);background:var(--cdl-azul-bg)}
        .btn-white{background:#fff;color:var(--cdl-azul)}
        .btn-white:hover{background:var(--cdl-azul-bg);transform:translateY(-2px)}

        /* ===== HEADER ===== */
        .topbar{background:var(--cdl-azul-escuro);color:rgba(255,255,255,.75);font-size:.78rem;padding:7px 0}
        .topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
        .topbar-left{display:flex;gap:20px;flex-wrap:wrap}
        .topbar-left a{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.7)}
        .topbar-left a:hover{color:var(--cdl-dourado)}
        .topbar-right{display:flex;align-items:center;gap:16px}
        .topbar-right a{color:rgba(255,255,255,.6);font-size:.85rem}
        .topbar-right a:hover{color:var(--cdl-dourado)}
        .topbar-divider{width:1px;height:14px;background:rgba(255,255,255,.15)}

        .header{position:sticky;top:0;z-index:900;background:var(--branco);border-bottom:1px solid var(--linha);transition:.25s}
        .header.shadow{box-shadow:var(--shadow-md)}
        .header .container{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:24px}

        /* === LOGO OFICIAL === */
        .logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
        .logo-img{max-height:60px;width:auto;object-fit:contain;flex-shrink:0}
        /* Fallback caso a imagem não carregue */
        .logo-fallback{display:none;width:52px;height:52px;background:var(--cdl-azul);border-radius:10px;align-items:center;justify-content:center;color:#fff;font-family:var(--font);font-weight:800;font-size:.9rem;text-align:center;line-height:1.1}
        .logo-fallback span{display:block;font-size:.5rem;font-weight:600;color:var(--cdl-dourado);letter-spacing:.5px;margin-top:2px}

        .nav{display:flex;align-items:center;gap:2px}
        .nav ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
        .nav li{margin:0;padding:0}
        .nav li a{font-family:var(--font);font-size:.88rem;font-weight:500;color:var(--texto-2);padding:10px 14px;border-radius:8px;position:relative;display:block}
        .nav li a:hover{color:var(--cdl-azul);background:var(--cdl-azul-bg)}
        .nav li a.active{color:var(--cdl-azul);font-weight:600}
        .nav li a.active::after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:3px;background:var(--cdl-dourado);border-radius:2px}
        .nav li.current-menu-item > a{color:var(--cdl-azul);font-weight:600}
        .nav li.current-menu-item > a::after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:3px;background:var(--cdl-dourado);border-radius:2px}
        .btn-associe{font-family:var(--font);font-size:.85rem;font-weight:700;background:var(--cdl-azul);color:#fff;padding:10px 22px;border-radius:10px;cursor:pointer;border:none;transition:.25s}
        .btn-associe:hover{background:var(--cdl-azul-escuro);transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .btn-saldo{font-family:var(--font);font-size:.82rem;font-weight:600;background:transparent;color:var(--cdl-azul);padding:10px 18px;border-radius:10px;cursor:pointer;border:1.5px solid var(--cdl-azul);transition:.25s;display:inline-flex;align-items:center;gap:6px}
        .btn-saldo:hover{background:var(--cdl-azul);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}

        .mobile-toggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--cdl-azul);cursor:pointer}

        /* ===== HERO PORTAL ===== */
        .hero-portal{background:linear-gradient(180deg,var(--cdl-azul-bg-2) 0%,var(--branco) 100%);padding:32px 0 48px;border-bottom:1px solid var(--linha)}

        /* faixa de representatividade */
        .rep-faixa{background:var(--cdl-azul);padding:14px 0;margin-bottom:32px}
        .rep-faixa .container{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
        .rep-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);font-size:.82rem;font-weight:500}
        .rep-item i{color:var(--cdl-dourado);font-size:1rem}
        .rep-item strong{color:#fff;font-weight:700}
        .rep-divider{width:1px;height:20px;background:rgba(255,255,255,.15)}

        .hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}

        /* notícia destaque principal */
        .destaque-principal{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--cdl-azul);min-height:420px;display:flex;align-items:flex-end}
        .destaque-principal .img-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--cdl-azul),var(--cdl-azul-escuro));overflow:hidden}
        .destaque-principal .img-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,43,102,.95) 0%,rgba(11,61,145,.4) 50%,transparent 100%)}
        .destaque-principal .img-bg i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;color:rgba(255,255,255,.08)}
        .destaque-principal-content{position:relative;z-index:2;padding:36px}
        .destaque-principal .badge{margin-bottom:14px}
        .destaque-principal h2{font-size:1.65rem;font-weight:800;color:#fff;line-height:1.3;margin-bottom:12px}
        .destaque-principal p{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.6;margin-bottom:18px;max-width:520px}
        .destaque-meta{display:flex;align-items:center;gap:16px;font-size:.8rem;color:rgba(255,255,255,.6)}
        .destaque-meta span{display:flex;align-items:center;gap:6px}

        /* coluna lateral — notícias secundárias */
        .destaque-lateral{display:flex;flex-direction:column;gap:16px}
        .news-card{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid var(--linha);border-radius:var(--radius);transition:.25s;cursor:pointer}
        .news-card:hover{box-shadow:var(--shadow-md);border-color:var(--cdl-azul-claro);transform:translateX(3px)}
        .news-thumb{width:96px;height:96px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
        .news-thumb i{font-size:1.8rem;color:rgba(255,255,255,.4)}
        .news-thumb-1{background:linear-gradient(135deg,#15803D,#166534)}
        .news-thumb-2{background:linear-gradient(135deg,var(--cdl-azul-medio),var(--cdl-azul))}
        .news-thumb-3{background:linear-gradient(135deg,#7C3AED,#5B21B6)}
        .news-thumb-4{background:linear-gradient(135deg,var(--cdl-dourado),var(--cdl-dourado-escuro))}
        .news-body h3{font-size:.92rem;font-weight:700;color:var(--texto);line-height:1.35;margin-bottom:6px;font-family:var(--font)}
        .news-body .news-meta{font-size:.72rem;color:var(--texto-3);display:flex;align-items:center;gap:8px}
        .news-body .news-meta .cat{color:var(--cdl-azul);font-weight:600}

        /* ===== BARRA INSTITUCIONAL ===== */
        .inst-bar{background:var(--cdl-azul);padding:40px 0}
        .inst-bar .container{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;gap:0;align-items:center}
        .inst-stat{text-align:center;color:#fff}
        .inst-stat .num{font-family:var(--font);font-size:2.2rem;font-weight:800;color:var(--cdl-dourado);line-height:1}
        .inst-stat .label{font-size:.8rem;color:rgba(255,255,255,.7);margin-top:6px}
        .inst-divider{width:1px;height:50px;background:rgba(255,255,255,.12);margin:0 auto}

        /* ===== GRID DE NOTÍCIAS ===== */
        .news-section{padding:56px 0;background:var(--branco)}

        .news-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}
        .news-filter{font-family:var(--font);font-size:.82rem;font-weight:600;padding:8px 18px;border-radius:30px;border:1px solid var(--linha);color:var(--texto-2);cursor:pointer;transition:.25s}
        .news-filter:hover{border-color:var(--cdl-azul-claro);color:var(--cdl-azul)}
        .news-filter.active{background:var(--cdl-azul);color:#fff;border-color:var(--cdl-azul)}

        .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

        .news-item{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--linha);transition:.25s;cursor:pointer;background:#fff}
        .news-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:transparent}
        .news-item-img{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
        .news-item-img i{font-size:2.5rem;color:rgba(255,255,255,.35)}
        .news-item-img .badge{position:absolute;top:12px;left:12px;z-index:2}
        .ni-1{background:linear-gradient(135deg,var(--cdl-azul),var(--cdl-azul-escuro))}
        .ni-2{background:linear-gradient(135deg,#15803D,#166534)}
        .ni-3{background:linear-gradient(135deg,#7C3AED,#5B21B6)}
        .ni-4{background:linear-gradient(135deg,var(--cdl-dourado),var(--cdl-dourado-escuro))}
        .ni-5{background:linear-gradient(135deg,#DC2626,#991B1B)}
        .ni-6{background:linear-gradient(135deg,var(--cdl-azul-medio),var(--cdl-azul))}
        .news-item-body{padding:24px}
        .news-item-cat{font-size:.72rem;font-weight:700;color:var(--cdl-azul);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
        .news-item-body h3{font-size:1.05rem;font-weight:700;color:var(--texto);line-height:1.35;margin-bottom:10px}
        .news-item-body p{font-size:.88rem;color:var(--texto-2);line-height:1.6;margin-bottom:14px}
        .news-item-meta{display:flex;align-items:center;gap:12px;font-size:.76rem;color:var(--texto-3);padding-top:14px;border-top:1px solid var(--linha-2)}
        .news-item-meta span{display:flex;align-items:center;gap:5px}

        .news-load-more{text-align:center;margin-top:48px}
        .news-load-more .btn-outline{padding:14px 40px}

        /* ===== EDITORIAIS — 2 colunas ===== */
        .editoriais{padding:56px 0;background:var(--cdl-azul-bg-2);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
        .editoriais-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}

        .editorial-col h2{font-size:1.3rem;font-weight:800;color:var(--cdl-azul);margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--cdl-dourado);display:flex;align-items:center;gap:10px}
        .editorial-col h2 i{color:var(--cdl-dourado)}

        .ed-list{display:flex;flex-direction:column;gap:0}
        .ed-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--linha)}
        .ed-item:last-child{border-bottom:none}
        .ed-item:hover h3{color:var(--cdl-azul-medio)}
        .ed-num{font-family:var(--font);font-size:1.8rem;font-weight:800;color:var(--linha);line-height:1;min-width:40px;text-align:right}
        .ed-body h3{font-size:.95rem;font-weight:700;color:var(--texto);line-height:1.4;margin-bottom:6px;transition:.25s}
        .ed-body .ed-meta{font-size:.74rem;color:var(--texto-3);display:flex;align-items:center;gap:10px}
        .ed-body .ed-meta .ed-cat{color:var(--cdl-azul);font-weight:600}

        /* ===== BANNER INSTITUCIONAL ===== */
        .inst-banner{background:var(--cdl-azul);position:relative;overflow:hidden}
        .inst-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(212,168,67,.15) 0%,transparent 50%)}
        .inst-banner .container{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:56px 24px}
        .inst-banner-content h2{font-size:2rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:16px}
        .inst-banner-content h2 .gold{color:var(--cdl-dourado)}
        .inst-banner-content p{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.7;margin-bottom:28px;max-width:560px}
        .inst-banner-actions{display:flex;gap:16px;flex-wrap:wrap}
        .inst-banner-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        .inst-stat-card{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:28px 24px;text-align:center}
        .inst-stat-card .num{font-family:var(--font);font-size:2.5rem;font-weight:800;color:var(--cdl-dourado);line-height:1}
        .inst-stat-card .label{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:8px}

        /* ===== SERVIÇOS RÁPIDOS ===== */
        .servicos-rapidos{padding:56px 0;background:var(--branco)}
        .sr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
        .sr-card{background:var(--cdl-azul-bg-2);border:1px solid var(--linha);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:.25s;cursor:pointer}
        .sr-card:hover{background:#fff;border-color:var(--cdl-azul-claro);box-shadow:var(--shadow-lg);transform:translateY(-6px)}
        .sr-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 16px}
        .sr-icon-1{background:var(--cdl-azul-bg);color:var(--cdl-azul)}
        .sr-icon-2{background:var(--cdl-dourado-bg);color:var(--cdl-dourado-escuro)}
        .sr-icon-3{background:#DCFCE7;color:var(--verde)}
        .sr-icon-4{background:#FEE2E2;color:var(--vermelho)}
        .sr-card h3{font-size:1rem;font-weight:700;color:var(--cdl-azul);margin-bottom:8px;font-family:var(--font)}
        .sr-card p{font-size:.82rem;color:var(--texto-3);line-height:1.5}

        /* ===== NEWSLETTER ===== */
        .newsletter{background:var(--cdl-azul);padding:48px 0}
        .newsletter .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
        .newsletter h2{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:8px}
        .newsletter p{color:rgba(255,255,255,.7);font-size:.92rem}
        .newsletter-form{display:flex;gap:12px}
        .newsletter-form input{flex:1;padding:14px 18px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);background:rgba(255,255,255,.06);color:#fff;font-family:var(--font-body);font-size:.92rem}
        .newsletter-form input::placeholder{color:rgba(255,255,255,.4)}
        .newsletter-form input:focus{outline:none;border-color:var(--cdl-dourado)}

        /* ===== FOOTER ===== */
        .footer{background:var(--cdl-azul-escuro);color:rgba(255,255,255,.6);padding:56px 0 24px}
        .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px}
        .footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}
        .footer-logo .logo-img{max-height:48px;filter:brightness(0) invert(1);opacity:.9}
        .footer-col p{font-size:.84rem;line-height:1.7;margin-bottom:16px}
        .footer-col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:18px}
        .footer-col ul li{margin-bottom:10px}
        .footer-col ul li a{font-size:.84rem;color:rgba(255,255,255,.55)}
        .footer-col ul li a:hover{color:var(--cdl-dourado);padding-left:4px}
        .footer-social{display:flex;gap:10px;margin-top:16px}
        .footer-social a{width:36px;height:36px;background:rgba(255,255,255,.06);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:.85rem}
        .footer-social a:hover{background:var(--cdl-dourado);color:#fff;transform:translateY(-3px)}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
        .footer-bottom p{font-size:.78rem;color:rgba(255,255,255,.4)}
        .footer-bottom a{font-size:.78rem;color:rgba(255,255,255,.4)}
        .footer-bottom a:hover{color:var(--cdl-dourado)}

        /* ===== RESPONSIVO ===== */
        @media(max-width:968px){
            .hero-grid{grid-template-columns:1fr}
            .inst-bar .container{grid-template-columns:1fr 1fr;gap:24px 0}
            .inst-bar .inst-divider:nth-child(even){display:none}
            .inst-banner .container{grid-template-columns:1fr}
            .news-grid{grid-template-columns:repeat(2,1fr)}
            .editoriais-grid{grid-template-columns:1fr;gap:40px}
            .sr-grid{grid-template-columns:repeat(2,1fr)}
            .newsletter .container{grid-template-columns:1fr}
            .footer-grid{grid-template-columns:1fr 1fr}
        }

        @media(max-width:768px){
            .nav{display:none}
            .nav-cta .btn-associe{display:none}
            .mobile-toggle{display:block}
            .nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px 24px;gap:4px;border-bottom:1px solid var(--linha);box-shadow:var(--shadow-lg)}
            .nav.mobile-open a{width:100%;padding:12px 16px}
            .destaque-principal{min-height:340px}
            .destaque-principal h2{font-size:1.3rem}
            .rep-faixa .container{gap:20px}
            .rep-divider{display:none}
            .news-grid{grid-template-columns:1fr}
            .sr-grid{grid-template-columns:1fr}
            .footer-grid{grid-template-columns:1fr}
            .inst-bar .container{grid-template-columns:1fr 1fr}
            .inst-banner-stats{grid-template-columns:1fr}
            .newsletter-form{flex-direction:column}
            .news-card{flex-direction:column;align-items:flex-start}
            .news-thumb{width:100%;height:140px}
            .logo-img{max-height:44px}
        }
    </style>
</head>
<body>

<!-- ===== TOP BAR ===== -->
<div class="topbar">
    <div class="container">
        <div class="topbar-left">
            <a href="tel:+553135390000"><i class="fas fa-phone-alt"></i> (31) 3539-0000</a>
            <a href="mailto:atendimento@cdlbetim.com.br"><i class="fas fa-envelope"></i> atendimento@cdlbetim.com.br</a>
            <a href="#"><i class="fas fa-map-marker-alt"></i> Rua Vicência Maria de Jesus, 375 — Betim/MG</a>
        </div>
        <div class="topbar-right">
            <a href="#"><i class="fas fa-search"></i> Buscar</a>
            <span class="topbar-divider"></span>
            <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
            <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
            <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
            <a href="https://wa.me/553135390000" aria-label="WhatsApp"><i class="fab fa-whatsapp"></i></a>
        </div>
    </div>
</div>

<!-- ===== HEADER ===== -->
<header class="header" id="header">
    <div class="container">
        <a href="#" class="logo">
            <!--  -->
            <!-- LOGO OFICIAL CDL BETIM — substituir URL abaixo          -->
            <!-- O link do Facebook CDN expira. Hospedar permanentemente -->
            <!-- no servidor do site: ex. /assets/img/logo-cdl-betim.png -->
            <!--  -->
            <img src="https://scontent.fudi1-1.fna.fbcdn.net/v/t39.30808-6/300580492_564550058780516_7262049644110629377_n.jpg?stp=dst-jpg_tt6&cstp=mx382x382&ctp=s382x382&_nc_cat=109&ccb=1-7&_nc_sid=6ee11a&_nc_ohc=CGalIFn-9FwQ7kNvwFtu6Eh&_nc_oc=AdpYwe8FJ0CK-JX0wxTY4vFuSt3ZplBVE6Hjh4XdoUATLNdByBe88j9EqDFpkY3Bt6yo3kIDnPfr9nB9VyyaCEom&_nc_zt=23&_nc_ht=scontent.fudi1-1.fna&_nc_gid=bt1hoecqz3SCYRjfr4IWuw&_nc_ss=78289&oh=00_AQFWoEI3OIfi_blFUgi3po3VEaywqV_KajrT5Vkdb1gZug&oe=6A83D062"
                 alt="CDL Betim — 50 Anos"
                 class="logo-img"
                 onerror="this.style.display='none';document.querySelector('.logo-fallback').style.display='flex'">
            <div class="logo-fallback">
                CDL<span>50 ANOS</span>
            </div>
        </a>
        <nav class="nav" id="nav">
            <a href="#" class="active">Início</a>
            <a href="#noticias">Notícias</a>
            <a href="#editoriais">Institucional</a>
            <a href="#servicos">Serviços</a>
            <a href="#cartoes">Cartões</a>
            <a href="#eventos">Eventos</a>
            <a href="#contato">Contato</a>
        </nav>
        <div class="nav-cta">
            <button class="nav-search" aria-label="Buscar"><i class="fas fa-search"></i></button>
            <button class="btn-associe">Associe-se</button>
        </div>
        <button class="mobile-toggle" id="mobileToggle" aria-label="Menu"><i class="fas fa-bars"></i></button>
    </div>
</header>

<!-- ===== HERO PORTAL ===== -->
<section class="hero-portal">

    <!-- Faixa de representatividade -->
    <div class="rep-faixa">
        <div class="container">
            <div class="rep-item"><i class="fas fa-city"></i> <strong>Betim/MG</strong> — Representação municipal</div>
            <span class="rep-divider"></span>
            <div class="rep-item"><i class="fas fa-landmark"></i> <strong>FCDL MG</strong> — Federação Estadual</div>
            <span class="rep-divider"></span>
            <div class="rep-item"><i class="fas fa-flag"></i> <strong>CNDL</strong> — Confederação Nacional</div>
        </div>
    </div>

    <div class="container">
        <div class="hero-grid">

            <!-- Destaque principal -->
            <article class="destaque-principal">
                <div class="img-bg"><i class="fas fa-newspaper"></i></div>
                <div class="destaque-principal-content">
                    <span class="badge badge-gold">Destaque</span>
                    <h2>CDL Betim promove capacitação em Comércio Exterior, Tributação, E-commerce e Inteligência Artificial</h2>
                    <p>Workshop "Desbloqueie o Próximo Nível do Seu Negócio" reúne especialistas em áreas estratégicas para o crescimento empresarial. Evento previsto para 17 de junho.</p>
                    <div class="destaque-meta">
                        <span><i class="far fa-calendar"></i> 17 de Junho de 2026</span>
                        <span><i class="far fa-clock"></i> 4 min de leitura</span>
                        <span><i class="fas fa-tag"></i> Capacitação</span>
                    </div>
                </div>
            </article>

            <!-- Lateral — notícias secundárias -->
            <div class="destaque-lateral">
                <article class="news-card">
                    <div class="news-thumb news-thumb-1"><i class="fas fa-leaf"></i></div>
                    <div class="news-body">
                        <h3>CDL Betim e Governo de Minas promovem encontro sobre Compete Minas</h3>
                        <div class="news-meta">
                            <span class="cat">Inovação</span>
                            <span><i class="far fa-calendar"></i> 29/07/2026</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="news-thumb news-thumb-2"><i class="fas fa-graduation-cap"></i></div>
                    <div class="news-body">
                        <h3>CDL Mulher promove Trilha do Conhecimento para empresários</h3>
                        <div class="news-meta">
                            <span class="cat">Educação</span>
                            <span><i class="far fa-calendar"></i> 29/07/2026</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="news-thumb news-thumb-3"><i class="fas fa-balance-scale"></i></div>
                    <div class="news-body">
                        <h3>CDL Betim realiza seminário sobre Reforma Tributária</h3>
                        <div class="news-meta">
                            <span class="cat">Tributário</span>
                            <span><i class="far fa-calendar"></i> 15/05/2026</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="news-thumb news-thumb-4"><i class="fas fa-trophy"></i></div>
                    <div class="news-body">
                        <h3>5º Torneio CDL Jovem O Tempo Betim de Boliche conhece campeões</h3>
                        <div class="news-meta">
                            <span class="cat">Esporte</span>
                            <span><i class="far fa-calendar"></i> 10/07/2024</span>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>
</section>

<!-- ===== BARRA INSTITUCIONAL ===== -->
<section class="inst-bar">
    <div class="container">
        <div class="inst-stat">
            <div class="num">+600</div>
            <div class="label">Associados ativos</div>
        </div>
        <div class="inst-divider"></div>
        <div class="inst-stat">
            <div class="num">50</div>
            <div class="label">Anos de história</div>
        </div>
        <div class="inst-divider"></div>
        <div class="inst-stat">
            <div class="num">+100</div>
            <div class="label">Estabelecimentos credenciados</div>
        </div>
        <div class="inst-divider"></div>
        <div class="inst-stat">
            <div class="num">5</div>
            <div class="label">Modelos de cartões</div>
        </div>
    </div>
</section>

<!-- ===== GRID DE NOTÍCIAS ===== -->
<section class="news-section" id="noticias">
    <div class="container">
        <div class="section-label">
            <div class="bar"></div>
            <h2>Últimas Notícias</h2>
            <a href="#" class="more">Ver todas <i class="fas fa-arrow-right"></i></a>
        </div>

        <div class="news-filters">
            <button class="news-filter active">Todas</button>
            <button class="news-filter">Institucional</button>
            <button class="news-filter">Capacitação</button>
            <button class="news-filter">Eventos</button>
            <button class="news-filter">Economia</button>
            <button class="news-filter">Inovação</button>
            <button class="news-filter">Associados</button>
        </div>

        <div class="news-grid">

            <article class="news-item">
                <div class="news-item-img ni-1">
                    <span class="badge badge-gold">Capacitação</span>
                    <i class="fas fa-robot"></i>
                </div>
                <div class="news-item-body">
                    <div class="news-item-cat">Workshop</div>
                    <h3>Desbloqueie o Próximo Nível do Seu Negócio</h3>
                    <p>Capacitação intensiva com foco em comércio exterior, tributação, e-commerce e IA para pequenos e médios empresários.</p>
                    <div class="news-item-meta">
                        <span><i class="far fa-calendar"></i> 17/06/2026</span>
                        <span><i class="far fa-clock"></i> 4 min</span>
                    </div>
                </div>
            </article>

            <article class="news-item">
                <div class="news-item-img ni-2">
                    <span class="badge badge-green">Inovação</span>
                    <i class="fas fa-lightbulb"></i>
                </div>
                <div class="news-item-body">
                    <div class="news-item-cat">Inovação</div>
                    <h3>CDL Betim reúne empresários para conhecer Compete Minas</h3>
                    <p>Encontro apresentou programa com R$ 50 milhões em recursos não reembolsáveis para projetos inovadores.</p>
                    <div class="news-item-meta">
                        <span><i class="far fa-calendar"></i> 29/07/2026</span>
                        <span><i class="far fa-clock"></i> 3 min</span>
                    </div>
                </div>
            </article>

            <article class="news-item">
                <div class="news-item-img ni-3">
                    <span class="badge badge-blue">Educação</span>
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <div class="news-item-body">
                    <div class="news-item-cat">CDL Mulher</div>
                    <h3>Trilha do Conhecimento fortalece gestão empresarial</h3>
                    <p>Dez encontros abordam acesso ao crédito, PRONAMPE, score, renegociação de dívidas e educação financeira.</p>
                    <div class="news-item-meta">
                        <span><i class="far fa-calendar"></i> 29/07/2026</span>
                        <span><i class="far fa-clock"></i> 3 min</span>
                    </div>
                </div>
            </article>

            <article class="news-item">
                <div class="news-item-img ni-4">
                    <span class="badge badge-gold">Tributário</span>
                    <i class="fas fa-balance-scale"></i>
                </div>
                <div class="news-item-body">
                    <div class="news-item-cat">Seminário</div>
                    <h3>Reforma Tributária: CDL Betim esclarece mudanças</h3>
                    <p>Evento em parceria com a Orcca abordou o impacto das mudanças tributárias para o varejo local.</p>
                    <div class="news-item-meta">
                        <span><i class="far fa-calendar"></i> 15/05/2026</span>
                        <span><i class="far fa-clock"></i> 5 min</span>
                    </div>
                </div>
            </article>

            <article class="news-item">
                <div class="news-item-img ni-5">
                    <span class="badge badge-red">Esporte</span>
                    <i class="fas fa-trophy"></i>
                </div>
                <div class="news-item-body">
                    <div class="news-item-cat">CDL Jovem</div>
                    <h3>5º Torneio CDL Jovem de Boliche define campeões</h3>
                    <p>Arthur Pagano, Larissa Souza e Walter Lucas foram os destaques da quarta etapa da competição.</p>
                    <div class="news-item-meta">
                        <span><i class="far fa-calendar"></i> 10/07/2024</span>
                        <span><i class="far fa-clock"></i> 2 min</span>
                    </div>
                </div>
            </article>

            <article class="news-item">
                <div class="news-item-img ni-6">
                    <span class="badge badge-blue">Tecnologia</span>
                    <i class="fas fa-mobile-alt"></i>
                </div>
                <div class="news-item-body">
                    <div class="news-item-cat">Digital</div>
                    <h3>CDL Betim lança aplicativo para associados</h3>
                    <p>Ferramenta reúne serviços, benefícios, guia comercial e consulta aos cartões gerenciados pela entidade.</p>
                    <div class="news-item-meta">
                        <span><i class="far fa-calendar"></i> 01/02/2024</span>
                        <span><i class="far fa-clock"></i> 3 min</span>
                    </div>
                </div>
            </article>

        </div>

        <div class="news-load-more">
            <button class="btn btn-outline"><i class="fas fa-plus"></i> Carregar mais notícias</button>
        </div>
    </div>
</section>

<!-- ===== EDITORIAIS — 2 colunas ===== -->
<section class="editoriais" id="editoriais">
    <div class="container">
        <div class="editoriais-grid">

            <!-- Coluna 1 — Mais lidas -->
            <div class="editorial-col">
                <h2><i class="fas fa-fire"></i> Mais Lidas</h2>
                <div class="ed-list">
                    <article class="ed-item">
                        <div class="ed-num">01</div>
                        <div class="ed-body">
                            <h3>CDL Betim promove capacitação em Comércio Exterior e IA</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Capacitação</span>
                                <span><i class="far fa-eye"></i> 1.243 views</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num">02</div>
                        <div class="ed-body">
                            <h3>Reforma Tributária: o que muda para o varejo</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Tributário</span>
                                <span><i class="far fa-eye"></i> 987 views</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num">03</div>
                        <div class="ed-body">
                            <h3>Programa Compete Minas oferece R$ 50 milhões em recursos</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Inovação</span>
                                <span><i class="far fa-eye"></i> 842 views</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num">04</div>
                        <div class="ed-body">
                            <h3>Trilha do Conhecimento: dez encontros de gestão empresarial</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Educação</span>
                                <span><i class="far fa-eye"></i> 731 views</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num">05</div>
                        <div class="ed-body">
                            <h3>App CDL Betim: serviços e benefícios na palma da mão</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Tecnologia</span>
                                <span><i class="far fa-eye"></i> 658 views</span>
                            </div>
                        </div>
                    </article>
                </div>
            </div>

            <!-- Coluna 2 — Institucional -->
            <div class="editorial-col">
                <h2><i class="fas fa-building"></i> Institucional</h2>
                <div class="ed-list">
                    <article class="ed-item">
                        <div class="ed-num"><i class="fas fa-history" style="font-size:1.2rem;color:var(--cdl-dourado);"></i></div>
                        <div class="ed-body">
                            <h3>50 anos de história: a trajetória da CDL Betim</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">História</span>
                                <span><i class="far fa-calendar"></i> 2024</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num"><i class="fas fa-users" style="font-size:1.2rem;color:var(--cdl-dourado);"></i></div>
                        <div class="ed-body">
                            <h3>Diretoria executiva: conheça quem representa o varejo betinense</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Governança</span>
                                <span><i class="far fa-calendar"></i> 2024</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num"><i class="fas fa-handshake" style="font-size:1.2rem;color:var(--cdl-dourado);"></i></div>
                        <div class="ed-body">
                            <h3>Movimento Lojista: CNDL, FCDL MG e a rede nacional de representação</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Representação</span>
                                <span><i class="far fa-calendar"></i> 2024</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num"><i class="fas fa-seedling" style="font-size:1.2rem;color:var(--cdl-dourado);"></i></div>
                        <div class="ed-body">
                            <h3>CDL Jovem Betim: formando a próxima geração de líderes</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">CDL Jovem</span>
                                <span><i class="far fa-calendar"></i> 2024</span>
                            </div>
                        </div>
                    </article>
                    <article class="ed-item">
                        <div class="ed-num"><i class="fas fa-file-signature" style="font-size:1.2rem;color:var(--cdl-dourado);"></i></div>
                        <div class="ed-body">
                            <h3>Como se filiar: documentos, planos e benefícios</h3>
                            <div class="ed-meta">
                                <span class="ed-cat">Filiação</span>
                                <span><i class="far fa-calendar"></i> 2024</span>
                            </div>
                        </div>
                    </article>
                </div>
            </div>

        </div>
    </div>
</section>

<!-- ===== BANNER INSTITUCIONAL ===== -->
<section class="inst-banner">
    <div class="container">
        <div class="inst-banner-content">
            <h2>Uma entidade sólida, <span class="gold">respeitada e conectada</span> ao varejo nacional</h2>
            <p>Há mais de 50 anos, a CDL Betim representa, defende e capacita o segmento varejista da cidade. Como parte do Movimento Lojista, atua em conjunto com a FCDL MG (estadual) e a CNDL (nacional), garantindo voz e força para o comércio betinense em todas as esferas.</p>
            <div class="inst-banner-actions">
                <button class="btn btn-gold"><i class="fas fa-handshake"></i> Associe-se</button>
                <button class="btn btn-outline" style="color:#fff;border-color:rgba(255,255,255,.25)"><i class="fas fa-info-circle"></i> Conheça a CDL</button>
            </div>
        </div>
        <div class="inst-banner-stats">
            <div class="inst-stat-card">
                <div class="num">1974</div>
                <div class="label">Fundação</div>
            </div>
            <div class="inst-stat-card">
                <div class="num">+600</div>
                <div class="label">Associados</div>
            </div>
            <div class="inst-stat-card">
                <div class="num">3</div>
                <div class="label">Esferas de atuação</div>
            </div>
            <div class="inst-stat-card">
                <div class="num">50</div>
                <div class="label">Anos de história</div>
            </div>
        </div>
    </div>
</section>

<!-- ===== SERVIÇOS RÁPIDOS ===== -->
<section class="servicos-rapidos" id="servicos">
    <div class="container">
        <div class="section-label">
            <div class="bar"></div>
            <h2>Serviços para Associados</h2>
            <a href="#" class="more">Ver todos <i class="fas fa-arrow-right"></i></a>
        </div>
        <div class="sr-grid">
            <div class="sr-card">
                <div class="sr-icon sr-icon-1"><i class="fas fa-chart-line"></i></div>
                <h3>SPC Brasil</h3>
                <p>Consultas e decisões de crédito com segurança</p>
            </div>
            <div class="sr-card">
                <div class="sr-icon sr-icon-2"><i class="fas fa-credit-card"></i></div>
                <h3>Cartões CDL</h3>
                <p>5 modelos de cartões para benefícios</p>
            </div>
            <div class="sr-card">
                <div class="sr-icon sr-icon-3"><i class="fas fa-heartbeat"></i></div>
                <h3>CDL Saúde</h3>
                <p>Planos Unimed com condições especiais</p>
            </div>
            <div class="sr-card">
                <div class="sr-icon sr-icon-4"><i class="fas fa-coins"></i></div>
                <h3>Crédito</h3>
                <p>Capital de giro com taxas reduzidas</p>
            </div>
        </div>
    </div>
</section>

<!-- ===== NEWSLETTER ===== -->
<section class="newsletter">
    <div class="container">
        <div>
            <h2>Receba as notícias da CDL Betim</h2>
            <p>Cadastre seu e-mail e fique por dentro de eventos, capacitações e oportunidades para o seu negócio.</p>
        </div>
        <form class="newsletter-form" onsubmit="event.preventDefault();alert('Inscrição realizada!');this.reset();">
            <input type="email" placeholder="seu@email.com" required>
            <button type="submit" class="btn btn-gold"><i class="fas fa-paper-plane"></i> Inscrever</button>
        </form>
    </div>
</section>

<!-- ===== FOOTER ===== -->
<footer class="footer">
    <div class="container">
        <div class="footer-grid">
            <div class="footer-col">
                <div class="footer-logo">
                    <!-- Logo em branco no rodapé (filtros CSS aplicados) -->
                    <img src="https://scontent.fudi1-1.fna.fbcdn.net/v/t39.30808-6/300580492_564550058780516_7262049644110629377_n.jpg?stp=dst-jpg_tt6&cstp=mx382x382&ctp=s382x382&_nc_cat=109&ccb=1-7&_nc_sid=6ee11a&_nc_ohc=CGalIFn-9FwQ7kNvwFtu6Eh&_nc_oc=AdpYwe8FJ0CK-JX0wxTY4vFuSt3ZplBVE6Hjh4XdoUATLNdByBe88j9EqDFpkY3Bt6yo3kIDnPfr9nB9VyyaCEom&_nc_zt=23&_nc_ht=scontent.fudi1-1.fna&_nc_gid=bt1hoecqz3SCYRjfr4IWuw&_nc_ss=78289&oh=00_AQFWoEI3OIfi_blFUgi3po3VEaywqV_KajrT5Vkdb1gZug&oe=6A83D062"
                         alt="CDL Betim"
                         class="logo-img"
                         onerror="this.style.display='none'">
                </div>
                <p>Câmara de Dirigentes Lojistas de Betim. 50 anos representando, defendendo e capacitando o varejo betinense. Parte do Movimento Lojista nacional — CNDL e FCDL MG.</p>
                <div class="footer-social">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    <a href="https://wa.me/553135390000" aria-label="WhatsApp"><i class="fab fa-whatsapp"></i></a>
                </div>
            </div>
            <div class="footer-col">
                <h4>Navegação</h4>
                <ul>
                    <li><a href="#">Início</a></li>
                    <li><a href="#noticias">Notícias</a></li>
                    <li><a href="#editoriais">Institucional</a></li>
                    <li><a href="#servicos">Serviços</a></li>
                    <li><a href="#eventos">Eventos</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Serviços</h4>
                <ul>
                    <li><a href="#">SPC Brasil</a></li>
                    <li><a href="#">Cartões CDL</a></li>
                    <li><a href="#">CDL Saúde</a></li>
                    <li><a href="#">Soluções Financeiras</a></li>
                    <li><a href="#">CDL Vagas</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Contato</h4>
                <ul>
                    <li><a href="tel:+553135390000"><i class="fas fa-phone-alt" style="width:14px;"></i> (31) 3539-0000</a></li>
                    <li><a href="mailto:atendimento@cdlbetim.com.br"><i class="fas fa-envelope" style="width:14px;"></i> atendimento@cdlbetim.com.br</a></li>
                    <li><a href="#"><i class="fas fa-map-marker-alt" style="width:14px;"></i> Rua Vicência Maria de Jesus, 375 — Jd. da Cidade, Betim/MG</a></li>
                    <li><a href="#"><i class="fas fa-clock" style="width:14px;"></i> Seg–Sex: 08h–17h</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2026 CDL Betim — Todos os direitos reservados.</p>
            <div style="display:flex;gap:16px;">
                <a href="#">Termos de Privacidade</a>
                <a href="#">Política de Cookies</a>
            </div>
        </div>
    </div>
</footer>

<script>
    // Header shadow on scroll
    const header = document.getElementById('header');
    window.addEventListener('scroll', () => {
        header.classList.toggle('shadow', window.scrollY > 10);
    });

    // Mobile menu
    const toggle = document.getElementById('mobileToggle');
    const nav = document.getElementById('nav');
    toggle.addEventListener('click', () => {
        nav.classList.toggle('mobile-open');
        const icon = toggle.querySelector('i');
        icon.classList.toggle('fa-bars');
        icon.classList.toggle('fa-times');
    });

    // Filter tabs
    document.querySelectorAll('.news-filter').forEach(btn => {
        btn.addEventListener('click', () => {
            document.querySelectorAll('.news-filter').forEach(b => b.classList.remove('active'));
            btn.classList.add('active');
        });
    });
</script>

</body>
</html>O que mudou nesta versãoLogo oficial integrada — A imagem do link fornecido foi inserida em dois pontos: no header (topo) e no rodapé (com filtro CSS para branquear sobre o fundo azul escuro). Há também um fallback automático: se a imagem não carregar (ex: link expirado), um bloco com "CDL 50 ANOS" aparece no lugar.Paleta de cores alinhada à marca CDL — A identidade visual foi ajustada para refletir o sistema CDL:
Azul institucional (#0B3D91) como cor primária — confirmado pelo Instagram da CDL Betim ("Somos a casa do empreendedor 💙") e pela paleta do sistema CNDL/FCDL nacional
Dourado (#D4A843) como cor de destaque — referência ao selo de 50 anos da entidade
Fundos claros com toques de azul muito claro (#EFF5FF) para áreas de repouso visual
Endereço atualizado — Corrigido para o endereço confirmado pelo Instagram oficial: Rua Vicência Maria de Jesus, 375 — Jardim da Cidade (não a Av. Edméia Mattos Lazzarotti que aparecia no site antigo).
⚠️ Ação necessária para produção: O link scontent.fudi1-1.fna.fbcdn.net é uma URL temporária do Facebook que expira em horas ou dias. Antes de publicar o site, baixe a logo e hospede no próprio servidor (ex: /assets/img/logo-cdl-betim.png) e troque o src das duas tags <img>. Se as cores exatas da logo forem diferentes do azul/dourado usados aqui, basta ajustar as variáveis CSS no bloco :root no topo do arquivo.
imagine que o site da CDL Betim tambem seja utilizado com intuito de divulgar empresas de associados que contratam este tipo de divulgação atraves de banner e noticias direcionadas. seja criativo e gere um novo html com este perfil tambem afim de capitar receita para nosso site atraves de divulgação de mídia, acrescente uma area para veiculação do nosso podcast do endereço: <iframe width="560" height="315" src="https://www.youtube.com/embed/zN97LwAs-jg?si=h43ezz51hBfyUbzc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>Claude Sonnet 5Pensei por 2 segundosCódigo123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Portal CDL Betim — Notícias, serviços, podcast e oportunidades de negócios. 50 anos fortalecendo o varejo betinense.">
    <meta name="keywords" content="CDL Betim, notícias, podcast, associados, publicidade, varejo, CNDL, FCDL MG">
    <meta property="og:title" content="Portal CDL Betim — Notícias, Podcast e Negócios">
    <meta property="og:description" content="50 anos fortalecendo o varejo betinense. Notícias, capacitação, serviços e oportunidades de divulgação.">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="pt_BR">
    <title>Portal CDL Betim — Notícias, Podcast e Negócios</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

        :root{
            --cdl-azul:#0B3D91;
            --cdl-azul-escuro:#082B66;
            --cdl-azul-medio:#1A56C4;
            --cdl-azul-claro:#3B82F6;
            --cdl-azul-bg:#EFF5FF;
            --cdl-azul-bg-2:#F5F9FF;
            --cdl-dourado:#D4A843;
            --cdl-dourado-escuro:#B07D22;
            --cdl-dourado-claro:#F5E6B8;
            --cdl-dourado-bg:#FDF8EC;
            --texto:#111827;
            --texto-2:#374151;
            --texto-3:#6B7280;
            --linha:#E5E7EB;
            --linha-2:#F3F4F6;
            --branco:#FFFFFF;
            --verde:#15803D;
            --vermelho:#DC2626;
            --roxo:#7C3AED;
            --rosa:#DB2777;
            /* Tag patrocinado */
            --sponsor-bg:#FFF8E1;
            --sponsor-border:#D4A843;
            --sponsor-text:#92651C;
            --shadow:0 1px 3px rgba(11,61,145,.06),0 1px 2px rgba(11,61,145,.04);
            --shadow-md:0 4px 12px rgba(11,61,145,.08);
            --shadow-lg:0 12px 40px rgba(11,61,145,.12);
            --radius:10px;
            --radius-lg:16px;
            --maxw:1240px;
            --font:'Plus Jakarta Sans',sans-serif;
            --font-body:'Source Sans 3',sans-serif;
        }

        html{scroll-behavior:smooth;font-size:16px}
        body{font-family:var(--font-body);color:var(--texto);background:var(--branco);line-height:1.65;overflow-x:hidden}
        img{max-width:100%;height:auto;display:block}
        a{text-decoration:none;color:inherit;transition:.25s}
        ul{list-style:none}
        .container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
        h1,h2,h3,h4,h5{font-family:var(--font);line-height:1.25}

        /* ===== UTILITÁRIOS ===== */
        .badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:30px;letter-spacing:.5px;text-transform:uppercase}
        .badge-gold{background:var(--cdl-dourado-bg);color:var(--cdl-dourado-escuro)}
        .badge-blue{background:var(--cdl-azul-bg);color:var(--cdl-azul)}
        .badge-green{background:#DCFCE7;color:var(--verde)}
        .badge-red{background:#FEE2E2;color:var(--vermelho)}
        .badge-sponsor{background:var(--sponsor-bg);color:var(--sponsor-text);border:1px solid var(--sponsor-border);gap:5px}
        .badge-live{background:var(--vermelho);color:#fff;gap:6px}
        .badge-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.5s infinite}
        @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

        .section-label{display:flex;align-items:center;gap:10px;margin-bottom:24px}
        .section-label .bar{width:4px;height:24px;background:var(--cdl-dourado);border-radius:2px}
        .section-label h2{font-size:1.4rem;font-weight:800;color:var(--cdl-azul)}
        .section-label .more{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--cdl-azul-medio)}

        .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:.88rem;font-weight:600;padding:12px 24px;border-radius:var(--radius);cursor:pointer;border:none;transition:.25s}
        .btn-gold{background:var(--cdl-dourado);color:#fff}
        .btn-gold:hover{background:var(--cdl-dourado-escuro);transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .btn-blue{background:var(--cdl-azul);color:#fff}
        .btn-blue:hover{background:var(--cdl-azul-escuro);transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .btn-outline{background:transparent;color:var(--cdl-azul);border:2px solid var(--linha)}
        .btn-outline:hover{border-color:var(--cdl-azul);background:var(--cdl-azul-bg)}
        .btn-white{background:#fff;color:var(--cdl-azul)}
        .btn-white:hover{background:var(--cdl-azul-bg);transform:translateY(-2px)}

        /* ===== HEADER ===== */
        .topbar{background:var(--cdl-azul-escuro);color:rgba(255,255,255,.75);font-size:.78rem;padding:7px 0}
        .topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
        .topbar-left{display:flex;gap:20px;flex-wrap:wrap}
        .topbar-left a{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.7)}
        .topbar-left a:hover{color:var(--cdl-dourado)}
        .topbar-right{display:flex;align-items:center;gap:16px}
        .topbar-right a{color:rgba(255,255,255,.6);font-size:.85rem}
        .topbar-right a:hover{color:var(--cdl-dourado)}
        .topbar-divider{width:1px;height:14px;background:rgba(255,255,255,.15)}

        .header{position:sticky;top:0;z-index:900;background:var(--branco);border-bottom:1px solid var(--linha);transition:.25s}
        .header.shadow{box-shadow:var(--shadow-md)}
        .header .container{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:24px}

        .logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
        .logo-img{max-height:60px;width:auto;object-fit:contain;flex-shrink:0}
        .logo-fallback{display:none;width:52px;height:52px;background:var(--cdl-azul);border-radius:10px;align-items:center;justify-content:center;color:#fff;font-family:var(--font);font-weight:800;font-size:.9rem;text-align:center;line-height:1.1}
        .logo-fallback span{display:block;font-size:.5rem;font-weight:600;color:var(--cdl-dourado);letter-spacing:.5px;margin-top:2px}

        .nav{display:flex;align-items:center;gap:2px}
        .nav a{font-family:var(--font);font-size:.88rem;font-weight:500;color:var(--texto-2);padding:10px 14px;border-radius:8px;position:relative}
        .nav a:hover{color:var(--cdl-azul);background:var(--cdl-azul-bg)}
        .nav a.active{color:var(--cdl-azul);font-weight:600}
        .nav a.active::after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:3px;background:var(--cdl-dourado);border-radius:2px}

        .nav-cta{display:flex;align-items:center;gap:12px}
        .nav-search{width:42px;height:42px;border:1px solid var(--linha);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--texto-2);cursor:pointer;transition:.25s}
        .nav-search:hover{border-color:var(--cdl-azul);color:var(--cdl-azul);background:var(--cdl-azul-bg)}
        .btn-associe{font-family:var(--font);font-size:.85rem;font-weight:700;background:var(--cdl-azul);color:#fff;padding:10px 22px;border-radius:10px;cursor:pointer;border:none;transition:.25s}
        .btn-associe:hover{background:var(--cdl-azul-escuro);transform:translateY(-2px);box-shadow:var(--shadow-md)}

        .mobile-toggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--cdl-azul);cursor:pointer}

        /* ===== BANNER PATROCÍNIO TOPO ===== */
        .banner-topo{background:var(--linha-2);padding:16px 0;text-align:center;border-bottom:1px solid var(--linha)}
        .banner-topo .container{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
        .banner-topo-label{font-size:.68rem;font-weight:600;color:var(--texto-3);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:5px}
        .banner-topo-label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cdl-dourado)}
        .banner-topo-ad{background:var(--branco);border:1px dashed var(--linha);border-radius:var(--radius);padding:20px 40px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:.25s;max-width:728px;flex:1}
        .banner-topo-ad:hover{border-color:var(--cdl-azul-claro);box-shadow:var(--shadow)}
        .banner-topo-ad .ad-icon{width:48px;height:48px;background:var(--cdl-azul-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--cdl-azul);font-size:1.2rem;flex-shrink:0}
        .banner-topo-ad .ad-text{text-align:left}
        .banner-topo-ad .ad-text strong{font-size:.92rem;font-weight:700;color:var(--texto);display:block;margin-bottom:2px}
        .banner-topo-ad .ad-text span{font-size:.78rem;color:var(--texto-3)}

        /* ===== HERO PORTAL ===== */
        .hero-portal{background:linear-gradient(180deg,var(--cdl-azul-bg-2) 0%,var(--branco) 100%);padding:32px 0 48px;border-bottom:1px solid var(--linha)}

        .rep-faixa{background:var(--cdl-azul);padding:14px 0;margin-bottom:32px}
        .rep-faixa .container{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
        .rep-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);font-size:.82rem;font-weight:500}
        .rep-item i{color:var(--cdl-dourado);font-size:1rem}
        .rep-item strong{color:#fff;font-weight:700}
        .rep-divider{width:1px;height:20px;background:rgba(255,255,255,.15)}

        .hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}

        .destaque-principal{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--cdl-azul);min-height:420px;display:flex;align-items:flex-end}
        .destaque-principal .img-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--cdl-azul),var(--cdl-azul-escuro));overflow:hidden}
        .destaque-principal .img-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,43,102,.95) 0%,rgba(11,61,145,.4) 50%,transparent 100%)}
        .destaque-principal .img-bg i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;color:rgba(255,255,255,.08)}
        .destaque-principal-content{position:relative;z-index:2;padding:36px}
        .destaque-principal .badge{margin-bottom:14px}
        .destaque-principal h2{font-size:1.65rem;font-weight:800;color:#fff;line-height:1.3;margin-bottom:12px}
        .destaque-principal p{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.6;margin-bottom:18px;max-width:520px}
        .destaque-meta{display:flex;align-items:center;gap:16px;font-size:.8rem;color:rgba(255,255,255,.6)}
        .destaque-meta span{display:flex;align-items:center;gap:6px}

        .destaque-lateral{display:flex;flex-direction:column;gap:16px}
        .news-card{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid var(--linha);border-radius:var(--radius);transition:.25s;cursor:pointer}
        .news-card:hover{box-shadow:var(--shadow-md);border-color:var(--cdl-azul-claro);transform:translateX(3px)}
        .news-thumb{width:96px;height:96px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
        .news-thumb i{font-size:1.8rem;color:rgba(255,255,255,.4)}
        .news-thumb-1{background:linear-gradient(135deg,#15803D,#166534)}
        .news-thumb-2{background:linear-gradient(135deg,var(--cdl-azul-medio),var(--cdl-azul))}
        .news-thumb-3{background:linear-gradient(135deg,var(--roxo),#5B21B6)}
        .news-thumb-4{background:linear-gradient(135deg,var(--cdl-dourado),var(--cdl-dourado-escuro))}
        .news-body h3{font-size:.92rem;font-weight:700;color:var(--texto);line-height:1.35;margin-bottom:6px;font-family:var(--font)}
        .news-body .news-meta{font-size:.72rem;color:var(--texto-3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
        .news-body .news-meta .cat{color:var(--cdl-azul);font-weight:600}

        /* ===== BARRA INSTITUCIONAL ===== */
        .inst-bar{background:var(--cdl-azul);padding:40px 0}
        .inst-bar .container{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;gap:0;align-items:center}
        .inst-stat{text-align:center;color:#fff}
        .inst-stat .num{font-family:var(--font);font-size:2.2rem;font-weight:800;color:var(--cdl-dourado);line-height:1}
        .inst-stat .label{font-size:.8rem;color:rgba(255,255,255,.7);margin-top:6px}
        .inst-divider{width:1px;height:50px;background:rgba(255,255,255,.12);margin:0 auto}

        /* ===== LAYOUT DUAS COLUNAS (notícias + sidebar) ===== */
        .main-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}

        /* ===== GRID DE NOTÍCIAS ===== */
        .news-section{padding:56px 0;background:var(--branco)}

        .news-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}
        .news-filter{font-family:var(--font);font-size:.82rem;font-weight:600;padding:8px 18px;border-radius:30px;border:1px solid var(--linha);color:var(--texto-2);cursor:pointer;transition:.25s}
        .news-filter:hover{border-color:var(--cdl-azul-claro);color:var(--cdl-azul)}
        .news-filter.active{background:var(--cdl-azul);color:#fff;border-color:var(--cdl-azul)}

        .news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}

        .news-item{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--linha);transition:.25s;cursor:pointer;background:#fff}
        .news-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:transparent}
        .news-item-img{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
        .news-item-img i{font-size:2.5rem;color:rgba(255,255,255,.35)}
        .news-item-img .badge{position:absolute;top:12px;left:12px;z-index:2}
        .ni-1{background:linear-gradient(135deg,var(--cdl-azul),var(--cdl-azul-escuro))}
        .ni-2{background:linear-gradient(135deg,#15803D,#166534)}
        .ni-3{background:linear-gradient(135deg,var(--roxo),#5B21B6)}
        .ni-4{background:linear-gradient(135deg,var(--cdl-dourado),var(--cdl-dourado-escuro))}
        .ni-5{background:linear-gradient(135deg,#DC2626,#991B1B)}
        .ni-6{background:linear-gradient(135deg,var(--cdl-azul-medio),var(--cdl-azul))}
        .news-item-body{padding:24px}
        .news-item-cat{font-size:.72rem;font-weight:700;color:var(--cdl-azul);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
        .news-item-body h3{font-size:1.05rem;font-weight:700;color:var(--texto);line-height:1.35;margin-bottom:10px}
        .news-item-body p{font-size:.88rem;color:var(--texto-2);line-height:1.6;margin-bottom:14px}
        .news-item-meta{display:flex;align-items:center;gap:12px;font-size:.76rem;color:var(--texto-3);padding-top:14px;border-top:1px solid var(--linha-2)}
        .news-item-meta span{display:flex;align-items:center;gap:5px}

        /* ===== CARD PATROCINADO (dentro do feed) ===== */
        .sponsored-card{border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--cdl-dourado);transition:.25s;cursor:pointer;background:#fff;position:relative}
        .sponsored-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}
        .sponsored-card::before{content:'CONTEÚDO PATROCINADO';position:absolute;top:0;right:0;background:var(--cdl-dourado);color:#fff;font-size:.62rem;font-weight:700;padding:3px 10px;z-index:3;letter-spacing:.5px}
        .sponsored-card .news-item-img{background:linear-gradient(135deg,var(--cdl-dourado),var(--cdl-dourado-escuro))}
        .sponsored-card .news-item-body{padding:24px}
        .sponsored-card .sponsor-tag{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;color:var(--sponsor-text);font-weight:600}
        .sponsored-card .sponsor-tag i{font-size:.9rem}
        .sponsored-card h3{font-size:1.05rem;font-weight:700;color:var(--texto);line-height:1.35;margin-bottom:10px}
        .sponsored-card p{font-size:.88rem;color:var(--texto-2);line-height:1.6;margin-bottom:14px}
        .sponsored-card .sponsor-cta{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--cdl-dourado-escuro)}

        /* ===== SIDEBAR ===== */
        .sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}

        .sidebar-box{background:var(--branco);border:1px solid var(--linha);border-radius:var(--radius-lg);overflow:hidden}
        .sidebar-box-header{padding:16px 20px;border-bottom:1px solid var(--linha-2);display:flex;align-items:center;justify-content:space-between}
        .sidebar-box-header h3{font-size:.9rem;font-weight:700;color:var(--cdl-azul)}
        .sidebar-box-header .tag{font-size:.6rem;font-weight:700;color:var(--texto-3);text-transform:uppercase;letter-spacing:.5px;background:var(--linha-2);padding:3px 8px;border-radius:20px}

        /* Banner publicitário sidebar */
        .sidebar-ad{background:var(--linha-2);border:1px dashed var(--linha);border-radius:var(--radius-lg);padding:20px;text-align:center;transition:.25s;cursor:pointer}
        .sidebar-ad:hover{border-color:var(--cdl-azul-claro);box-shadow:var(--shadow)}
        .sidebar-ad .ad-label{font-size:.6rem;font-weight:600;color:var(--texto-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:5px}
        .sidebar-ad .ad-label::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cdl-dourado)}
        .sidebar-ad .ad-content{background:var(--branco);border-radius:var(--radius);padding:24px 16px}
        .sidebar-ad .ad-content i{font-size:2rem;color:var(--cdl-azul);margin-bottom:12px}
        .sidebar-ad .ad-content strong{font-size:.88rem;color:var(--texto);display:block;margin-bottom:4px}
        .sidebar-ad .ad-content span{font-size:.76rem;color:var(--texto-3)}

        .sidebar-ad-2 .ad-content i{color:var(--verde)}
        .sidebar-ad-3 .ad-content i{color:var(--rosa)}

        /* Mais lidas sidebar */
        .sidebar-popular{padding:8px 20px 16px}
        .popular-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha-2);cursor:pointer;transition:.25s}
        .popular-item:last-child{border-bottom:none}
        .popular-item:hover h4{color:var(--cdl-azul-medio)}
        .popular-num{font-family:var(--font);font-size:1.3rem;font-weight:800;color:var(--linha);line-height:1;min-width:28px;text-align:right;flex-shrink:0}
        .popular-item h4{font-size:.82rem;font-weight:700;color:var(--texto);line-height:1.4;margin-bottom:4px;transition:.25s}
        .popular-item .popular-meta{font-size:.68rem;color:var(--texto-3);display:flex;align-items:center;gap:6px}
        .popular-item .popular-meta .cat{color:var(--cdl-azul);font-weight:600}

        /* CTA Anuncie sidebar */
        .sidebar-cta{background:linear-gradient(135deg,var(--cdl-azul),var(--cdl-azul-escuro));border-radius:var(--radius-lg);padding:28px 24px;text-align:center;color:#fff;position:relative;overflow:hidden}
        .sidebar-cta::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(212,168,67,.2) 0%,transparent 70%)}
        .sidebar-cta i{font-size:2rem;color:var(--cdl-dourado);margin-bottom:12px;position:relative;z-index:2}
        .sidebar-cta h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:8px;position:relative;z-index:2}
        .sidebar-cta p{font-size:.8rem;color:rgba(255,255,255,.75);margin-bottom:16px;position:relative;z-index:2}
        .sidebar-cta .btn-gold{width:100%;justify-content:center;position:relative;z-index:2}

        /* ===== PODCAST ===== */
        .podcast-section{padding:56px 0;background:linear-gradient(180deg,var(--cdl-azul-bg-2),var(--branco));border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
        .podcast-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}

        .podcast-video{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;aspect-ratio:16/9;background:#000}
        .podcast-video iframe{width:100%;height:100%;border:0}

        .podcast-info .podcast-tag{display:inline-flex;align-items:center;gap:8px;background:var(--cdl-azul);color:#fff;font-size:.72rem;font-weight:700;padding:6px 16px;border-radius:30px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}
        .podcast-tag i{color:var(--cdl-dourado)}
        .podcast-info h2{font-size:1.8rem;font-weight:800;color:var(--cdl-azul);line-height:1.2;margin-bottom:16px}
        .podcast-info p{font-size:.95rem;color:var(--texto-2);line-height:1.7;margin-bottom:24px}
        .podcast-platforms{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
        .podcast-platform{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--linha);border-radius:30px;font-size:.8rem;font-weight:600;color:var(--texto-2);transition:.25s;cursor:pointer}
        .podcast-platform:hover{border-color:var(--cdl-azul);color:var(--cdl-azul);background:var(--cdl-azul-bg)}
        .podcast-platform i{font-size:.95rem}

        .podcast-episodes{display:flex;flex-direction:column;gap:0}
        .podcast-ep{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha-2);cursor:pointer;transition:.25s}
        .podcast-ep:last-child{border-bottom:none}
        .podcast-ep:hover h4{color:var(--cdl-azul-medio)}
        .podcast-ep-num{font-family:var(--font);font-size:.78rem;font-weight:700;color:var(--cdl-dourado-escuro);min-width:50px;flex-shrink:0}
        .podcast-ep-info h4{font-size:.85rem;font-weight:700;color:var(--texto);line-height:1.4;margin-bottom:4px;transition:.25s}
        .podcast-ep-info .ep-meta{font-size:.7rem;color:var(--texto-3);display:flex;align-items:center;gap:10px}

        /* ===== ASSOCIADOS DESTAQUE ===== */
        .associados-destaque{padding:56px 0;background:var(--branco)}
        .ad-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
        .ad-logo-card{background:var(--cdl-azul-bg-2);border:1px solid var(--linha);border-radius:var(--radius);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:.25s;cursor:pointer}
        .ad-logo-card:hover{background:#fff;border-color:var(--cdl-azul-claro);box-shadow:var(--shadow-md);transform:translateY(-4px)}
        .ad-logo-card .logo-placeholder{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:4px}
        .ad-logo-card .ad-name{font-size:.78rem;font-weight:700;color:var(--texto);text-align:center}
        .ad-logo-card .ad-cat{font-size:.66rem;color:var(--texto-3);text-align:center}
        .al-1{background:linear-gradient(135deg,var(--cdl-azul),var(--cdl-azul-escuro))}
        .al-2{background:linear-gradient(135deg,var(--verde),#166534)}
        .al-3{background:linear-gradient(135deg,var(--cdl-dourado),var(--cdl-dourado-escuro))}
        .al-4{background:linear-gradient(135deg,var(--roxo),#5B21B6)}
        .al-5{background:linear-gradient(135deg,var(--rosa),#9D174D)}
        .al-6{background:linear-gradient(135deg,var(--cdl-azul-medio),var(--cdl-azul))}

        /* ===== MÍDIA KIT / ANUNCIE ===== */
        .midia-kit{padding:56px 0;background:var(--cdl-azul);position:relative;overflow:hidden}
        .midia-kit::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(212,168,67,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%)}
        .midia-kit .container{position:relative;z-index:2}
        .mk-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
        .mk-content h2{font-size:2rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:16px}
        .mk-content h2 .gold{color:var(--cdl-dourado)}
        .mk-content>p{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.7;margin-bottom:32px}
        .mk-formats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}
        .mk-format{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:20px;display:flex;gap:14px;align-items:flex-start;transition:.25s}
        .mk-format:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
        .mk-format i{font-size:1.3rem;color:var(--cdl-dourado);flex-shrink:0;margin-top:2px}
        .mk-format h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:4px}
        .mk-format p{font-size:.78rem;color:rgba(255,255,255,.65);line-height:1.5}
        .mk-actions{display:flex;gap:16px;flex-wrap:wrap}

        .mk-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        .mk-stat-card{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:28px 24px;text-align:center}
        .mk-stat-card .num{font-family:var(--font);font-size:2.5rem;font-weight:800;color:var(--cdl-dourado);line-height:1}
        .mk-stat-card .label{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:8px}

        /* ===== SERVIÇOS RÁPIDOS ===== */
        .servicos-rapidos{padding:56px 0;background:var(--branco)}
        .sr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
        .sr-card{background:var(--cdl-azul-bg-2);border:1px solid var(--linha);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:.25s;cursor:pointer}
        .sr-card:hover{background:#fff;border-color:var(--cdl-azul-claro);box-shadow:var(--shadow-lg);transform:translateY(-6px)}
        .sr-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 16px}
        .sr-icon-1{background:var(--cdl-azul-bg);color:var(--cdl-azul)}
        .sr-icon-2{background:var(--cdl-dourado-bg);color:var(--cdl-dourado-escuro)}
        .sr-icon-3{background:#DCFCE7;color:var(--verde)}
        .sr-icon-4{background:#FEE2E2;color:var(--vermelho)}
        .sr-card h3{font-size:1rem;font-weight:700;color:var(--cdl-azul);margin-bottom:8px;font-family:var(--font)}
        .sr-card p{font-size:.82rem;color:var(--texto-3);line-height:1.5}

        /* ===== NEWSLETTER ===== */
        .newsletter{background:var(--cdl-azul-escuro);padding:48px 0}
        .newsletter .container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
        .newsletter h2{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:8px}
        .newsletter p{color:rgba(255,255,255,.7);font-size:.92rem}
        .newsletter-form{display:flex;gap:12px}
        .newsletter-form input{flex:1;padding:14px 18px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);background:rgba(255,255,255,.06);color:#fff;font-family:var(--font-body);font-size:.92rem}
        .newsletter-form input::placeholder{color:rgba(255,255,255,.4)}
        .newsletter-form input:focus{outline:none;border-color:var(--cdl-dourado)}

        /* ===== FOOTER ===== */
        .footer{background:#061B33;color:rgba(255,255,255,.6);padding:56px 0 24px}
        .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px}
        .footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}
        .footer-logo .logo-img{max-height:48px;filter:brightness(0) invert(1);opacity:.9}
        .footer-col p{font-size:.84rem;line-height:1.7;margin-bottom:16px}
        .footer-col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:18px}
        .footer-col ul li{margin-bottom:10px}
        .footer-col ul li a{font-size:.84rem;color:rgba(255,255,255,.55)}
        .footer-col ul li a:hover{color:var(--cdl-dourado);padding-left:4px}
        .footer-social{display:flex;gap:10px;margin-top:16px}
        .footer-social a{width:36px;height:36px;background:rgba(255,255,255,.06);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:.85rem}
        .footer-social a:hover{background:var(--cdl-dourado);color:#fff;transform:translateY(-3px)}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
        .footer-bottom p{font-size:.78rem;color:rgba(255,255,255,.4)}
        .footer-bottom a{font-size:.78rem;color:rgba(255,255,255,.4)}
        .footer-bottom a:hover{color:var(--cdl-dourado)}

        /* ===== RESPONSIVO ===== */
        @media(max-width:1024px){
            .main-grid{grid-template-columns:1fr}
            .sidebar{position:static;flex-direction:column}
            .podcast-grid{grid-template-columns:1fr}
            .mk-grid{grid-template-columns:1fr}
            .ad-grid{grid-template-columns:repeat(3,1fr)}
        }
        @media(max-width:968px){
            .hero-grid{grid-template-columns:1fr}
            .inst-bar .container{grid-template-columns:1fr 1fr;gap:24px 0}
            .inst-bar .inst-divider:nth-child(even){display:none}
            .news-grid{grid-template-columns:1fr}
            .sr-grid{grid-template-columns:repeat(2,1fr)}
            .newsletter .container{grid-template-columns:1fr}
            .footer-grid{grid-template-columns:1fr 1fr}
            .mk-formats{grid-template-columns:1fr}
            .mk-stats{grid-template-columns:1fr 1fr}
        }
        @media(max-width:768px){
            .nav{display:none}
            .nav-cta .btn-associe{display:none}
            .mobile-toggle{display:block}
            .nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px 24px;gap:4px;border-bottom:1px solid var(--linha);box-shadow:var(--shadow-lg)}
            .nav.mobile-open a{width:100%;padding:12px 16px}
            .destaque-principal{min-height:340px}
            .destaque-principal h2{font-size:1.3rem}
            .rep-faixa .container{gap:20px}
            .rep-divider{display:none}
            .sr-grid{grid-template-columns:1fr}
            .footer-grid{grid-template-columns:1fr}
            .inst-bar .container{grid-template-columns:1fr 1fr}
            .mk-stats{grid-template-columns:1fr}
            .newsletter-form{flex-direction:column}
            .news-card{flex-direction:column;align-items:flex-start}
            .news-thumb{width:100%;height:140px}
            .logo-img{max-height:44px}
            .ad-grid{grid-template-columns:repeat(2,1fr)}
            .banner-topo-ad{flex-direction:column;text-align:center}
            .banner-topo-ad .ad-text{text-align:center}
        }