/* Ordem das camadas (insumos/10 §3.1). Todo arquivo de saída começa com esta linha.
   "importantes": declarações que o tema marca com !important, sem o !important (T046), numa camada
   acima das páginas, para continuarem ganhando das regras comuns do tema como hoje. */
@layer reset, tokens, base, layout, componentes, paginas, importantes, utilitarios;

/* 01-reset.css */
/*
 * Reset do próprio tema wp-drift-master (style.css), traduzido. Não é um reset moderno: mudaria o desenho.
 * Única diferença: sai o ":focus { outline: 0 }" do tema; o foco passa a aparecer só no teclado
 * (60-utilitarios.css, Q28, DIV-001).
 */
@layer reset {
  *, *::before, *::after { box-sizing: inherit; }

  html, body { height: 100%; }

  html {
    box-sizing: border-box;
    scroll-behavior: smooth;
  }

  /* Meyer Reset */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video, main, dialog {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
  }

  a { text-decoration: none; }
  a:visited { color: inherit; }

  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, main { display: block; }

  body { line-height: normal; }
  ol, ul { list-style: none; }
  blockquote, q { quotes: none; }
  blockquote::before, blockquote::after, q::before, q::after { content: none; }
  table { border-collapse: collapse; border-spacing: 0; }

  pre {
    background: #efefef;
    font-family: 'verdana', sans-serif;
    font-size: 0.875rem; /* 14px */
    padding: 10px;
    white-space: pre-wrap;
    border: 1px solid #d9d9d9;
    word-break: break-word;
    color: #6d6d6d;
  }

  img { max-width: 100%; height: auto; }
}

/* 10-tokens.css */
/*
 * 10-tokens.css: cópia de design/tokens.css na camada tokens (insumos/10 §3.2). Única conversão: tamanhos
 * tipográficos em rem (px ÷ 16), com o valor em px no comentário. A checagem (montagem/testes/css.test.mjs)
 * compara os dois arquivos.
 *
 * tokens.css | cristalcopo.com.br (design atual, captura 1440 px, 23/09/2026)
 * Fontes: 21 análises do Design Oracle (design/analises.csv), CSS do tema wp-drift-master,
 * getComputedStyle via Playwright e amostra de pixel nas capturas.
 * Os tokens-resumo do Design Oracle (background #fef84c, h1 16px) foram descartados: heurísticos.
 * Mesmo conteúdo de tokens.json.
 */
@layer tokens {
:root {

  /* cor-marca: Variáveis :root do tema wp-drift-master (CSS combinado 45b31cd3…css baixado da home); as cores medidas por getComputedStyle nas outras 20 páginas batem com estes valores (Playwright, 1440 px, 23/09/2026). */
  --cor-azul: #283480;
  --cor-azul-i: #17479d;
  --cor-azul-claro: #08a4de;
  --cor-azul-claro-i: #1481c2;
  --cor-vermelho: #a5120d;
  --cor-vermelho-claro: #dc201c;
  --cor-vermelho-botao: #c72322;
  --cor-verde: #73d87e;
  --cor-verde-prod-bio: #428d13;
  --cor-personalize: #ffd700;
  --cor-preto: #000000;
  --cor-branco: #ffffff;

  /* cor-linha-produto: Variáveis :root do tema (cores de material/linha usadas em selos e títulos de categoria de produto; poliestireno e polipropileno confirmados em h3 da página institucional). */
  --cor-poliestireno: #2183c6;
  --cor-polipropileno: #bf2215;
  --cor-liquidos-quentes: #e64926;
  --cor-antiestatico: #1481c2;
  --cor-uso-consumo: #f18516;
  --cor-descartaveis: #16a6f1;

  /* cor-categoria-noticia: Variáveis :root do tema; aplicadas nas pílulas do filtro de categorias (lista-de-noticias, arquivo-categoria-noticias) e no h2 do arquivo (Mercado #da2d28 medido em /category/mercado/). */
  --cor-cat-mercado: #da2d28;
  --cor-cat-equipe: #16a6f1;
  --cor-cat-sustentabilidade: #309260;
  --cor-cat-lancamentos: #f7a600;
  --cor-cat-eventos: #6194cf;
  --cor-cat-comunicados: #832d98;

  /* cor-apoio: Cores fixas (fora das variáveis) lidas no CSS do tema e confirmadas por getComputedStyle nos elementos indicados. */
  --cor-submenu-link: #1569b2;
  --cor-newsletter-botao: #157abd;
  --cor-tabela-borda: #197fc2;
  --cor-tabela-subtitulo: #2287c9;
  --cor-fundo-cinza: #eeeeee;
  --cor-fundo-cinza-claro: #f5f5f5;
  --cor-fundo-filtro-noticias: #f9f9f9;
  --cor-download-destaque: #3ebdff;
  --cor-verde-gradiente-inicio: #30925f;
  --cor-verde-gradiente-fim: #69b871;
  --cor-orcamento: #e3312b;
  --cor-select-fundo: #1659a9;
  --cor-select-mapa: #156cb5;
  --cor-placeholder: #e4e4e4;
  --cor-input-texto-cinza: #aaaaaa;
  --cor-input-contato: rgb(23 71 157 / 0.7);

  /* cor-fundo-imagem: Amostra de pixel nas capturas 1440 px do Design Oracle (fundos que são imagem/SVG, não cor CSS). Valores aproximados: podem variar alguns pontos por compressão e gradiente. */
  --cor-rodape-fundo: #0e129a;
  --cor-menu-gradiente-inicio: #05109c;
  --cor-menu-gradiente-fim: #121846;
  --cor-home-noticias-fundo: #fd6021;
  --cor-home-faixa-azul-inicio: #132060;
  --cor-home-faixa-azul-fim: #1940a4;
  --cor-home-hero-fundo: #f0fcff;
  --cor-institucional-vermelho: #d02825;
  --cor-institucional-azul: #1471b7;
  --cor-representantes-onda: #155fac;
  --cor-noticia-onda-verde: #3f9c64;

  /* cor-cookie: Banner de cookies div.cc-window (plugin), getComputedStyle, igual nas 21 páginas. */
  --cookie-fundo: #ffffff;
  --cookie-texto: #000000;
  --cookie-borda: rgb(0 0 0 / 0.2);
  --cookie-botao-aceitar-fundo: #000000;
  --cookie-botao-aceitar-texto: #ffffff;

  /* fonte-familia: @font-face inline no HTML (arquivos .otf em /wp-content/themes/wp-drift-master/fontes/); uso medido com getComputedStyle. Fallbacks: sugeridos, o tema só declara sans-serif. */
  --fonte-titulo: "WeeklyAlt", "Trebuchet MS", Georgia, sans-serif;
  --fonte-texto: "RawsonPro", "Segoe UI", Arial, sans-serif;
  --fonte-apoio: "Segoe", "Segoe UI", Arial, sans-serif;
  --fonte-destaque: "Nexa", "Montserrat", Arial, sans-serif;
  --fonte-script: "NexaRustScript", "Brush Script MT", cursive;
  --fonte-base: Arial, Helvetica, sans-serif;
  --fonte-cookie: Helvetica, Calibri, Arial, sans-serif;

  /* tipo-escala: getComputedStyle em 1440 px por nível e tipo de página (WeeklyAlt em itálico salvo indicação). Há vários tamanhos para o mesmo nível: ver CONFLITOS no DESIGN.md. O valor do token é o mais frequente. */
  --tipo-h1-lista: 2rem; /* 32px */
  --tipo-h1-catalogo: 1.625rem; /* 26px */
  --tipo-h1-post: 1.5625rem; /* 25px */
  --tipo-h1-contato: 1.375rem; /* 22px */
  --tipo-h1-sustentabilidade: 1.8125rem; /* 29px */
  --tipo-h2-secao: 1.375rem; /* 22px */
  --tipo-h2-arquivo: 1.5625rem; /* 25px */
  --tipo-h2-nexa: 1.85rem; /* 29.6px */
  --tipo-h2-nexa-grande: 2.7875rem; /* 44.6px */
  --tipo-h3: 1.375rem; /* 22px */
  --tipo-h3-medio: 1.25rem; /* 20px */
  --tipo-card-titulo: 1.125rem; /* 18px */
  --tipo-rodape-titulo: 1.0625rem; /* 17px */
  --tipo-menu: 0.9375rem; /* 15px */
  --tipo-post-h1: 1.875rem; /* 30px */
  --tipo-post-h2: 1.625rem; /* 26px */
  --tipo-post-h3: 1.375rem; /* 22px */
  --tipo-post-h4: 1.125rem; /* 18px */
  --tipo-lead: 1.0625rem; /* 17px */
  --tipo-corpo: 0.875rem; /* 14px */
  --tipo-tabela: 0.8125rem; /* 13px */
  --tipo-pequeno: 0.75rem; /* 12px */
  --tipo-base-navegador: 1rem; /* 16px */
  --peso-regular: 400;
  --peso-medio: 500;
  --peso-semibold: 600;
  --peso-bold: 700;
  --altura-linha-padrao: normal;
  --altura-linha-rodape: 20px;
  --altura-linha-th: 15px;
  --altura-linha-cookie: 24px;

  /* espaco: Valores de padding/margin do CSS do tema e do result.json (spacing.scale presente nas 21 análises: 0-6, 8, 10, 12, 15, 16, 20, 24, 25, 40). Sem sistema de 4/8 px: o tema usa múltiplos de 5 somados a valores avulsos. */
  --espaco-4: 4px;
  --espaco-5: 5px;
  --espaco-6: 6px;
  --espaco-8: 8px;
  --espaco-10: 10px;
  --espaco-15: 15px;
  --espaco-20: 20px;
  --espaco-25: 25px;
  --espaco-28: 28px;
  --espaco-30: 30px;
  --espaco-35: 35px;
  --espaco-40: 40px;
  --espaco-45: 45px;
  --espaco-50: 50px;
  --espaco-75: 75px;
  --espaco-100: 100px;
  --espaco-125: 125px;
  --espaco-145: 145px;

  /* raio: border-radius do CSS do tema (contagem de ocorrências) conferido em getComputedStyle; result.json registra 5, 15, 16 e 50 em todas as análises. */
  --raio-cookie-botao: 5px;
  --raio-card-download: 10px;
  --raio-submenu: 0 11px 11px 11px;
  --raio-textarea: 12px;
  --raio-imagem: 13px;
  --raio-campo: 15px;
  --raio-campo-newsletter: 16px;
  --raio-produto-titulo: 19px;
  --raio-botao-orcamento: 36px;
  --raio-pilula: 50px;
  --raio-barra-filtro: 300px;
  --raio-barra-filtro-noticias: 200px;
  --raio-card-representante: 500px;
  --raio-circulo: 50%;

  /* sombra: Só 2 sombras no site (o result.json não detectou nenhuma): banner de cookies (getComputedStyle) e menu lateral móvel shiftnav (CSS). */
  --sombra-cookie: 1px 2px 4px 0 rgb(0 0 0 / 0.1);
  --sombra-menu-movel: 0 0 15px rgb(0 0 0 / 0.5);

  /* layout: Larguras medidas em 1440 px (elementos centralizados) e max-width do CSS do tema. O result.json (max_container_width 260 a 520) não é confiável aqui. */
  --largura-conteudo: 1175px;
  --largura-conteudo-estreita: 1110px;
  --largura-lista-noticias: 1130px;
  --largura-tabela-min: 800px;
  --largura-modal-textos: 828px;
  --largura-galeria: 750px;
  --largura-card-download: 673px;
  --gutter: 15px;
  --altura-header: 60px;
  --largura-logo: 250px;
  --transicao-padrao: 0.3s all;

  /* breakpoint: @media do CSS do tema (max-width). Plugins acrescentam 1024, 960, 782, 768, 576, 480 e outros. CSS custom properties não funcionam dentro de @media: use como referência. */
  --bp-1700: 1700px;
  --bp-1500: 1500px;
  --bp-1400: 1400px;
  --bp-1200: 1200px;
  --bp-1100: 1100px;
  --bp-1000: 1000px;
  --bp-800: 800px;
  --bp-767: 767px;
  --bp-600: 600px;
  --bp-475: 475px;
  --bp-400: 400px;
}
}

