/* Variáveis do tema anterior, usadas pelos módulos de formulário, votação e download. */
:root {

    --el-font: 'Plus Jakarta Sans', sans-serif;
    --el-font-elementor: var(--e-global-typography-primary-font-family, 'Plus Jakarta Sans'), sans-serif;

    /* Brand */
    --el-orange:         #FF7A03;
    --el-orange-hover:   #E06D00;
    --el-orange-press:   #B35500;
    --el-orange-aaa:     #FFB36B;
    --el-orange-light:   #7A3A00;
    --el-red:            #F90807;
    --el-red-hover:      #D10706;

    /* Superfícies dark */
    --el-bg-base:        #000000;
    --el-bg-raised:      #0D0D0D;
    --el-bg-card:        #141414;
    --el-bg-overlay:     #1F1F1F;
    --el-bg-input:       #1A1A1A;
    --el-border:         #2A2A2A;
    --el-border-subtle:  #1E1E1E;
    --el-border-strong:  #242424;

    /* Superfícies light */
    --el-light-bg-base:        #FFFFFF;
    --el-light-bg-raised:      #F5F4F1;
    --el-light-bg-card:        #ECEAE6;
    --el-light-bg-overlay:     #E4E3DF;
    --el-light-border:         #DDDBD6;
    --el-light-border-subtle:  #EEECE8;

    /* Texto dark */
    --el-text-primary:   #FFFFFF;
    --el-text-secondary: #EBEBEB;
    --el-text-body:      #D4D4D4;
    --el-text-muted:     #B8B8B8;
    --el-text-hint:      #9A9A9A;
    --el-text-disabled:  #555555;

    /* Texto light */
    --el-light-text-primary:   #111110;
    --el-light-text-secondary: #2E2D2B;
    --el-light-text-body:      #4A4845;
    --el-light-text-muted:     #6E6C68;

    /* Links */
    --el-link:         #FFB36B;
    --el-link-hover:   #FF8F2E;
    --el-light-link:       #7A3A00;
    --el-light-link-hover: #B35500;

    /* Espaçamento 4pt */
    --el-sp-1:  4px;
    --el-sp-2:  8px;
    --el-sp-3:  12px;
    --el-sp-4:  16px;
    --el-sp-5:  24px;
    --el-sp-6:  32px;
    --el-sp-7:  48px;
    --el-sp-8:  64px;
    --el-sp-9:  96px;
    --el-sp-10: 128px;

    /* Border radius */
    --el-r-xs:   2px;
    --el-r-sm:   4px;
    --el-r-md:   8px;
    --el-r-lg:   12px;
    --el-r-xl:   16px;
    --el-r-pill: 999px;

    /* Tipografia */
    --el-h6-size: 13px; --el-h6-weight: 700; --el-h6-tracking: 0.06em; --el-h6-lh: 18px;
    --el-body-size: 16px; --el-body-weight: 400; --el-body-lh: 26px;
    --el-body-sm-size: 14px; --el-body-sm-lh: 21px;
    --el-caption-size: 12px; --el-caption-tracking: 0.02em; --el-caption-lh: 17px;
    --el-prose-width: 680px;
    --el-toc-width:   220px;

    /* Layout */
    --el-sidebar-width: 280px;
    --el-section-gap:   40px;
    --el-grid-gap:      24px;

    /* Botões */
    --el-btn-md-h: 44px;
    --el-focus-ring: 0 0 0 3px #FFB36B;

    /* Transições */
    --el-transition-fast:   .2s ease;
    --el-transition-normal: .25s ease;
    --el-transition-slow:   .35s ease;

    /* Cores de tag (apenas as categorias ativas) */
    --el-cat-financeiro:        #FFCC50;
    --el-cat-saude:             #FF9650;
    --el-cat-industria:         #7AACFF;
    --el-cat-educacao:          #5ECF8A;
    --el-cat-logistica:         #64B4FF;
    --el-cat-direito:           #B4DC64;
    --el-cat-alimentos:         #50C8C8;
    --el-cat-energia:           #FFD45E;
    --el-cat-engenharia:        #FF6090;
    --el-cat-imobiliario:       #B896FF;
    --el-cat-moda:              #FF7A03;
    --el-cat-rh:                #FCACAC;
    --el-cat-telecomunicacao:   #3EC878;
    --el-cat-noticias:          #FF5A5F;
    --el-cat-default:           #9A9A9A;
}

/* Botão de material para download */
.el-dl-post-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             8px;
    background:      var(--el-orange);
    color:           #fff !important;
    text-decoration: none !important;
    font-family:     var(--el-font-elementor);
    font-size:       11px;
    font-weight:     700;
    letter-spacing:  .06em;
    text-transform:  uppercase;
    padding:         10px 20px;
    border-radius:   var(--el-r-pill);
    border:          none;
    cursor:          pointer;
    transition:      background var(--el-transition-fast);
    white-space:     nowrap;
}

.el-dl-post-btn:hover { background: var(--el-orange-hover); color: #fff !important; }

.el-dl-post-btn svg { stroke: #fff; flex-shrink: 0; width: 14px; height: 14px; }