/* base-downloads.css */
:root {
    --dl-bg: #F7F7F8;
    --dl-bg-alt: #FFFFFF;
    --dl-bg-escuro: #111118;
    --dl-bg-mutado: #EAEAEE;
    
    --dl-texto-principal: #111118;
    --dl-texto-secundario: #555562;
    --dl-texto-mutado: #888894;
    
    --dl-texto-claro: #F7F7F8;
    --dl-texto-claro-sec: #A6A7B3;
    
    --dl-destaque: #6A69F4;
    --dl-destaque-hover: #7978F5;
    
    --dl-borda: rgba(0, 0, 0, 0.08);
    --dl-borda-escura: rgba(255, 255, 255, 0.1);
    
    --dl-fonte-principal: "Instrument Sans", system-ui, sans-serif;
    --dl-fonte-mono: "IBM Plex Mono", monospace;
    
    --dl-container: 1200px;
}

body.downloads-page {
    background-color: var(--dl-bg);
    color: var(--dl-texto-principal);
    font-family: var(--dl-fonte-principal);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    line-height: 1.5;
}

/* Utilitarios */
.dl-container {
    width: min(100% - 48px, var(--dl-container));
    margin-inline: auto;
}

.dl-secao {
    padding: 120px 0;
}

.dl-secao-branca {
    background-color: var(--dl-bg-alt);
    border-top: 1px solid var(--dl-borda);
    border-bottom: 1px solid var(--dl-borda);
}

.dl-label {
    display: block;
    font-family: var(--dl-fonte-mono);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--dl-texto-mutado);
    text-transform: uppercase;
    margin-bottom: 16px;
}

.dl-titulo-secao {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--dl-texto-principal);
    letter-spacing: -0.03em;
    margin-bottom: 24px;
    margin-top: 0;
}

.dl-desc-secao {
    font-size: 1.1rem;
    color: var(--dl-texto-secundario);
    max-width: 600px;
    margin-bottom: 48px;
}

.dl-link-seta {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    color: var(--dl-destaque);
    text-decoration: none;
    transition: transform 0.2s;
}

.dl-link-seta:hover {
    transform: translateX(4px);
}

.dl-botao-primario, .dl-botao-secundario {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    font-weight: 500;
    border-radius: 999px;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    border: none;
    font-size: 1rem;
}

.dl-botao-primario {
    background-color: var(--dl-destaque);
    color: #fff;
}

.dl-botao-primario:hover:not(:disabled) {
    background-color: var(--dl-destaque-hover);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(106, 105, 244, 0.3);
}

.dl-botao-primario:disabled, .dl-botao-primario[disabled] {
    background-color: var(--dl-bg-mutado);
    color: var(--dl-texto-mutado);
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.dl-botao-secundario {
    background-color: transparent;
    color: var(--dl-texto-principal);
    border: 1px solid var(--dl-borda);
}

.dl-botao-secundario:hover {
    background-color: var(--dl-bg-mutado);
}

.dl-botao-secundario.dl-dark {
    color: var(--dl-texto-claro);
    border-color: rgba(255,255,255,0.2);
}

.dl-botao-secundario.dl-dark:hover {
    background-color: rgba(255,255,255,0.1);
}