/* 11-tokens-por-tipo.css */
/*
 * 11-tokens-por-tipo.css: tokens de papel por [data-tipo] (Q27, cópia por página).
 * Cada tipo declara o conjunto completo de --papel-*, mesmo quando o valor é igual ao de outro tipo,
 * para que mudar um tipo nunca vaze para outro. Conflitos 1, 3, 4, 6, 11 e 14 de design/DESIGN.md.
 * A checagem (montagem/testes/css.test.mjs) falha se algum tipo gerado não tiver o conjunto inteiro.
 */
@layer tokens {
  /*
   * Primitivos que faltam em design/tokens.css (insumos/11 §1.6) e pilhas de fonte literais do tema
   * (insumos/11 §1.5): o Oracle lista toda família citada em font-family, então as reservas sugeridas
   * em tokens.css não entram nos componentes. As faces " Reserva" (20-base.css, T150) são métrica
   * ajustada para a troca de fonte e o comparador as ignora.
   */
  :root {
    --pilha-titulo: "WeeklyAlt", "WeeklyAlt Reserva", sans-serif;
    --pilha-texto: "RawsonPro", "RawsonPro Reserva", sans-serif;
    --pilha-apoio: "Segoe", sans-serif;
    --pilha-destaque: "Nexa", sans-serif;
    --pilha-script: "NexaRustScript", sans-serif;
    --pilha-base: "Arial", sans-serif;
    --pilha-cookie: Helvetica, Calibri, Arial, sans-serif;

    --tipo-produto-titulo: 1.3125rem; /* 21px */
    --tipo-downloads-h3: 1.90625rem; /* 30.5px */
    --tipo-download-nome: 1.15625rem; /* 18.5px */
    --tipo-card-resumo: 0.9375rem; /* 15px */
    --tipo-citacao-aspas: 4.6875rem; /* 75px */
    --tipo-menu-movel: 1.125rem; /* 18px */
    --tipo-submenu-movel: 1rem; /* 16px */
    --tipo-consentimento: 0.75rem; /* 12px */
    --cor-carrossel-ativo: #1578bc;
    --cor-slide-bola: #fa5e27;
    --cookie-botao-aceitar-hover: #222222;
    --cor-botao-tabela: var(--cor-cat-sustentabilidade);
    --cor-janela-fundo: rgb(255 255 255 / 0.6);
    --cor-fundo-azul-janela: rgb(22 166 241 / 0.9);
    --cor-botao-enviar-janela: var(--cor-verde-gradiente-fim);
    --gradiente-catalogo: linear-gradient(to right, rgb(20 130 194) 0%, rgb(23 70 157) 100%);

    --duracao-padrao: 0.3s;
    --duracao-painel: 0.5s;
    --duracao-fade-slide: 300ms;
    --duracao-banner: 1s;
    --largura-painel-movel: 290px;
    --altura-botao-menu-movel: 56px;
    color-scheme: light;
  }

  @media (prefers-reduced-motion: reduce) {
    :root {
      --duracao-padrao: 0s;
      --duracao-painel: 0s;
      --duracao-fade-slide: 0s;
      --duracao-banner: 0s;
    }
  }

  [data-tipo="home"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h2-secao); /* h1 promovido de h2 22px (E4) */
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold); /* 22 700 itálico, conflito 4 */
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 274px; /* conflito 6 */
    --papel-cartao-altura: 370px;
    --papel-cartao-titulo-cor: var(--cor-branco);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="pagina-institucional"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h2-secao); /* h1 promovido do topo */
    --papel-h1-peso: var(--peso-medio);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-medio); /* 22 500, conflito 4 */
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-base-navegador); /* 16 itálico branco, conflito 11 */
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-branco);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="linha-de-produtos"] {
    --papel-largura-conteudo: var(--largura-conteudo-estreita); /* 1110px, conflito 1 */
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h1-catalogo); /* 26px, conflito 3 */
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-semibold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-cinza); /* conflito 14 */
    --papel-barra-filtro-raio: var(--raio-barra-filtro);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="categoria-de-produto"] {
    --papel-largura-conteudo: var(--largura-conteudo-estreita); /* 1110px, conflito 1 */
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h1-catalogo); /* 26px, conflito 3 */
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-semibold); /* tabela 22 600, conflito 4 */
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-corpo); /* 14 normal, conflito 11 */
    --papel-texto-estilo: normal;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-cinza); /* conflito 14 */
    --papel-barra-filtro-raio: var(--raio-barra-filtro);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="lista-de-noticias"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h1-lista);
    --papel-h1-peso: var(--peso-semibold);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px; /* conflito 6 */
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="arquivo-categoria-noticias"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h1-lista);
    --papel-h1-peso: var(--peso-semibold);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-arquivo); /* 25 600, conflito 4 */
    --papel-h2-peso: var(--peso-semibold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 263px; /* conflito 6 */
    --papel-cartao-altura: 466px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="noticia"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h1-post); /* 25 600 branco, conflito 3 */
    --papel-h1-peso: var(--peso-semibold);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-branco);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-corpo); /* 14 normal, conflito 11 */
    --papel-texto-estilo: normal;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="sustentabilidade"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h1-post); /* 25 600 branco, conflito 3 */
    --papel-h1-peso: var(--peso-semibold);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-branco);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-corpo);
    --papel-texto-estilo: normal;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="lista-de-sustentabilidade"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-script); /* NexaRustScript 29, conflito 3 */
    --papel-h1-tamanho: var(--tipo-h1-sustentabilidade);
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-branco);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 351px; /* conflito 6 */
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-cat-sustentabilidade);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="lista-de-representantes"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h2-secao); /* h1 promovido do h3 de hoje */
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="contato"] {
    --papel-largura-conteudo: var(--largura-conteudo-estreita); /* 1110px, conflito 1 */
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-h1-contato); /* 22 700, conflito 3 */
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: italic;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="lista-de-downloads"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--pilha-titulo);
    --papel-h1-tamanho: var(--tipo-downloads-h3); /* 30,5 px sem itálico, conflito 5 */
    --papel-h1-peso: var(--peso-semibold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-azul-i);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-download-nome); /* 18,5 #16a6f1, conflito 11 */
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-descartaveis);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="produto"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--fonte-base); /* templates vazios: h1 16 Arial, conflito 3 */
    --papel-h1-tamanho: var(--tipo-base-navegador);
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-preto);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="representante"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--fonte-base); /* templates vazios: h1 16 Arial, conflito 3 */
    --papel-h1-tamanho: var(--tipo-base-navegador);
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-preto);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="localidade"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--fonte-base); /* templates vazios: h1 16 Arial, conflito 3 */
    --papel-h1-tamanho: var(--tipo-base-navegador);
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-preto);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="vaga"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--fonte-base); /* templates vazios: h1 16 Arial, conflito 3 */
    --papel-h1-tamanho: var(--tipo-base-navegador);
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-preto);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="arquivo-download"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--fonte-base); /* templates vazios: h1 16 Arial, conflito 3 */
    --papel-h1-tamanho: var(--tipo-base-navegador);
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-preto);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }

  [data-tipo="trabalhe-conosco"] {
    --papel-largura-conteudo: var(--largura-conteudo);
    --papel-h1-familia: var(--fonte-base); /* templates vazios: h1 16 Arial, conflito 3 */
    --papel-h1-tamanho: var(--tipo-base-navegador);
    --papel-h1-peso: var(--peso-bold);
    --papel-h1-estilo: normal;
    --papel-h1-cor: var(--cor-preto);
    --papel-h2-familia: var(--pilha-titulo);
    --papel-h2-tamanho: var(--tipo-h2-secao);
    --papel-h2-peso: var(--peso-bold);
    --papel-h2-estilo: italic;
    --papel-h2-cor: var(--cor-azul-i);
    --papel-texto-familia: var(--pilha-texto);
    --papel-texto-tamanho: var(--tipo-lead);
    --papel-texto-estilo: italic;
    --papel-texto-cor: var(--cor-azul-claro-i);
    --papel-cartao-largura: 258px;
    --papel-cartao-altura: 400px;
    --papel-cartao-titulo-cor: var(--cor-azul-i);
    --papel-barra-filtro-fundo: var(--cor-fundo-filtro-noticias);
    --papel-barra-filtro-raio: var(--raio-barra-filtro-noticias);
    --papel-foco-cor: var(--cor-azul-i);
  }
}

/* 20-base.css */
/*
 * Base: @font-face, elementos sem classe e scroll-padding (insumos/10 §3.1, RA11Y-16).
 * Fontes (Q16, insumos/11 §1.5): WOFF2 com subconjunto latino em ativos/fontes/ (T025, licença web
 * [CONFIRMAR DADO]). Nexa e NexaRustScript só têm arquivo 400; o 700 de hoje é negrito sintético e
 * continua assim (font-synthesis padrão). Segoe só por local() (DIV-004). Font Awesome não entra:
 * os ícones do menu do celular são SVG (ativos/icones/menu.svg e fechar.svg).
 */
@layer base {
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-400-normal.1ae134a9f0.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-400-italico.1fab953d17.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-500-normal.cd96738176.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-500-italico.4898e51087.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-600-normal.bf40a688e6.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-600-italico.b304328646.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-700-normal.211dcf76ef.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "WeeklyAlt";
    src: url("/ativos/fontes/weeklyalt-700-italico.5f0a3e6dc3.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "RawsonPro";
    src: url("/ativos/fontes/rawsonpro-400-normal.eabcbad576.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "RawsonPro";
    src: url("/ativos/fontes/rawsonpro-400-italico.e5bce85e4f.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "RawsonPro";
    src: url("/ativos/fontes/rawsonpro-500-normal.b77ec440dd.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "RawsonPro";
    src: url("/ativos/fontes/rawsonpro-500-italico.cac56336a8.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "RawsonPro";
    src: url("/ativos/fontes/rawsonpro-600-normal.4e73ab8d21.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "RawsonPro";
    src: url("/ativos/fontes/rawsonpro-600-italico.7eacccb078.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Nexa";
    src: url("/ativos/fontes/nexa-400-normal.2893e71e54.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "NexaRustScript";
    src: url("/ativos/fontes/nexarustscript-400-normal.c648aa293a.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  /*
   * Reservas de métrica ajustada (T150, insumos/08 §8.1, insumos/11 §2.3): enquanto WeeklyAlt e
   * RawsonPro carregam (font-display: swap), o texto sai em Arial local com a largura média e as
   * alturas de linha das fontes do tema, para a troca deslocar pouco o layout. Valores medidos com
   * fontTools (hmtx de uma frase do site e hhea) contra a Arial do macOS; o comparador do Oracle
   * ignora famílias com sufixo " Reserva". Sem Arial local, a face falha e vale o sans-serif da pilha.
   * Com a fonte do tema carregada, nada muda no desenho.
   * T161: uma face de reserva por peso e estilo (Arial nos pesos 400 e 500, Arial Bold em 600 e 700),
   * com size-adjust = largura da frase na fonte do tema / largura na Arial, medida no Chromium
   * (canvas measureText, 100 px), e as alturas das fontes do tema (ascent 0,98/0,97, descent 0,22/0,23,
   * sem line gap) divididas pelo size-adjust, porque o Chromium aplica o size-adjust também a elas.
   */
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial"), local("ArialMT"), local("Liberation Sans");
    font-weight: 400;
    font-style: normal;
    size-adjust: 105.93%;
    ascent-override: 92.51%;
    descent-override: 20.77%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial Italic"), local("Arial-ItalicMT"), local("Liberation Sans Italic");
    font-weight: 400;
    font-style: italic;
    size-adjust: 105.71%;
    ascent-override: 92.71%;
    descent-override: 20.81%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial"), local("ArialMT"), local("Liberation Sans");
    font-weight: 500;
    font-style: normal;
    size-adjust: 107.39%;
    ascent-override: 91.26%;
    descent-override: 20.49%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial Italic"), local("Arial-ItalicMT"), local("Liberation Sans Italic");
    font-weight: 500;
    font-style: italic;
    size-adjust: 107.17%;
    ascent-override: 91.44%;
    descent-override: 20.53%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold");
    font-weight: 600;
    font-style: normal;
    size-adjust: 101.80%;
    ascent-override: 96.27%;
    descent-override: 21.61%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial Bold Italic"), local("Arial-BoldItalicMT"), local("Liberation Sans Bold Italic");
    font-weight: 600;
    font-style: italic;
    size-adjust: 101.62%;
    ascent-override: 96.44%;
    descent-override: 21.65%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold");
    font-weight: 700;
    font-style: normal;
    size-adjust: 103.44%;
    ascent-override: 94.74%;
    descent-override: 21.27%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "WeeklyAlt Reserva";
    src: local("Arial Bold Italic"), local("Arial-BoldItalicMT"), local("Liberation Sans Bold Italic");
    font-weight: 700;
    font-style: italic;
    size-adjust: 103.29%;
    ascent-override: 94.88%;
    descent-override: 21.30%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial"), local("ArialMT"), local("Liberation Sans");
    font-weight: 400;
    font-style: normal;
    size-adjust: 94.87%;
    ascent-override: 102.25%;
    descent-override: 24.24%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial Italic"), local("Arial-ItalicMT"), local("Liberation Sans Italic");
    font-weight: 400;
    font-style: italic;
    size-adjust: 92.44%;
    ascent-override: 104.93%;
    descent-override: 24.88%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial"), local("ArialMT"), local("Liberation Sans");
    font-weight: 500;
    font-style: normal;
    size-adjust: 95.59%;
    ascent-override: 101.48%;
    descent-override: 24.06%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial Italic"), local("Arial-ItalicMT"), local("Liberation Sans Italic");
    font-weight: 500;
    font-style: italic;
    size-adjust: 92.98%;
    ascent-override: 104.32%;
    descent-override: 24.74%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold");
    font-weight: 600;
    font-style: normal;
    size-adjust: 90.11%;
    ascent-override: 107.65%;
    descent-override: 25.52%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial Bold Italic"), local("Arial-BoldItalicMT"), local("Liberation Sans Bold Italic");
    font-weight: 600;
    font-style: italic;
    size-adjust: 88.00%;
    ascent-override: 110.23%;
    descent-override: 26.14%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold");
    font-weight: 700;
    font-style: normal;
    size-adjust: 90.11%;
    ascent-override: 107.65%;
    descent-override: 25.52%;
    line-gap-override: 0%;
  }
  @font-face {
    font-family: "RawsonPro Reserva";
    src: local("Arial Bold Italic"), local("Arial-BoldItalicMT"), local("Liberation Sans Bold Italic");
    font-weight: 700;
    font-style: italic;
    size-adjust: 88.00%;
    ascent-override: 110.23%;
    descent-override: 26.14%;
    line-gap-override: 0%;
  }
  /* Font Awesome 4.7 (SIL OFL 1.1), só os glifos usados: fa-bars, fa-times e fa-filter (T025) */
  @font-face {
    font-family: "FontAwesome";
    src: url("/ativos/fontes/fontawesome-subconjunto.4942e0c853.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: "Segoe";
    src: local("Segoe UI"), local("SegoeUI");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Segoe";
    src: local("Segoe UI"), local("SegoeUI");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Segoe";
    src: local("Segoe UI"), local("SegoeUI");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  html { scroll-padding-top: 0; }
  @media (width > 1000px) {
    /* altura do cabeçalho fixo (RA11Y-16) */
    html { scroll-padding-top: 115px; }
  }

  body {
    font-family: var(--pilha-base);
    overflow-x: hidden;
    text-align: initial;
    background-color: var(--cor-branco);
  }

  /* O tema declara p { font-size: 24px }, mas o style.css do tema (reset, carregado depois) volta
     p para 100%: o tamanho efetivo hoje é o herdado. Por isso não há regra de p aqui. */
  a { color: var(--cor-preto); }

  button { font: inherit; color: inherit; }

  /* <dialog> sem o estilo do navegador; a aparência vem de 40-componentes/janela.css */
  dialog { color: inherit; }
}

/* 30-layout.css */
/* Layout: contêineres e grades (insumos/10 §3.1). Contêiner por tipo de página (Q27, conflito 1). */
@layer layout {
  .overflow { overflow: hidden; }

  .main-grid {
    max-width: var(--papel-largura-conteudo, var(--largura-conteudo));
    margin: 0 auto;
    padding: 0 var(--gutter);
  }

}

/* 40-componentes/alvos.css */
/*
 * Alvos pequenos sem mudar o desenho (T151, RA11Y-15, WCAG 2.5.8): a área clicável cresce com
 * ::after transparente e inset negativo; nada se move e nada muda de cor.
 * O inset para no meio do vão entre vizinhos, para as áreas não se sobreporem. Onde o vão não deixa
 * chegar a 24 px (links do rodapé: 17 px de texto e 5 px entre itens = 22 px), o que falta é a
 * RA11Y-C04 ([CONFIRMAR DADO], muda o espaçamento). Os controles do slider ficam em
 * 50-paginas/home.css, porque a regra do tema está na camada paginas.
 * O axe mede a caixa do elemento, não a do pseudo-elemento: o target-size segue acusando esses nós.
 */
@layer componentes {
  .main-footer .footer ul li a { position: relative; }
  .main-footer .footer ul li a::after {
    content: "";
    position: absolute;
    inset: -2.5px 0;
    background: transparent;
  }
}

/* 40-componentes/banner-cookies.css */
/*
 * Banner de cookies (T122, Q04, componentes.md 1.5, insumos/11 §1.4 linha 5): uma instância, fixa
 * embaixo como hoje, fundo branco, borda 2 px rgb(0 0 0 / .2), sombra, padding 40, texto 16/24
 * Helvetica, Calibri, Arial; entra com opacidade em 1 s (@starting-style; sem transição com movimento
 * reduzido, pela regra de 60-utilitarios.css).
 * Botões com o mesmo tamanho, peso e contraste (RPRIV-08, RA11Y-C05): 40 de altura, raio 5, 14,4 px 700;
 * "Recusar" com contorno preto (hoje é só texto) e "Aceitar" preto como hoje; hover e foco de hoje
 * (Recusar sublinha, Aceitar vai a #222). Diferença registrada como divergência do banner novo (P3).
 * A altura do banner vai em --altura-banner-cookies no <html> (consentimento.mjs) para o
 * scroll-padding-bottom (RA11Y-16).
 */
@layer componentes {
  :root { scroll-padding-bottom: var(--altura-banner-cookies, 0px); }

  .banner-cookies.cc-window {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 10002;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    padding: var(--espaco-40);
    border: 2px solid var(--cookie-borda);
    background-color: var(--cookie-fundo);
    box-shadow: var(--sombra-cookie);
    color: var(--cookie-texto);
    font-family: var(--fonte-cookie);
    font-size: 1rem;
    line-height: var(--altura-linha-cookie);
    opacity: 1;
    transition: opacity 1s ease;
  }
  @starting-style {
    .banner-cookies.cc-window { opacity: 0; }
  }

  .banner-cookies .cc-message {
    flex: 1 1 30em;
    margin: 0;
  }
  .banner-cookies .cc-link {
    color: inherit;
    text-decoration: underline;
  }

  /* Três colunas iguais: os três botões com a mesma largura (RPRIV-08). */
  .banner-cookies .cc-compliance {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5em;
  }

  .banner-cookies .cc-btn,
  .preferencias-cookies .cc-btn {
    box-sizing: border-box;
    min-width: 10em;
    min-height: 40px;
    padding: 0.4em 0.8em;
    border: 2px solid var(--cookie-texto);
    border-radius: var(--raio-cookie-botao);
    background-color: var(--cookie-fundo);
    color: var(--cookie-texto);
    font-family: var(--fonte-cookie);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
  }
  .banner-cookies .cc-btn:hover,
  .banner-cookies .cc-btn:focus-visible,
  .preferencias-cookies .cc-btn:hover,
  .preferencias-cookies .cc-btn:focus-visible { text-decoration: underline; }

  .banner-cookies .cc-btn.cc-allow,
  .preferencias-cookies .cc-btn.cc-allow {
    background-color: var(--cookie-botao-aceitar-fundo);
    color: var(--cookie-botao-aceitar-texto);
  }
  .banner-cookies .cc-btn.cc-allow:hover,
  .banner-cookies .cc-btn.cc-allow:focus-visible,
  .preferencias-cookies .cc-btn.cc-allow:hover,
  .preferencias-cookies .cc-btn.cc-allow:focus-visible {
    border-color: var(--cookie-botao-aceitar-hover);
    background-color: var(--cookie-botao-aceitar-hover);
    text-decoration: none;
  }

  /* Botão "Preferências de cookies" do rodapé e da política (RPRIV-11): texto como link do rodapé. */
  .botao-preferencias-cookies {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
  }
  .botao-preferencias-cookies:hover { opacity: 0.5; }

  /* Lugar de embed de rede social antes do consentimento (T124, Q15, Q20). */
  .embed-social {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    padding: 1em;
    border: 1px solid var(--cookie-borda);
    background-color: var(--cookie-fundo);
    color: var(--cookie-texto);
    font-family: var(--fonte-cookie);
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .embed-social .aviso-embed { margin: 0; }
  .embed-social .link-embed { color: inherit; text-decoration: underline; }
  .embed-social iframe { display: block; max-width: 100%; border: 0; }
  .embed-social[data-carregado] { padding: 0; border: 0; background: none; }

  /* Barra LGPD do RD Station (cookieconsent do scout/bundle.js, injetada depois do aceite de
     Marketing): escondida, porque o nosso banner já colheu o consentimento antes de o loader do RD
     carregar (decisão do Joel, 25/09/2026; DIV-036). O nosso banner também tem .cc-window e
     .cc-banner, por isso o seletor exclui [data-banner-cookies]. !important porque a folha do RD
     entra sem camada e ganharia desta regra em @layer. */
  .cc-window:not([data-banner-cookies]),
  .cc-revoke,
  .cc-grower:not(:has([data-banner-cookies])) { display: none !important; }

  @media (width <= 600px) {
    .banner-cookies.cc-window { padding: 1em; }
    .banner-cookies .cc-compliance { width: 100%; grid-template-columns: 1fr; }
  }
}

/* 40-componentes/botao.css */
/*
 * Família de botões em pílula (componentes.md 4.2, insumos/11 §1.4 linha 24). Variante pelo contexto
 * (seletor da seção), com tokens de componente; valores medidos entram nos CSS de página.
 */
@layer componentes {
  .botao > a,
  a.botao,
  button.botao {
    --botao-cor: var(--cor-azul);
    --botao-py: 8px;
    --botao-px: 25px;
    --botao-raio: var(--raio-pilula);
    display: inline-block;
    padding: var(--botao-py) var(--botao-px);
    border: 1px solid var(--botao-cor);
    border-radius: var(--botao-raio);
    background-color: transparent;
    color: var(--botao-cor);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-weight: var(--peso-semibold);
    line-height: normal;
    cursor: pointer;
    transition: all var(--duracao-padrao);
  }
  .botao > a:hover,
  a.botao:hover,
  button.botao:hover {
    background-color: var(--botao-cor);
    color: var(--cor-branco);
  }
}

/* 40-componentes/busca-lateral.css */
/*
 * Busca da lateral de notícias e projetos (T082, Q13): mesmo desenho da caixa do Ajax Search Pro de
 * hoje (valores computados no site atual em 23/09/2026, 1440 px: caixa de 22 px com contorno azul e
 * raio 15, texto RawsonPro 14 azul claro, lupa de 13 px). O CSS do plugin não entra.
 */
@layer componentes {
  #ajaxsearchpro1_1,
  #ajaxsearchpro1_1 * { box-sizing: content-box; }
  #ajaxsearchpro1_1 .probox {
    display: flex;
    height: 22px;
    overflow: hidden;
    background: var(--cor-branco);
    border: 1px solid var(--cor-azul-i);
    border-radius: 15px;
  }
  #ajaxsearchpro1_1 .proinput {
    position: relative;
    flex: 1 1 auto;
    width: 1px;
    height: 100%;
    margin: 0 0 0 10px;
    padding: 0 5px;
    font-family: var(--pilha-texto);
    font-size: 10px;
    color: var(--cor-azul-claro-i);
  }
  #ajaxsearchpro1_1 .proinput input.orig {
    width: 100%;
    min-width: 120px;
    height: 22px;
    margin: -1px 0 0 -4px;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: var(--pilha-texto);
    font-size: 14px;
    color: var(--cor-azul-claro-i);
    appearance: textfield;
  }
  #ajaxsearchpro1_1 .proinput input.orig::placeholder { color: var(--cor-azul-claro-i); opacity: 0.6; }
  #ajaxsearchpro1_1 .promagnifier {
    flex: 0 0 auto;
    order: 11;
    width: 34px;
    height: 22px;
    background: var(--cor-branco);
  }
  #ajaxsearchpro1_1 .promagnifier .innericon { width: 34px; height: 22px; text-align: center; }
  #ajaxsearchpro1_1 .promagnifier svg {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: 4px;
    fill: var(--cor-azul-claro-i);
  }
}

/* 40-componentes/cabecalho.css */
/*
 * Cabeçalho header.main-header (componentes.md 1.1, mapa-de-componentes 1.1).
 * Fixo acima de 1000 px depois de ~150 px de rolagem: .sticky e [data-fixo] (cabecalho-fixo.mjs).
 */
@layer componentes {
  .sentinela-cabecalho {
    position: absolute;
    top: 151px;
    left: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
  }

  .main-header {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 60px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    transition: all var(--duracao-padrao);
  }
  .main-header.sticky,
  .main-header[data-fixo] { position: fixed; }

  .main-header .header-grid {
    max-width: var(--largura-conteudo-estreita); /* sempre 1110 (DESIGN.md conflito 2) */
    padding: 0 var(--gutter);
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .main-header .custom-logo-link {
    display: block;
    max-width: var(--largura-logo);
    position: relative;
  }
  .main-header .custom-logo-link::before {
    content: url("/ativos/img/fundo-logo-header.d425991122.png");
    position: absolute;
    left: -80px;
    bottom: -65px;
    z-index: -1;
    transform: scale(0.9);
  }
  .main-header img {
    margin-top: 55px;
    transition: all var(--duracao-padrao);
  }

  @media (width <= 1200px) {
    .main-header .custom-logo-link::before {
      left: -100px;
      bottom: -85px;
    }
  }

  @media (width <= 1000px) {
    /* Forma branca atrás do logo no celular (tema, max-width: 1000px). */
    .main-header .custom-logo-link::before {
      content: "";
      background-image: url("/ativos/img/Formas_Logo.71de275770.svg");
      right: -40px;
      left: -100px;
      background-position: bottom;
      height: 150px;
      width: auto;
      transform: none;
      bottom: auto;
      background-size: cover;
      position: absolute;
      top: -50px;
      z-index: -1;
    }
    .main-header img {
      margin-top: 0;
      margin-bottom: 0;
    }
    .main-header .header-grid {
      justify-content: center;
      margin-top: 5px;
    }
    .main-header .custom-logo-link {
      padding: 10px;
      border-radius: 5px;
      margin-top: 20px;
    }
    /* No celular o cabeçalho não acompanha a rolagem (mapa-de-componentes 1.1). */
    .main-header.sticky,
    .main-header[data-fixo] { position: absolute; }
    /* RA11Y-18 (T157/T158): a forma branca do logo (::before, right: -40px) passava 5 px da borda
       direita a 320 px e criava rolagem horizontal. clip (não hidden) corta só o que já está fora da
       janela, sem virar área de rolagem e sem cortar na vertical: nada visível muda. */
    .main-header { overflow-x: clip; }
  }

  @media (width <= 400px) {
    .main-header .custom-logo-link {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .main-header .custom-logo-link img { max-width: 80%; }
  }
}

/* 40-componentes/cartao-noticia.css */
/*
 * Cartão de notícia (T061, componentes.md 3.1): as medidas vêm do CSS do tema em 50-paginas/. Aqui só o
 * que muda porque o "Ler mais" deixou de ser <button> dentro do link (HTML inválido hoje) e virou <span>
 * com a mesma classe: o span precisa se comportar como o botão (caixa em linha com padding).
 */
@layer componentes {
  .noticia-listada .botao-noticia span.botao {
    display: inline-block;
    text-align: center;
  }
}

/* 40-componentes/galeria.css */
/*
 * Galeria do corpo dos posts (T083, componentes.md 3.9): o HTML é o que o slick monta hoje e as medidas
 * vêm do tema (50-paginas/noticia.css e sustentabilidade.css). Aqui só o que o slick fazia por JS e
 * estilo inline: um slide por vez, trilho sem deslocamento e setas como <button> com a imagem de hoje.
 */
@layer componentes {
  .galeria-customizada .slick-list { position: relative; overflow: hidden; }
  .galeria-customizada .slick-arrow {
    padding: 0;
    border: 0;
    background: none;
    line-height: 0;
  }
  .galeria-customizada .slick-arrow img { display: block; height: 100%; width: auto; }
  .galeria-customizada .slick-dots li { list-style: none; }
}

/* Na camada das páginas e com mais especificidade que ".texto-interno-postagem .slick-slider .slick-track a"
   do tema (display: flex), que vem em 50-paginas/. */
@layer paginas {
  .galeria-customizada .slick-track .slick-slide:not(.slick-current) { display: none; }
  /* o slick dá a cada slide a largura do trilho por estilo inline (e o slick.css põe float) */
  .galeria-customizada .slick-track .slick-slide.slick-current { width: 100%; }
}

/* 40-componentes/icone-fa.css */
/* Ícones do Font Awesome 4.7 como hoje (#menu-noticia e ShiftNav): só o necessário do font-awesome.css. */
@layer componentes {
  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 "FontAwesome";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  .fa-bars::before { content: "\f0c9"; }
  .fa-times::before { content: "\f00d"; }
}

/* 40-componentes/janela.css */
/*
 * Janelas (<dialog>): catálogo (formulário 7), orçamento (formulário 5) e sem vagas (componentes.md 1.7).
 * Fundo da página desfocado em 15 px como hoje, agora pelo ::backdrop (RP-48). Abertura com a
 * opacidade de hoje por @starting-style; sem suporte, abre sem animação.
 */
@layer componentes {
  dialog.janela {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    overflow: auto;
    opacity: 0;
    transition: opacity var(--duracao-padrao), overlay var(--duracao-padrao) allow-discrete, display var(--duracao-padrao) allow-discrete;
  }
  dialog.janela[open] {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
  }
  @starting-style {
    dialog.janela[open] { opacity: 0; }
  }
  dialog.janela::backdrop {
    background-color: transparent;
    backdrop-filter: blur(15px);
  }

  .fundo-azul { background-color: var(--cor-fundo-azul-janela); }

  dialog.janela .botao-fechar {
    position: absolute;
    top: 30px;
    right: 25px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: all var(--duracao-padrao);
  }
  dialog.janela .botao-fechar:hover { opacity: 0.7; }

  /* Catálogo e orçamento */
  #form-catalogo,
  #form-orcamento { background-color: var(--cor-janela-fundo); }
  #form-catalogo .textos,
  #form-orcamento .textos {
    position: relative;
    width: 100%;
    max-width: var(--largura-modal-textos);
  }
  #form-catalogo .separa-form,
  #form-orcamento .separa-form {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 100px 60px 80px;
  }
  #form-catalogo .separa-form {
    height: 470px;
    border-radius: var(--raio-card-representante);
    background: var(--gradiente-catalogo);
  }
  #form-orcamento .separa-form {
    height: 370px;
    border-radius: 229px;
    background: var(--cor-orcamento);
  }
  #form-catalogo .imagem,
  #form-orcamento .imagem { width: 50%; }
  #form-orcamento .imagem img { margin-top: -50px; }
  #form-catalogo .form-catalogo-container { width: 50%; padding-left: 20px; }
  #form-orcamento .form-orcamento-container { width: 50%; padding-left: 45px; }
  #form-orcamento .botao-fechar { right: 23px; }

  :is(#gform_5, #gform_7) .gform_title {
    margin-bottom: 20px;
    color: var(--cor-branco);
    font-family: var(--pilha-titulo);
    font-size: var(--tipo-h2-secao);
    font-style: italic;
    font-weight: var(--peso-bold);
  }
  :is(#gform_5, #gform_7) .gform_description {
    display: block;
    max-width: 280px;
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-lead);
    font-style: italic;
    font-weight: var(--peso-regular);
  }
  #gform_7 .gform_description { margin-bottom: 25px; }
  #gform_5 .gform_description { margin-bottom: 10px; }
  :is(#gform_5, #gform_7) label {
    display: block;
    margin-bottom: 5px;
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
  }
  :is(#gform_5, #gform_7) :is(input:not([type="submit"], [type="checkbox"], [type="hidden"]), select) {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid var(--cor-branco);
    border-radius: var(--raio-campo);
    background-color: transparent;
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-style: italic;
  }
  #gform_7 :is(input:not([type="submit"], [type="checkbox"], [type="hidden"]), select) { padding: 5px 10px; }
  #gform_5 :is(input:not([type="submit"], [type="checkbox"], [type="hidden"]), select) { padding: 2px 10px; }
  :is(#gform_5, #gform_7) select {
    appearance: none;
    background-image: url("/ativos/icones/Grupo-1939.6b781d0f55.png");
    background-position: 96% 45%;
    background-repeat: no-repeat;
    background-color: var(--cor-select-fundo);
  }
  :is(#gform_5, #gform_7) .ginput_container_consent label { display: inline; }
  :is(#gform_5, #gform_7) input[type="submit"] {
    min-width: 182px;
    padding: 5px 10px;
    border: 1px solid var(--cor-botao-enviar-janela);
    border-radius: var(--raio-campo);
    background-color: var(--cor-botao-enviar-janela);
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-weight: var(--peso-semibold);
    text-align: center;
    cursor: pointer;
    transition: all var(--duracao-padrao);
  }
  #gform_7 input[type="submit"] { margin-top: 10px; }
  :is(#gform_5, #gform_7) input[type="submit"]:hover {
    background-color: var(--cor-branco);
    color: var(--cor-botao-enviar-janela);
  }
  #field_7_4 { display: inline-block; width: calc(50% - 10px); margin-right: 10px; }
  #field_7_5 { display: inline-block; width: calc(50% - 10px); margin-left: 10px; }

  #gform_confirmation_message_7,
  #gform_confirmation_message_5 {
    max-width: 200px;
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
  }
  #gform_confirmation_message_7 { font-size: var(--tipo-lead); font-style: italic; }
  #gform_confirmation_message_5 { font-size: var(--tipo-corpo); }
  :is(#gform_confirmation_message_5, #gform_confirmation_message_7) h2 {
    font-family: var(--pilha-titulo);
    font-size: var(--tipo-h2-secao);
    font-style: italic;
    font-weight: var(--peso-bold);
  }
  #gform_confirmation_message_7 h2 { margin-bottom: 20px; color: var(--cor-botao-enviar-janela); }
  #gform_confirmation_message_5 h2 { margin-bottom: 15px; color: var(--cor-branco); }
  #gform_confirmation_message_5 h2 strong { color: var(--cor-botao-enviar-janela); }

  /* Sem vagas */
  #sem-vagas .textos { max-width: 170px; text-align: center; }
  #sem-vagas .texto {
    margin-bottom: 40px;
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-weight: var(--peso-semibold);
  }
  #sem-vagas .botao { text-align: center; }
  #sem-vagas .botao button {
    padding: 6px 33px;
    border: 1px solid var(--cor-azul-i);
    border-radius: var(--raio-pilula);
    background-color: var(--cor-azul-i);
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-weight: var(--peso-semibold);
    cursor: pointer;
  }

  @media (width <= 1000px) {
    #form-catalogo .textos,
    #form-orcamento .textos { margin: auto; }
    #form-catalogo .botao-fechar { top: 60px; right: 65px; }
    #form-catalogo .separa-form {
      flex-direction: column;
      height: auto;
      margin: 15px;
      padding: 50px;
      border-radius: 100px;
    }
    #form-catalogo .separa-form :is(.imagem, .form-catalogo-container) { width: 100%; }
    #form-orcamento .separa-form { margin: 15px; padding: 60px 90px; }
    #form-orcamento .separa-form .imagem { display: none; }
    #form-orcamento .separa-form .form-orcamento-container { width: 100%; padding-left: 0; }
    #form-orcamento :is(.gform_title, .gform_footer) { text-align: center; }
    #form-orcamento .gform_description { margin: 0 auto 20px; text-align: center; }
    #gform_confirmation_message_5 { margin: 0 auto; text-align: center; }
  }

  @media (width <= 600px) {
    #form-catalogo .separa-form { padding: 30px; border-radius: 50px; }
    #form-catalogo .botao-fechar { top: 40px; right: 45px; }
    #form-orcamento .botao-fechar { top: 35px; right: 30px; }
    #form-orcamento .separa-form { padding: 25px; border-radius: 50px; }
  }
}

/* 40-componentes/menu-mobile.css */
/*
 * Menu do celular (ShiftNav, E3): botão fixo no canto superior direito e painel pela direita
 * (mapa-de-componentes 1.2). Painel de 290 px (320 px em telas estreitas), fundo #1481c2,
 * transform em 0,5 s, corpo sem rolagem com o painel aberto.
 */
@layer componentes {
  #shiftnav-toggle-main,
  #shiftnav-main { display: none; }

  @media (width <= 1000px) {
    #shiftnav-toggle-main {
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      top: 15px;
      right: 0;
      z-index: 10001;
      width: 59px;
      height: var(--altura-botao-menu-movel);
      transition: right var(--duracao-painel);
      padding: 0;
      border: 0;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: var(--cor-azul-i);
      cursor: pointer;
    }
    #shiftnav-toggle-main .icone-fechar,
    #shiftnav-toggle-main[aria-expanded="true"] .icone-abrir { display: none; }
    #shiftnav-toggle-main[aria-expanded="true"] .icone-fechar { display: block; }
    /* Aberto, o botão acompanha a borda do painel (ShiftNav de hoje: x 11 em 390 px). */
    #shiftnav-toggle-main[aria-expanded="true"] { right: var(--largura-painel-movel); }

    #shiftnav-main {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 10000;
      width: var(--largura-painel-movel);
      height: 100vh;
      height: 100dvh;
      overflow-y: auto;
      background-color: var(--cor-azul-claro-i);
      box-shadow: var(--sombra-menu-movel);
      transform: translateX(calc(100% + 20px));
      transition: transform var(--duracao-painel);
    }
    #shiftnav-main.shiftnav-aberto,
    #shiftnav-toggle-main[aria-expanded="true"] ~ #shiftnav-main { transform: translateX(0); }

    body:has(#shiftnav-toggle-main[aria-expanded="true"]) { overflow: hidden; }

    #shiftnav-main .shiftnav-target {
      display: block;
      padding: 15px 25px;
      line-height: 1.6;
      color: #eeeeee;
      font-family: var(--pilha-titulo);
      font-size: var(--tipo-menu-movel);
      text-transform: none;
      text-shadow: none;
      border: 0;
    }
    #shiftnav-main a.shiftnav-target:hover { background-color: rgb(0 0 0 / 0.1); }
    #shiftnav-main .sub-menu { background: var(--cor-azul-claro-i); }
    #shiftnav-main .sub-menu .shiftnav-target {
      padding: 15px 30px;
      font-family: var(--pilha-texto);
      font-size: var(--tipo-submenu-movel);
      background-color: rgb(255 255 255 / 0.1);
    }
  }

  @media (width <= 475px) {
    #shiftnav-main { width: 320px; max-width: 100%; }
    #shiftnav-toggle-main[aria-expanded="true"] { right: min(320px, 100%); }
  }
}

/* 40-componentes/menu.css */
/*
 * Menu principal nav.nav-menu (componentes.md 1.2). "Produtos" é <button aria-expanded> com a aparência
 * do link de hoje; o submenu abre no hover (como hoje), no foco e no clique (RA11Y-08).
 */
@layer componentes {
  .main-header .menu {
    position: relative;
    display: flex;
  }
  .main-header .menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 0;
    width: 850px;
    height: 150px;
    background-image: url("/ativos/img/fundo-azul-header.ffb1aaf0d6.png");
    background-size: cover;
    background-position: left;
  }
  /* li sem position (como no tema): o submenu absoluto mede a largura pelo .menu, e "Linha Industrial"
     fica numa linha só. */
  .main-header .menu > li {
    margin-top: 70px;
    transition: all var(--duracao-padrao);
  }
  .main-header .menu > li:not(:last-of-type) { margin-right: 28px; }
  .main-header .menu > li:last-of-type { margin-right: 20px; }

  .main-header .menu a,
  .main-header .menu .menu-item-botao {
    position: relative;
    display: inline-block;
    color: var(--cor-branco);
    font-family: var(--pilha-titulo);
    font-size: var(--tipo-menu);
    font-style: italic;
    font-weight: var(--peso-regular);
    transition: all var(--duracao-padrao);
  }
  .main-header .menu .menu-item-botao {
    padding: 0 0 5px;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    line-height: normal;
  }
  .main-header .menu > li:hover > a,
  .main-header .menu > li:hover > .menu-item-botao,
  .main-header .menu .current-menu-item > a { opacity: 0.5; }

  .main-header .sub-menu {
    position: absolute;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 6px 8px 62px;
    margin-left: -8px;
    background-color: var(--cor-branco);
    border-radius: var(--raio-submenu);
    transition: all var(--duracao-padrao);
  }
  .main-header .menu-item-has-children:hover .sub-menu,
  .main-header .menu-item-has-children:focus-within .sub-menu,
  .main-header .menu-item-botao[aria-expanded="true"] + .sub-menu {
    opacity: 1;
    height: 105px;
  }
  .main-header .sub-menu li { margin: 0; }
  .main-header .sub-menu li a {
    color: var(--cor-submenu-link);
    font-family: var(--pilha-titulo);
    font-size: var(--tipo-menu);
    font-style: italic;
    transition: all var(--duracao-padrao);
  }
  .main-header .sub-menu li a:hover,
  .main-header .sub-menu .current-menu-item > a { opacity: 0.5; }

  @media (width <= 1200px) {
    .main-header .menu::before {
      left: -73px;
      width: 800px;
      height: 182px;
      background-size: contain;
      background-repeat: no-repeat;
    }
  }

  /* Até 1000 px inclusive vale o menu do celular (insumos/10 §3.3: corrige o buraco de 1000 px). */
  @media (width <= 1000px) {
    .main-header .header-grid .nav-menu { display: none; }
  }
}

/* 40-componentes/newsletter.css */
/* Newsletter do rodapé, formulário 6 (componentes.md 1.4). */
@layer componentes {
  .main-footer .footer .menus-footer .newsletter .titulo { margin-bottom: 15px; }

  #gform_6 .gfield_label {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  #gform_6 ul { margin-bottom: 10px; }
  #gform_6 input[type="text"],
  #gform_6 input[type="email"] {
    width: 100%;
    max-width: 260px;
    padding: 6px 10px;
    border: none;
    border-radius: var(--raio-campo-newsletter);
    background-color: var(--cor-branco);
    color: var(--cor-input-texto-cinza);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-style: italic;
  }
  #gform_6 input::placeholder { color: var(--cor-placeholder); }
  #gform_6 .consentir-newslettes .gfield_consent_label {
    position: relative;
    color: var(--cor-branco);
    font-family: var(--pilha-base);
    font-size: var(--tipo-consentimento);
  }
  #gform_6 input[type="submit"] {
    padding: 5px 20px;
    border: 1px solid var(--cor-branco);
    border-radius: var(--raio-campo);
    background-color: var(--cor-branco);
    color: var(--cor-newsletter-botao);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-weight: var(--peso-semibold);
    cursor: pointer;
    transition: all var(--duracao-padrao);
  }
  #gform_6 input[type="submit"]:hover {
    background-color: var(--cor-newsletter-botao);
    color: var(--cor-branco);
  }
  #gform_confirmation_message_6 {
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-style: italic;
    font-weight: var(--peso-regular);
  }

  @media (width <= 1000px) {
    #gform_confirmation_message_6 { text-align: center; }
  }
}

/* 40-componentes/preferencias-cookies.css */
/*
 * Painel de preferências de cookies (T122, RPRIV-07, RPRIV-12): <dialog> modal, visual do banner de
 * hoje (fundo branco, borda, sombra, fonte do banner), interruptores nativos com role="switch".
 * Painel novo (não existe hoje): divergência registrada (P3).
 */
@layer componentes {
  dialog.preferencias-cookies {
    box-sizing: border-box;
    width: min(40rem, calc(100% - 2rem));
    max-height: calc(100% - 2rem);
    padding: 0;
    border: 2px solid var(--cookie-borda);
    background-color: var(--cookie-fundo);
    box-shadow: var(--sombra-cookie);
    color: var(--cookie-texto);
    font-family: var(--fonte-cookie);
    font-size: 1rem;
    line-height: var(--altura-linha-cookie);
    opacity: 0;
    transition: opacity var(--duracao-padrao), overlay var(--duracao-padrao) allow-discrete, display var(--duracao-padrao) allow-discrete;
  }
  dialog.preferencias-cookies[open] { opacity: 1; }
  @starting-style {
    dialog.preferencias-cookies[open] { opacity: 0; }
  }
  dialog.preferencias-cookies::backdrop { background-color: rgb(0 0 0 / 0.4); }

  .preferencias-cookies .conteudo-preferencias {
    position: relative;
    padding: var(--espaco-40);
  }
  .preferencias-cookies h2 {
    margin: 0 2.5em 0.5em 0;
    font-size: 1.25rem;
    font-weight: 700;
  }
  .preferencias-cookies .intro-preferencias { margin: 0 0 1em; }
  .preferencias-cookies .intro-preferencias a { color: inherit; text-decoration: underline; }

  .preferencias-cookies .botao-fechar {
    position: absolute;
    top: 1em;
    right: 1em;
    padding: 0.25em;
    border: 0;
    background: none;
    cursor: pointer;
  }
  .preferencias-cookies .botao-fechar img { display: block; width: 29px; height: auto; filter: invert(1); }

  .categorias-cookies {
    margin: 0 0 1.5em;
    padding: 0;
    list-style: none;
  }
  .categoria-cookie {
    padding: 0.75em 0;
    border-top: 1px solid var(--cookie-borda);
  }
  .categoria-cookie .linha-categoria {
    display: flex;
    align-items: center;
    gap: 0.75em;
    font-weight: 700;
  }
  .categoria-cookie input[role="switch"] {
    width: 1.25em;
    height: 1.25em;
    margin: 0;
    accent-color: var(--cookie-botao-aceitar-fundo);
    cursor: pointer;
  }
  .categoria-cookie input[role="switch"]:disabled { cursor: not-allowed; }
  .categoria-cookie .sempre-ativo { font-weight: 400; font-size: 0.875rem; }
  .categoria-cookie .descricao-categoria { margin: 0.25em 0 0 2em; font-size: 0.875rem; }

  .preferencias-cookies .acoes-preferencias {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
  }

  @media (width <= 600px) {
    .preferencias-cookies .conteudo-preferencias { padding: 1.25em; }
    .preferencias-cookies .acoes-preferencias .cc-btn { width: 100%; }
  }
}

/* 40-componentes/rodape.css */
/*
 * Rodapé footer.main-footer (componentes.md 1.3). O nav "Rodapé" envolve as colunas 1 e 2 sem
 * display: contents; as larguras reproduzem as 4 colunas "calc(25% - 15px)" com space-between do tema.
 */
@layer componentes {
  .main-footer {
    position: relative;
    margin-top: -120px;
    padding-top: var(--espaco-100);
    background-image: url("/ativos/img/Rectangle-3.e529779b25.svg");
    background-size: cover;
  }

  .main-footer .footer {
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  /* 4 colunas de calc(25% - 15px) com 20 px entre elas: o nav ocupa 2 colunas e o vão do meio. */
  .main-footer .footer > .menus-footer-nav {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 10px);
  }
  .main-footer .menus-footer-nav > .menus-footer { width: calc(50% - 10px); }
  .main-footer .footer > .menus-footer { width: calc(25% - 15px); }

  .main-footer .footer .titulo {
    margin-bottom: 25px;
    color: var(--cor-branco);
    font-family: var(--pilha-titulo);
    font-size: var(--tipo-rodape-titulo);
    font-weight: var(--peso-semibold);
    font-style: italic;
  }
  .main-footer .footer a,
  .main-footer .footer span {
    color: var(--cor-branco);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-style: italic;
    font-weight: var(--peso-regular);
  }
  .main-footer .footer li { margin-bottom: 5px; }
  .main-footer .footer ul { margin-bottom: 20px; }
  .main-footer .footer ul li a {
    display: inline-block;
    transition: all var(--duracao-padrao);
  }
  .main-footer .footer ul li a:hover { opacity: 0.5; }

  .main-footer .footer .facebook,
  .main-footer .footer .instagram {
    display: inline-block;
    margin-bottom: 20px;
    transition: all var(--duracao-padrao);
  }
  .main-footer .footer .facebook:hover,
  .main-footer .footer .instagram:hover { opacity: 0.5; }
  .main-footer .footer .redes-sociais .instagram { margin-left: 3px; }

  .main-footer .footer .conteudo-contato {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .main-footer .footer .endereco-footer {
    margin-bottom: 15px;
    max-width: 200px;
    line-height: var(--altura-linha-rodape);
  }
  .main-footer .footer .telefone-box,
  .main-footer .footer .email-box {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 15px 6px 40px;
    border: 1px solid var(--cor-branco);
    border-radius: var(--raio-pilula);
    font-family: var(--pilha-texto);
    font-size: var(--tipo-corpo);
    font-style: italic;
    font-weight: var(--peso-semibold);
    letter-spacing: 0.05em;
    transition: all var(--duracao-padrao);
  }
  .main-footer .footer .telefone-box:hover,
  .main-footer .footer .email-box:hover {
    background-color: var(--cor-branco);
    color: var(--cor-azul-claro-i);
  }
  .main-footer .footer .telefone-box::before,
  .main-footer .footer .email-box::before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: 29px;
    height: 29px;
    background-size: cover;
  }
  .main-footer .footer .telefone-box::before { background-image: url("/ativos/icones/icone-telefone.5a10d0afdd.svg"); }
  .main-footer .footer .email-box::before { background-image: url("/ativos/icones/icone-email.777f75617c.svg"); }

  .main-footer .subfooter {
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--cor-branco);
  }
  .main-footer .subfooter .direitos {
    color: var(--cor-branco);
    font-family: var(--pilha-apoio);
    font-size: var(--tipo-corpo);
    font-style: normal;
    font-weight: var(--peso-regular);
  }
  .main-footer .subfooter .main-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 25px var(--gutter);
    text-align: center;
  }
  .main-footer .subfooter .main-grid > div { margin: 0 5px; }
  .main-footer .subfooter .main-grid .selo { margin-left: 40px; margin-right: 40px; }
  .main-footer .subfooter .main-grid .lugar-preferencias-cookies:empty { display: none; }
  /* Botão "Preferências de cookies" (RPRIV-11, DIV-007): fora do fluxo, na faixa de baixo do
     subrodapé, para não mudar a posição do copyright, dos selos e do crédito de hoje. */
  .main-footer .subfooter .main-grid { position: relative; }
  .main-footer .subfooter .main-grid .lugar-preferencias-cookies {
    position: absolute;
    left: 50%;
    bottom: 4px;
    margin: 0;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .main-footer .driftweb a { color: var(--cor-verde); }

  @media (width <= 1000px) {
    .main-footer .footer {
      flex-wrap: wrap;
      margin-top: 30px;
    }
    .main-footer .footer > .menus-footer-nav { width: 100%; }
    .main-footer .footer > .menus-footer,
    .main-footer .menus-footer-nav > .menus-footer {
      width: calc(50% - 15px);
      margin-bottom: 15px;
      text-align: center;
    }
    .main-footer .footer .conteudo-contato { align-items: center; }
  }

  @media (width <= 600px) {
    .main-footer { padding-top: 50px; }
    .main-footer .footer > .menus-footer-nav { flex-direction: column; }
    .main-footer .footer > .menus-footer,
    .main-footer .menus-footer-nav > .menus-footer { width: 100%; }
  }
}

/* 40-componentes/topo-categoria.css */
/*
 * Forma colorida e linhas do topo de catálogo (T069): hoje cada página imprime um <style> com
 * o ::before de .topo-categoria-produto com a forma (<Cor>.svg) e o ::after com as linhas (<cor>.png)
 * conforme o ACF da categoria (taxonomy-categoria-produto.php). A CSP não aceita <style> no HTML, então
 * a cor vira classe no <body> (classes-corpo.mjs). O resto do desenho do topo vem do tema (50-paginas/).
 */
@layer paginas {
  .topo-categoria-produto { position: relative; }
  .forma-azul-claro .topo-categoria-produto::before { content: url("/ativos/img/topo-Azul_Claro.5c7f78db89.svg"); }
  .forma-amarelo .topo-categoria-produto::before { content: url("/ativos/img/topo-Amarelo.da88581a17.svg"); }
  .forma-laranja-claro .topo-categoria-produto::before { content: url("/ativos/img/topo-Laranja_Claro.d4cb9e7dcb.svg"); }
  .forma-roxo .topo-categoria-produto::before { content: url("/ativos/img/topo-Roxo.5d46e8958a.svg"); }
  .forma-azul .topo-categoria-produto::before { content: url("/ativos/img/topo-Azul.deb01aedda.svg"); }
  .forma-vermelho .topo-categoria-produto::before { content: url("/ativos/img/topo-Vermelho.f41e1e5b1a.svg"); }
  .forma-laranja .topo-categoria-produto::before { content: url("/ativos/img/topo-Laranja.008b3ab273.svg"); }
  .linha-azul .topo-categoria-produto::after { content: ""; background-image: url("/ativos/img/topo-azul.af503ba00b.png"); }
  .linha-amarelo .topo-categoria-produto::after { content: ""; background-image: url("/ativos/img/topo-amarelo.f28f4a2633.png"); }
  .linha-laranja .topo-categoria-produto::after { content: ""; background-image: url("/ativos/img/topo-laranja.d4d760b485.png"); }
  .linha-roxo .topo-categoria-produto::after { content: ""; background-image: url("/ativos/img/topo-roxo.de47ec189e.png"); }
}

/* 60-utilitarios.css */
/*
 * Utilitários: correções invisíveis (insumos/10 §3.4 e §3.5, Q28).
 * Nenhum !important fora do bloco de movimento reduzido; nenhum "outline: 0" em :focus puro.
 */
@layer utilitarios {
  .visualmente-oculto:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  .pular-conteudo:focus {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 100000;
    padding: 10px 16px;
    background-color: var(--cor-branco);
    color: var(--cor-azul-i);
    font: 600 0.875rem/1.2 var(--pilha-texto); /* 14px */
    border-radius: var(--raio-cookie-botao);
  }

  /* Foco só no teclado (Q28, DIV-001) */
  :where(a[href], button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--papel-foco-cor, var(--cor-azul-i));
    outline-offset: 2px;
  }
  :focus:not(:focus-visible) { outline: none; }
  .main-footer, .main-header, .fundo-azul, .lista-menus, .shiftnav, #shiftnav-toggle-main, #form-orcamento {
    --papel-foco-cor: var(--cor-branco);
  }
  @media (forced-colors: active) {
    :focus-visible { outline-color: Highlight; }
  }

  /* Honeypot fora da tela (RSEG-26); aria-hidden no invólucro */
  .campo-extra {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /* Movimento reduzido: rede de segurança; os componentes já usam os tokens de duração */
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}

/* conteúdo: estilos de conteudo/ (E2), fora de camada */
.ei-029d51 { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-200-TR-C-FURO-700w.webp'); }
.ei-02bb00 { background-image: url('/wp-content/uploads/2022/06/tampa-bolha-com-furo-grande-1-1024w.webp'); }
.ei-03eda2 { background-image: url('/wp-content/uploads/2021/08/Pote-PS-P-150mL-1024w.webp'); }
.ei-04ff6e { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-400-BR-ABNT-700w.webp'); }
.ei-0644aa { background-image: url('/wp-content/uploads/2022/06/tampa-bolha-com-furo-pequena-1-1024w.webp'); }
.ei-070d5c { background-image: url('/wp-content/uploads/2019/12/kit-retangular-1000ml-1000w.webp'); }
.ei-0a026f { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_TPI-100-BR-1-700w.webp'); }
.ei-0e4a4d { background-image: url('/wp-content/uploads/2019/04/logo-cristalcopo-236w.webp'); }
.ei-0ed45f { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-770-CR-ABNT-700w.webp'); }
.ei-0fdf3e { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CSM-200-TR-ABNT-700w.webp'); }
.ei-10fb9b { height: 21px; width: 11.8383%; }
.ei-11f8ca { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CST-180-TR-ABNT-700w.webp'); }
.ei-13b55c { background-image: url('/wp-content/uploads/2019/05/Produtos-Kit-Pote-e-Tampa_KP-350-TR-700w.webp'); }
.ei-15ef5c { background-image: url('/wp-content/uploads/2023/10/Lamina-HC-102-E-132-02-1024w.webp'); }
.ei-1d05b9 { height: 21px; }
.ei-1e4928 { background-image: url('/wp-content/uploads/2021/09/PRF-23-BR-Prato-23cm-fundo-Branco-e1633024981785-230w.webp'); }
.ei-20e598 { width: 100%; }
.ei-237682 { font-family: Poppins; color: #4a4a4a; }
.ei-267257 { background-image: url('/wp-content/uploads/2019/05/Produtos-Potes-PS_P-250-BR-700w.webp'); }
.ei-28cc24 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-500-TR-ABNT-700w.webp'); }
.ei-2cf538 { font-weight: 100; }
.ei-2dbf78 { background-image: url('/wp-content/uploads/2022/10/PPI-220-1024w.webp'); }
.ei-2ea35d { background-image: url('/wp-content/uploads/2019/05/PPI-350-SORVETE-PADRAO-669w.webp'); }
.ei-2eb635 { background-image: url('/wp-content/uploads/2022/06/tampa-bolha-sem-furo-media-1-1024w.webp'); }
.ei-2ec935 { background-image: url('/wp-content/uploads/2021/12/IMG_0759-1-870w.webp'); }
.ei-2fa8c4 { background-image: url('/wp-content/uploads/2021/12/Copo-Sundae-1-786w.webp'); }
.ei-3086b8 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-160-BR-ABNT-700w.webp'); }
.ei-317473 { font-size: 14.0pt; }
.ei-32f7c7 { background-image: url('/wp-content/uploads/2021/09/MARMITA-750_2-1024w.webp'); }
.ei-336eff { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-700-TR-S-FURO-700w.webp'); }
.ei-350d11 { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-400-TR-S-FURO-700w.webp'); }
.ei-359d10 { background-image: url('/wp-content/uploads/2019/05/Produtos-Potes-PS_P-250-TR-700w.webp'); }
.ei-36f69a { height: 21px; width: 16%; }
.ei-374056 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-330-CR-ABNT-700w.webp'); }
.ei-398a86 { text-align: justify; }
.ei-3a57fb { background-image: url('/wp-content/uploads/2022/09/330-1324w.webp'); }
.ei-412513 { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-400-TR-C-FURO-700w.webp'); }
.ei-41ea7b { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-080-BR-ABNT-700w.webp'); }
.ei-431670 { background-image: url('/wp-content/uploads/2019/07/CPMI-MP-770-CR-700w.webp'); }
.ei-4488f6 { background-image: url('/wp-content/uploads/2022/09/PRODUTOS-PARA-SITE-07-1024w.webp'); }
.ei-44ac8a { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-180-TR-ABNT-700w.webp'); }
.ei-46bdd5 { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-300-TR-700w.webp'); }
.ei-475f55 { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-200-TR-700w.webp'); }
.ei-49a160 { background-image: url('/wp-content/uploads/2022/06/tampa-bolha-com-furo-media-1-1024w.webp'); }
.ei-49ee66 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP-Impresso-Padrão_Milkshake-CPMI-440-CR-700w.webp'); }
.ei-4a47ee { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-500-BR-ABNT-700w.webp'); }
.ei-4ab69b { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-250-TR-ABNT-700w.webp'); }
.ei-4bb851 { background-image: url('/wp-content/uploads/2019/12/kit-retangular-750ml-1000w.webp'); }
.ei-4f0c68 { background-image: url('/wp-content/uploads/2021/09/MC-500-2-1024w.webp'); }
.ei-4f7a9d { background-image: url('/wp-content/uploads/2019/05/Personalizados-CPMI-330-1-700w.webp'); }
.ei-516a98 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CST-200-BR-ABNT-700w.webp'); }
.ei-52a958 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-300-TR-ABNT-1-700w.webp'); }
.ei-541b16 { background-image: url('/wp-content/uploads/2023/10/Ativo-1-8-862w.webp'); }
.ei-5500a4 { background-image: url('/wp-content/uploads/2021/12/200-1-891w.webp'); }
.ei-5559ea { height: 23px; width: 12%; }
.ei-59460a { height: 23px; width: 39%; }
.ei-595120 { height: 21px; width: 10%; }
.ei-596822 { background-image: url('/wp-content/uploads/2019/05/Produtos-Kit-Pote-e-Tampa_KP-500-TR-700w.webp'); }
.ei-59ad93 { background-image: url('/wp-content/uploads/2019/05/Personalizados-CPMI-200-1-700w.webp'); }
.ei-5acd21 { background-image: url('/wp-content/uploads/2019/05/Produtos-Kit-Pote-e-Tampa_KP-1000-TR-700w.webp'); }
.ei-5ae25c { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CST-300-TR-ABNT-700w.webp'); }
.ei-5bab3d { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-200-BR-700w.webp'); }
.ei-5c4ee3 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-150-TR-ABNT-700w.webp'); }
.ei-5d372e { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-200-TR-ABNT-700w.webp'); }
.ei-5d81e3 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-200-BR-ABNT-700w.webp'); }
.ei-5f1f52 { font-weight: 400; }
.ei-62427f { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CST-200-TR-ABNT-700w.webp'); }
.ei-6284b5 { background-image: url('/wp-content/uploads/2019/12/kit-retangular-250ml-1000w.webp'); }
.ei-62928c { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-400-TR-ABNT-700w.webp'); }
.ei-62dfe9 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-440-CR-ABNT-700w.webp'); }
.ei-63dbf5 { text-align: center; }
.ei-66acf4 { background-image: url('/wp-content/uploads/2021/12/Copo-50mL-1-1024w.webp'); }
.ei-674dab { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP-Impresso-Padrão_Milkshake-CPMI-330-CR-700w.webp'); }
.ei-676b4b { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-050-BR-ABNT-700w.webp'); }
.ei-67ab51 { background-image: url('/wp-content/uploads/2022/09/200-1325w.webp'); }
.ei-6a52fa { height: 23px; width: 10%; }
.ei-6ca87f { height: 21px; width: 12%; }
.ei-6ea24f { background-image: url('/wp-content/uploads/2019/05/Personalizados-CPMI-550-1-700w.webp'); }
.ei-75c67c { background-image: url('/wp-content/uploads/2022/09/250-1024w.webp'); }
.ei-775fe6 { background-image: url('/wp-content/uploads/2022/06/tampa-bolha-sem-furo-pequena-1-1024w.webp'); }
.ei-791da8 { height: 21px; width: 12.1617%; }
.ei-79dd86 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-250-BR-ABNT-700w.webp'); }
.ei-7a8abc { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PRF-18-BR-700w.webp'); }
.ei-7c00ae { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PRF-12-BR-700w.webp'); }
.ei-7f9855 { background-image: url('/wp-content/uploads/2023/10/HC-102-943w.webp'); }
.ei-804d9a { background-image: url('/wp-content/uploads/2021/07/IMG_0537-1-copiar-2-e1625682233492-160w.webp'); }
.ei-81decb { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-550-BR-ABNT-700w.webp'); }
.ei-82324f { height: 23px; width: 12.1617%; }
.ei-856e97 { height: 23px; }
.ei-86077a { background-image: url('/wp-content/uploads/2019/07/770ml-acai-X-750w.webp'); }
.ei-86d5aa { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PR-15-BR-700w.webp'); }
.ei-8ba70d { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_TPI-100-TR-700w.webp'); }
.ei-8bd543 { background-image: url('/wp-content/uploads/2022/10/PPI-200-ML-1324w.webp'); }
.ei-8d1be5 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-300-BR-ABNT-700w.webp'); }
.ei-8f2b6e { background-image: url('/wp-content/uploads/2019/05/Personalizados-CPMI-440-1-700w.webp'); }
.ei-92781b { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-300-BR-ABNT-700w.webp'); }
.ei-949f93 { background-image: url('/wp-content/uploads/2019/05/Produtos-Kit-Pote-e-Tampa_KP-250-TR-700w.webp'); }
.ei-94cb8c { background-image: url('/wp-content/uploads/2021/09/HAM-HC-01-400w.webp'); }
.ei-952836 { background-image: url('/wp-content/uploads/2019/05/Produtos-Potes-PS_P-100-TR-700w.webp'); }
.ei-966339 { margin-top: 0cm; background: white; }
.ei-9c2643 { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-100-TR-700w.webp'); }
.ei-9d1d3e { height: 21px; width: 39%; }
.ei-a187c9 { background-image: url('/wp-content/uploads/2021/12/Tampa-Sundae-2-1024w.webp'); }
.ei-a1c27f { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-150-BR-ABNT-700w.webp'); }
.ei-a3e967 { background-image: url('/wp-content/uploads/2022/11/potes-ps-lamina500-03-03-1024w.webp'); }
.ei-a61222 { background-image: url('/wp-content/uploads/2022/09/440mL-1-718w.webp'); }
.ei-a6b0de { background-image: url('/wp-content/uploads/2023/10/HC-132-923w.webp'); }
.ei-a74fd9 { height: 23px; width: 16%; }
.ei-a82e73 { background-image: url('/wp-content/uploads/2019/05/acai-330ml-x-3-762w.webp'); }
.ei-a8f1cd { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-300-TR-ABNT-700w.webp'); }
.ei-a96532 { background-image: url('/wp-content/uploads/2019/05/550ml-acai-x-718w.webp'); }
.ei-ad1e80 { background-image: url('/wp-content/uploads/2019/05/Produtos-Potes-PS_P-100-BR-700w.webp'); }
.ei-ae5362 { background-image: url('/wp-content/uploads/2019/06/Produtos-Potes-PS_P-200-TR-700w.webp'); }
.ei-b07e84 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CSM-180-TR-ABNT-700w.webp'); }
.ei-b0f91e { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CSM-300-BR-ABNT-700w.webp'); }
.ei-b79b7e { background-image: url('/wp-content/uploads/2022/11/potes-ps-lamina400-03-1733w.webp'); }
.ei-b82013 { background-image: url('/wp-content/uploads/2021/09/HAM-HC-02-400w.webp'); }
.ei-b91817 { background-image: url('/wp-content/uploads/2019/05/Produtos-Kit-Pote-e-Tampa_KP-750-TR-700w.webp'); }
.ei-bbecf5 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CST-300-BR-ABNT-700w.webp'); }
.ei-bee6fc { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-080-TR-ABNT-700w.webp'); }
.ei-c0500a { background-image: url('/wp-content/uploads/2019/12/kit-retangular-500ml-1000w.webp'); }
.ei-c28bfd { background-image: url('/wp-content/uploads/2019/05/Personalizados-CPMI-770-1-700w.webp'); }
.ei-c31a54 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-050-TR-ABNT-700w.webp'); }
.ei-c4da87 { background-image: url('/wp-content/uploads/2023/10/PPI-350-ACAI-PADRAO-671w.webp'); }
.ei-c75ac1 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-550-CR-ABNT-700w.webp'); }
.ei-c91d59 { background-image: url('/wp-content/uploads/2021/09/TAMPA-750-1100-sem-logo-1015w.webp'); }
.ei-cab57e { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CSM-180-BR-ABNT-700w.webp'); }
.ei-cafc76 { background-image: url('/wp-content/uploads/2019/05/Produtos-Potes-PS_P-200-BR-700w.webp'); }
.ei-cc1f35 { background-image: url('/wp-content/uploads/2022/09/330mL-718w.webp'); }
.ei-cc8d82 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP-Impresso-Padrão_Milkshake-CPMI-550-CR-700w.webp'); }
.ei-ccb4f8 { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PR-18-BR-700w.webp'); }
.ei-d140ab { height: 23px; width: 11.8383%; }
.ei-d17518 { background-image: url('/wp-content/uploads/2022/11/potes-ps-lamina500-03-1780w.webp'); }
.ei-d1a891 { background-image: url('/wp-content/uploads/2019/05/440ml-acai-xx-1-754w.webp'); }
.ei-d1d012 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-200-TR-ABNT-700w.webp'); }
.ei-d412ca { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-180-BR-ABNT-700w.webp'); }
.ei-d7aa9a { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PR-23-BR-700w.webp'); }
.ei-d7c35d { background-image: url(/wp-content/uploads/2019/05/capa-sustentabilidade-1920w.webp); }
.ei-d8691c { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CSM-200-BR-ABNT-700w.webp'); }
.ei-dba610 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CSM-300-TR-ABNT-700w.webp'); }
.ei-deefed { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PRF-23-BR-700w.webp'); }
.ei-e0d34b { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-700-TR-C-FURO-700w.webp'); }
.ei-e0f255 { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-300-TR-C-FURO-700w.webp'); }
.ei-e252be { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-100-BR-700w.webp'); }
.ei-e2a988 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-200-BR-ABNT-700w.webp'); }
.ei-e3d688 { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PR-26-BR-700w.webp'); }
.ei-e53a9e { background-image: url('/wp-content/uploads/2021/09/TAMPA-750-1100-1015w.webp'); }
.ei-e8723f { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-180-BR-ABNT-700w.webp'); }
.ei-e8767e { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-330-BR-ABNT-700w.webp'); }
.ei-ea46ec { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-440-BR-ABNT-700w.webp'); }
.ei-ea4a59 { font-family: Poppins; }
.ei-ea5fad { text-align: left; }
.ei-eb8e8d { background-image: url('/wp-content/uploads/2019/05/Produtos-Tampas-PP-e-PS_T-300-BR-700w.webp'); }
.ei-eeb76a { background-image: url('/wp-content/uploads/2021/09/HAM-HC-03-400w.webp'); }
.ei-ef7376 { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PRF-15-BR-700w.webp'); }
.ei-efbaff { background-image: url('/wp-content/uploads/2021/12/IMG_0744-1-1-1024w.webp'); }
.ei-f04979 { background-image: url('/wp-content/uploads/2019/05/Produtos-Potes-PP-Impressos_PPI-250-TR-700w.webp'); }
.ei-f3a532 { background-image: url('/wp-content/uploads/2019/05/Produtos-Kit-Pote-e-Tampa_KP-1500-TR-700w.webp'); }
.ei-f588d1 { background-image: url('/wp-content/uploads/2021/12/300-1-724w.webp'); }
.ei-f71f9c { background-image: url('/wp-content/uploads/2019/05/Produtos-Pratos_PR-21-BR-700w.webp'); }
.ei-faf3e6 { background-image: url('/wp-content/uploads/2021/09/MARMITA-1100_2-1024w.webp'); }
.ei-fb9cea { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PP_CPM-770-BR-ABNT-700w.webp'); }
.ei-fc3a3f { background-image: url('/wp-content/uploads/2022/11/potes-ps-lamina-03-1822w.webp'); }
.ei-fee816 { background-image: url('/wp-content/uploads/2022/06/tampa-bolha-sem-furo-grande-1-1024w.webp'); }
.ei-ff2d89 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CST-180-BR-ABNT-700w.webp'); }
.ei-ffc7b4 { background-image: url('/wp-content/uploads/2019/05/Produtos-Copos-PS_CC-180-TR-ABNT-700w.webp'); }