.elementor-kit-3{--e-global-color-primary:#D81E27;--e-global-color-secondary:#16181C;--e-global-color-text:#4B4F57;--e-global-color-accent:#AD141B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Sora", Sans-serif;}.elementor-kit-3 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ============================================================ CGU / Unicamp — CSS GLOBAL para Elementor Onde colar: Elementor → Site Settings → Custom CSS (ou Aparência → Personalizar → CSS Adicional) Regras: - Nenhum texto de conteúdo está em CSS (apenas estilo). - Cores via variáveis. Para a versão AZUL institucional, troque apenas os valores em :root (ver bloco comentado). ============================================================ */ :root { /* ----- Tema GRAFITE & VERMELHO (cores do logotipo) ----- */ --cgu-primary: #D81E27; /* vermelho CGU */ --cgu-primary-strong: #AD141B; --cgu-ink: #16181C; /* texto */ --cgu-soft: #4B4F57; /* texto secundário */ --cgu-line: #E6E7EB; /* bordas */ --cgu-bg-soft: #F6F8FB; /* fundos claros */ --cgu-dark-900: #1B1D22; /* seções escuras */ --cgu-dark-950: #121317; --cgu-white: #FFFFFF; --cgu-radius: 10px; --cgu-radius-sm: 8px; --cgu-shadow-sm: 0 1px 3px rgba(13,27,42,.06); --cgu-shadow-lg: 0 18px 40px rgba(10,11,13,.16), 0 6px 16px rgba(10,11,13,.08); --cgu-ease: cubic-bezier(.2,.7,.2,1); } /* ===== ALTERNATIVA 1 — VERSAO AZUL INSTITUCIONAL ===== Para usar, copie as 4 linhas abaixo para DENTRO do :root principal (la em cima), substituindo os valores correspondentes: --cgu-primary: #0F4C8A --cgu-primary-strong: #0C3A6E --cgu-dark-900: #0A2E58 --cgu-dark-950: #061F3D ===================================================== */ /* ===== ALTERNATIVA 2 — PALETA QUE JA EXISTE NO SEU SITE ===== (Azul Institucional + Laranja Destaque). Nao apague suas Cores Globais. Para casar o layout com elas, copie os valores abaixo para DENTRO do :root principal, substituindo os correspondentes: --cgu-primary: #1E3A6D (Azul Institucional Header) --cgu-primary-strong: #14294D (Azul Institucional Escuro) --cgu-ink: #2B2B2B (Texto Principal) --cgu-soft: #6B7280 (Texto Suave) --cgu-line: #E5E7EB (Cinza Interface) --cgu-bg-soft: #F4F6F8 (Cinza Fundo) --cgu-dark-900: #1E3A6D (Azul Institucional Header) --cgu-dark-950: #14294D (Azul Institucional Escuro) --cgu-accent: #E87722 (Laranja Destaque) --cgu-accent-strong: #CF5F15 (Laranja Hover) Para BOTOES em LARANJA, use --cgu-primary:#E87722 e --cgu-primary-strong:#CF5F15 no lugar dos azuis. ============================================================ */ /* ---------- Eyebrow (rótulo de seção) ---------- */ .cgu-eyebrow .elementor-heading-title { font-family: "Sora", sans-serif; font-weight: 600; font-size: .82rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cgu-primary); display: inline-flex; align-items: center; gap: .6rem; margin-bottom: .6rem; } .cgu-eyebrow .elementor-heading-title::before { content: ""; width: 1.6rem; height: 2px; background: var(--cgu-primary); border-radius: 2px; } .cgu-dark .cgu-eyebrow .elementor-heading-title { color: #F0B7BA; } /* ---------- Lead (parágrafo de apoio) ---------- */ .cgu-lead { font-size: 1.2rem; color: var(--cgu-soft); line-height: 1.5; max-width: 64ch; } /* ---------- Cards (Icon Box) ---------- */ .cgu-card .elementor-icon-box-wrapper { background: var(--cgu-white); border: 1px solid var(--cgu-line); border-radius: var(--cgu-radius); padding: 1.6rem; box-shadow: var(--cgu-shadow-sm); height: 100%; transition: transform .2s var(--cgu-ease), box-shadow .2s var(--cgu-ease), border-color .2s var(--cgu-ease); } .cgu-card:hover .elementor-icon-box-wrapper { transform: translateY(-4px); box-shadow: var(--cgu-shadow-lg); border-color: #f3d0d2; } .cgu-card .elementor-icon-box-icon { margin-bottom: 1rem; } .cgu-card .elementor-icon { --e-icon-color: #fff; background: var(--cgu-primary) !important; color: #fff !important; width: 54px; height: 54px; border-radius: 8px; font-size: 24px; } .cgu-card .elementor-icon svg { fill: #fff !important; } .cgu-card .elementor-icon i { color: #fff !important; } .cgu-card .elementor-icon-box-title { font-family: "Sora", sans-serif; font-weight: 600; } .cgu-card .elementor-icon-box-title a { color: var(--cgu-ink); } .cgu-card:hover .elementor-icon-box-title a { color: var(--cgu-primary); } .cgu-card .elementor-icon-box-description { color: var(--cgu-soft); } /* >>> CORREÇÃO: impede título e descrição de sobrepor nos cards <<< */ .cgu-card .elementor-icon-box-wrapper { display: flex !important; flex-direction: column; align-items: flex-start !important; text-align: left !important; } .cgu-card .elementor-icon-box-content { display: block !important; width: 100%; text-align: left !important; } .cgu-card .elementor-icon-box-title { margin: 0 0 .5rem !important; line-height: 1.25 !important; height: auto !important; } .cgu-card .elementor-icon-box-description { margin: 0 !important; line-height: 1.5 !important; height: auto !important; } /* Título dos cards ESCURO (vermelho só no hover, como o protótipo) */ .cgu-card .elementor-icon-box-title, .cgu-card .elementor-icon-box-title a { color: var(--cgu-ink) !important; font-family: "Sora", sans-serif; } .cgu-card:hover .elementor-icon-box-title, .cgu-card:hover .elementor-icon-box-title a { color: var(--cgu-primary) !important; } /* Exceção: órgãos mantêm a sigla em destaque vermelho */ .cgu-org .elementor-icon-box-title, .cgu-org .elementor-icon-box-title a { color: var(--cgu-primary) !important; } /* Órgãos: ícone à esquerda, título alinhado */ .cgu-org .elementor-icon-box-wrapper { flex-direction: row; align-items: flex-start; gap: .8rem; } .cgu-org .elementor-icon-box-icon { margin: 0 !important; } /* Órgãos: sigla em destaque (ícone à esquerda) */ .cgu-org .elementor-icon-box-title { font-size: 1.02rem; } /* >>> CARDS DE ALTURA IGUAL (todos os cards de uma linha do mesmo tamanho) <<< Funciona com a classe cgu-card no widget Caixa de Ícone. */ .cgu-card.elementor-widget, .cgu-card .elementor-widget-container, .cgu-card .elementor-icon-box-wrapper { height: 100% !important; } .cgu-card .elementor-icon-box-description { flex: 1 1 auto; } /* a coluna estica o card até a altura da linha */ .elementor-column .cgu-card { height: 100%; } /* >>> GRADE DE 3 POR LINHA (para Seção antiga com muitas colunas) <<< Aplique a classe cgu-grid-3 na SEÇÃO (Avançado → Classes CSS). Força 3 cards por linha no desktop, 2 no tablet, 1 no celular — sem precisar mexer na estrutura de colunas. */ .cgu-grid-3 > .elementor-container { flex-wrap: wrap; gap: 1.25rem 0; } .cgu-grid-3 > .elementor-container > .elementor-column { width: 33.333% !important; } @media (max-width: 1024px) { .cgu-grid-3 > .elementor-container > .elementor-column { width: 50% !important; } } @media (max-width: 600px) { .cgu-grid-3 > .elementor-container > .elementor-column { width: 100% !important; } } /* ---------- Slides (hero) ---------- */ .cgu-slides .elementor-slide-heading { font-family: "Sora", sans-serif; font-weight: 700; letter-spacing: -.02em; } .cgu-slides .elementor-button { border-radius: 999px; font-family: "Sora", sans-serif; font-weight: 600; padding: .85rem 1.6rem; } .cgu-slides .elementor-slides-wrapper .elementor-slide-description { max-width: 38ch; } /* ---------- Seções escuras ---------- */ .cgu-dark .elementor-heading-title { color: var(--cgu-white); } /* Indicadores (Counter) */ .cgu-indic .elementor-counter-number-wrapper { font-family: "Sora", sans-serif; font-weight: 800; letter-spacing: -.03em; } .cgu-indic .elementor-counter .elementor-counter-number-prefix, .cgu-indic .elementor-counter-number-suffix { color: var(--cgu-primary); } .cgu-indic .elementor-counter-title { font-weight: 400; } /* descrições dos números mais compactas (sem aquele vão entre as linhas) */ .cgu-indic .elementor-counter-title, .cgu-indic .elementor-counter .elementor-counter-title, .cgu-indic-box .elementor-counter-title { line-height: 1.25 !important; margin-top: .4rem !important; max-width: 20ch; color: #c9cace !important; display: block; } /* moldura arredondada + divisores entre os números (igual ao protótipo) APLIQUE a classe cgu-indic-box na Seção/Container que tem SÓ os 5 números. */ .cgu-indic-box { border: 1px solid rgba(255,255,255,.14) !important; border-radius: 0 !important; padding: 1.6rem 1rem !important; } .cgu-indic-box > .elementor-container > .elementor-column + .elementor-column, .cgu-indic-box > .e-con-inner > .e-con + .e-con, .cgu-indic-box .elementor-column + .elementor-column { border-left: 1px solid rgba(255,255,255,.12) !important; } /* compacta QUALQUER legenda dentro da moldura (título do Counter ou texto separado) */ .cgu-indic-box .elementor-counter-title, .cgu-indic-box p, .cgu-indic-box .elementor-widget-text-editor, .cgu-indic-box .elementor-widget-heading .elementor-heading-title { line-height: 1.25 !important; margin-top: .4rem !important; } /* ---------- Botões (fallback além do Theme Style) ---------- */ .elementor-button.cgu-btn, .cgu-newsletter .elementor-button { border-radius: 999px; font-family: "Sora", sans-serif; font-weight: 600; background-color: var(--cgu-primary); transition: background-color .2s var(--cgu-ease), transform .15s var(--cgu-ease); } .elementor-button.cgu-btn:hover, .cgu-newsletter .elementor-button:hover { background-color: var(--cgu-primary-strong); transform: translateY(-2px); } /* Newsletter form */ .cgu-nl-form input[type="email"] { border-radius: 999px; border: 2px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff; padding: .85rem 1.25rem; min-height: 50px; } .cgu-nl-form input::placeholder { color: #E0CFD0; } /* Newsletter (widget Formulário nativo): campo largo em pílula, sem label, botão pílula */ .cgu-newsletter .elementor-field-label { display: none !important; } .cgu-newsletter .elementor-field-group { margin-bottom: 0 !important; } .cgu-newsletter input[type="email"], .cgu-newsletter .elementor-field-textual { border-radius: 8px !important; border: 2px solid rgba(255,255,255,.28) !important; background: #fff !important; color: var(--cgu-ink) !important; padding: .85rem 1.4rem !important; min-height: 52px !important; min-width: 280px !important; font-size: 1rem !important; } .cgu-newsletter input[type="email"]::placeholder { color: #8A8E96 !important; } .cgu-newsletter .elementor-button { border-radius: 8px !important; min-height: 52px !important; padding: 0 1.8rem !important; font-family: "Sora", sans-serif !important; font-weight: 600 !important; background-color: var(--cgu-primary) !important; color: #fff !important; } .cgu-newsletter .elementor-button:hover { background-color: var(--cgu-primary-strong) !important; } /* alinha campo + botão na mesma linha, centralizados verticalmente */ .cgu-newsletter .elementor-form-fields-wrapper { align-items: center !important; gap: .6rem; } /* ---------- Menu principal (Nav Menu no Theme Builder) ---------- */ .cgu-nav .elementor-item { font-family: "Sora", sans-serif; font-weight: 600; font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; position: relative; } .cgu-nav .elementor-item::after { content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .42rem; height: 2px; background: var(--cgu-primary); border-radius: 2px; transform: scaleX(0); transition: transform .24s var(--cgu-ease); } .cgu-nav .elementor-item:hover::after, .cgu-nav .elementor-item-active::after, .cgu-nav .highlighted::after { transform: scaleX(1); } /* ---------- Foco visível (acessibilidade WCAG) ---------- */ .elementor a:focus-visible, .elementor button:focus-visible, .elementor .elementor-button:focus-visible, .elementor input:focus-visible { outline: 3px solid var(--cgu-primary); outline-offset: 2px; border-radius: 4px; } /* ---------- Filtro de notícias (Taxonomy Filter) ---------- */ .cgu-news-filter .e-filter-item { font-family: "Sora", sans-serif; font-weight: 600; border-radius: 999px; border: 1px solid #D2D4DA; padding: .5rem 1.05rem; } .cgu-news-filter .e-filter-item.e-active { background: var(--cgu-primary); color: #fff; border-color: var(--cgu-primary); } /* ---------- Movimento reduzido ---------- */ @media (prefers-reduced-motion: reduce) { .cgu-card .elementor-icon-box-wrapper, .elementor-button { transition: none !important; } } /* ============================================================ THEME BUILDER — Header / Footer / Loop Item (templates cgu-header.json, cgu-footer.json, cgu-loop-item-noticia.json) ============================================================ */ /* Barra utilitária */ .cgu-utility { background-color: #121317; } .cgu-utility a, .cgu-utility .elementor-item, .cgu-utility .elementor-icon-list-text, .cgu-utility .elementor-text-editor, .cgu-utility p { color: #D7D7DC !important; font-size: .82rem; } .cgu-utility .elementor-item { padding: .35rem .6rem; } .cgu-utility a:hover, .cgu-utility .elementor-item:hover { color: #fff !important; } /* menu da barra: itens em linha, sem fundo */ .cgu-utility .elementor-nav-menu { background: transparent; } .cgu-a11y { display: flex; gap: .4rem; align-items: center; justify-content: flex-end; } .cgu-a11y button { font-family: "Sora", sans-serif; font-weight: 600; font-size: .8rem; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: .3rem .7rem; min-height: 30px; cursor: pointer; } .cgu-a11y button:hover { background: rgba(255,255,255,.2); } /* Cabeçalho sticky */ .cgu-header { box-shadow: 0 1px 0 var(--cgu-line); transition: box-shadow .25s var(--cgu-ease); } .cgu-header.elementor-sticky--effects { box-shadow: var(--cgu-shadow-lg); } .cgu-header .elementor-button.cgu-btn { padding: .6rem 1.1rem; } .cgu-search .elementor-search-form { border-radius: 999px; } /* Rodapé */ .cgu-foot-h .elementor-heading-title { font-family: "Sora", sans-serif; font-size: .95rem; letter-spacing: .03em; text-transform: uppercase; color: #fff; margin-bottom: 1rem; } .cgu-footer .elementor-icon-list-text { color: #BCBCC3; } .cgu-footer .elementor-icon-list-item:hover .elementor-icon-list-text { color: #fff; } /* Logo do rodapé: é a versão BRANCA, então vai direto sobre o fundo escuro (NÃO usar fundo branco atrás — senão vira um quadrado branco invisível). */ .cgu-foot-logo { margin-bottom: 1.1rem !important; } .cgu-foot-logo img { background: transparent !important; padding: 0 !important; border-radius: 0 !important; max-height: 64px !important; max-width: 230px !important; width: auto !important; height: auto !important; display: block !important; } /* Se você usar a logo COLORIDA no rodapé, troque o bloco acima por: .cgu-foot-logo img { background:#fff; padding:8px 12px; border-radius:12px; max-height:56px; width:auto; } */ /* Anti-sobreposição: vence CSS de tema/addon que colapsa line-height */ .cgu-footer .elementor-column { padding-right: 24px; } .cgu-footer p, .cgu-footer .elementor-icon-list-text, .cgu-footer .elementor-heading-title { line-height: 1.5 !important; } .cgu-footer .elementor-widget-text-editor { line-height: 1.6 !important; } .cgu-footer .elementor-icon-list-items { display: flex !important; flex-direction: column; gap: 10px; } .cgu-footer .elementor-icon-list-item { margin: 0 !important; align-items: flex-start; } .cgu-footer .elementor-icon-list-icon { margin-top: 3px; } .cgu-foot-h .elementor-heading-title { line-height: 1.2 !important; margin-bottom: 16px !important; } .cgu-footer .elementor-widget { margin-bottom: 14px; } .cgu-footer-bottom p { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; line-height: 1.5 !important; margin: 0; } @media (max-width: 860px) { .cgu-footer .elementor-column { width: 50% !important; padding-bottom: 24px; } } @media (max-width: 540px) { .cgu-footer .elementor-column { width: 100% !important; } } /* Loop Item (card de notícia) */ .cgu-loop-item { overflow: hidden; height: 100%; } .cgu-li-thumb img { aspect-ratio: 16/10; object-fit: cover; width: 100%; } .cgu-li-cat, .cgu-li-title, .cgu-li-excerpt, .cgu-li-date { padding-inline: 1.2rem; } .cgu-li-cat { margin-top: 1rem; } .cgu-li-cat a { font-family: "Sora", sans-serif; font-weight: 700; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: var(--cgu-primary); } .cgu-li-title { margin-top: .5rem; } .cgu-li-title .elementor-heading-title { font-family: "Sora", sans-serif; font-weight: 600; font-size: 1.12rem; line-height: 1.25; } .cgu-loop-item:hover .cgu-li-title .elementor-heading-title { color: var(--cgu-primary); } .cgu-li-excerpt { color: var(--cgu-soft); font-size: .92rem; margin-top: .4rem; } .cgu-li-date { margin-top: .6rem; color: var(--cgu-soft); font-size: .82rem; } /* >>> FALLBACK: estiliza itens do Loop Grid mesmo sem as classes cgu-li-* <<< Funciona com a classe cgu-news-grid aplicada no Loop Grid. */ .cgu-news-grid .e-loop-item, .cgu-news-grid .elementor-loop-item { background: #fff; border: 1px solid var(--cgu-line); border-radius: 0 !important; overflow: hidden; box-shadow: 0 1px 3px rgba(18,19,23,.06); transition: transform .2s ease, box-shadow .2s ease; padding-bottom: 1.1rem; height: 100%; } .cgu-news-grid .e-loop-item:hover, .cgu-news-grid .elementor-loop-item:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(18,19,23,.12); } .cgu-news-grid .e-loop-item img, .cgu-news-grid .elementor-loop-item img { width: 100%; aspect-ratio: 16/10; object-fit: cover; } /* widgets de texto ganham respiro lateral (imagem continua sangrada) */ .cgu-news-grid .e-loop-item > *:not(.elementor-widget-theme-post-featured-image):not(.elementor-widget-image), .cgu-news-grid .elementor-loop-item > *:not(.elementor-widget-theme-post-featured-image):not(.elementor-widget-image) { padding-inline: 1.1rem; } /* título escuro, vermelho só no hover */ .cgu-news-grid .e-loop-item .elementor-heading-title, .cgu-news-grid .e-loop-item .elementor-heading-title a, .cgu-news-grid .elementor-loop-item .elementor-heading-title, .cgu-news-grid .elementor-loop-item .elementor-heading-title a { color: var(--cgu-ink) !important; font-family: "Sora", sans-serif; font-weight: 600; font-size: 1.12rem; line-height: 1.3; margin-top: .8rem; } .cgu-news-grid .e-loop-item:hover .elementor-heading-title a, .cgu-news-grid .elementor-loop-item:hover .elementor-heading-title a { color: var(--cgu-primary) !important; } /* ---------- Notícias: primeiro card em DESTAQUE (grande) ---------- Aplique a classe cgu-news-grid no widget Loop Grid (Avançado → Classes CSS). 1º post: card escuro SEM imagem (título branco + resumo + data). Demais posts: cards brancos com imagem. Tudo dinâmico. */ .cgu-news-grid .elementor-grid { gap: 1.5rem !important; } .cgu-news-grid style, .cgu-news-grid link { display: none !important; } @media (min-width: 861px) { .cgu-news-grid .elementor-grid { grid-template-columns: repeat(3, 1fr) !important; } /* 1º card: linha inteira, fundo grafite, sem imagem */ .cgu-news-grid .elementor-grid > div:first-of-type { grid-column: 1 / -1 !important; background: linear-gradient(125deg, #262a31, #0e0f12) !important; border: 0 !important; border-radius: 12px; padding: 2.5rem 2.5rem 2.2rem !important; min-height: 320px; } .cgu-news-grid .elementor-grid > div:first-of-type .elementor-widget-theme-post-featured-image, .cgu-news-grid .elementor-grid > div:first-of-type .elementor-widget-image { display: none !important; } /* invólucros internos do card destaque ficam transparentes (mata a "caixa branca" que o modelo traz por padrão) */ .cgu-news-grid .elementor-grid > div:first-of-type :is(section, .elementor-section, .cgu-loop-item, .e-con, .e-con-inner, .e-child, .elementor-widget-wrap, .elementor-container, .elementor-column, .elementor-widget-container) { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* textos claros, sem o respiro lateral dos cards normais */ .cgu-news-grid .elementor-grid > div:first-of-type > *, .cgu-news-grid .elementor-grid > div:first-of-type > .e-con-inner > * { padding-inline: 0 !important; } .cgu-news-grid .elementor-grid > div:first-of-type .elementor-heading-title, .cgu-news-grid .elementor-grid > div:first-of-type .elementor-heading-title a { color: #fff !important; font-size: 2.1rem !important; line-height: 1.12 !important; letter-spacing: -.02em; max-width: 26ch; margin-top: .4rem; overflow-wrap: break-word; word-break: break-word; } .cgu-news-grid .elementor-grid > div:first-of-type .elementor-heading-title a { text-decoration: none !important; } .cgu-news-grid .elementor-grid > div:first-of-type:hover .elementor-heading-title a { color: #fff !important; text-decoration: underline; text-underline-offset: 4px; } .cgu-news-grid .elementor-grid > div:first-of-type .elementor-widget-theme-post-excerpt, .cgu-news-grid .elementor-grid > div:first-of-type .elementor-widget-theme-post-excerpt p { color: #d9dade !important; font-size: 1.15rem; max-width: 75ch; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .cgu-news-grid .elementor-grid > div:first-of-type .elementor-widget-post-info, .cgu-news-grid .elementor-grid > div:first-of-type .elementor-widget-post-info * { color: #b9bac0 !important; font-size: .88rem; } } /* ---------- Single Post (notícia individual) ---------- */ .cgu-single-head .elementor-widget-wrap, .cgu-single-body > .elementor-column-wrap, .cgu-single-body .elementor-widget-wrap { max-width: 760px; margin-inline: auto; } .cgu-btn-ghost .elementor-button { background: transparent; color: var(--cgu-primary); border: 1px solid var(--cgu-line); border-radius: 999px; font-family: "Sora", sans-serif; font-weight: 600; } .cgu-btn-ghost .elementor-button:hover { background: rgba(216,30,39,.06); border-color: var(--cgu-primary); } .cgu-single-cat { margin-top: 1.25rem; } .cgu-single-cat a { font-family: "Sora", sans-serif; font-weight: 700; font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; color: var(--cgu-primary); } .cgu-single-title .elementor-heading-title { font-family: "Sora", sans-serif; font-weight: 700; letter-spacing: -.02em; font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem); line-height: 1.08; margin-top: .5rem; max-width: 22ch; } .cgu-single-meta { margin-top: 1rem; color: var(--cgu-soft); font-size: .92rem; } .cgu-single-thumb img { border-radius: var(--cgu-radius); margin-top: -2.5rem; max-width: 1000px; margin-inline: auto; display: block; box-shadow: var(--cgu-shadow-lg); } .cgu-single-content { font-size: 1.12rem; line-height: 1.7; color: #2E3138; } .cgu-single-content h2 { font-family: "Sora", sans-serif; font-size: 1.6rem; margin: 2rem 0 .6rem; } .cgu-single-content h3 { font-family: "Sora", sans-serif; font-size: 1.25rem; margin: 1.5rem 0 .5rem; } .cgu-single-content a { color: var(--cgu-primary); text-underline-offset: 3px; } .cgu-single-content blockquote { border-left: 4px solid var(--cgu-primary); background: var(--cgu-bg-soft); padding: 1rem 1.25rem; border-radius: 0 8px 8px 0; margin: 1.5rem 0; font-style: italic; } .cgu-single-share { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--cgu-line); } .cgu-single-nav { margin-top: 1rem; } /* ---------- Página institucional ---------- */ .cgu-breadcrumb .cgu-crumb { font-size: .88rem; color: var(--cgu-soft); margin-bottom: 1rem; } .cgu-breadcrumb a { color: var(--cgu-soft); text-decoration: none; } .cgu-breadcrumb a:hover { color: var(--cgu-primary); } .cgu-page-title .elementor-heading-title { font-family: "Sora", sans-serif; font-weight: 700; letter-spacing: -.02em; font-size: clamp(2.2rem, 1.6rem + 2.6vw, 3.2rem); line-height: 1.05; margin: .4rem 0; } .cgu-prose { font-size: 1.08rem; line-height: 1.7; color: #2E3138; } .cgu-prose h2 { font-family: "Sora", sans-serif; font-size: 1.5rem; margin: 1.8rem 0 .5rem; color: var(--cgu-ink); } .cgu-prose ul { padding-left: 1.1rem; } .cgu-prose li { margin: .3rem 0; } .cgu-aside-h .elementor-heading-title { font-family: "Sora", sans-serif; font-size: 1.05rem; margin-bottom: .6rem; } .cgu-aside-nav .elementor-item { font-family: "Sora", sans-serif; font-weight: 600; font-size: .95rem; border-left: 2px solid var(--cgu-line); padding: .5rem 0 .5rem 1rem !important; color: var(--cgu-soft); } .cgu-aside-nav .elementor-item:hover, .cgu-aside-nav .elementor-item-active { color: var(--cgu-primary); border-color: var(--cgu-primary); background: transparent; } .cgu-aside-card { margin-top: 1.5rem; background: var(--cgu-bg-soft); border: 1px solid var(--cgu-line); border-radius: var(--cgu-radius-sm); padding: 1.25rem; } .cgu-aside-card strong { font-family: "Sora", sans-serif; display: block; margin-bottom: .35rem; } .cgu-aside-card p { color: var(--cgu-soft); font-size: .92rem; margin: 0 0 .75rem; } .cgu-aside-link { font-family: "Sora", sans-serif; font-weight: 600; color: var(--cgu-primary); text-decoration: none; } /* ---------- "Ler notícia completa" (widget Botão com classe cgu-li-more) ---------- */ .cgu-li-more { margin-top: .6rem; } .cgu-li-more .elementor-button { background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--cgu-primary) !important; font-family: "Sora", sans-serif !important; font-weight: 700 !important; font-size: .98rem !important; box-shadow: none !important; } .cgu-li-more .elementor-button:hover { text-decoration: underline; text-underline-offset: 4px; transform: none !important; } /* no card destaque (fundo escuro), o link fica branco */ .cgu-news-grid .elementor-grid > div:first-of-type .cgu-li-more .elementor-button { color: #fff !important; } /* ============================================================ NOTÍCIAS — SELO DE CATEGORIA + IMAGEM (bloco único e limpo) Substitui todos os blocos antigos do selo (que se conflitavam). ============================================================ */ /* imagem do card normal vai até as bordas (zera padding da coluna do modelo) */ .cgu-news-grid .e-loop-item .elementor-element-populated, .cgu-news-grid .elementor-loop-item .elementor-element-populated { padding: 0 !important; } /* imagem full-bleed: zera margens/padding dos invólucros da imagem e estica 100% */ .cgu-news-grid .e-loop-item .elementor-widget-image, .cgu-news-grid .e-loop-item .elementor-widget-theme-post-featured-image, .cgu-news-grid .elementor-loop-item .elementor-widget-image, .cgu-news-grid .elementor-loop-item .elementor-widget-theme-post-featured-image { margin: 0 !important; width: 100% !important; } .cgu-news-grid .e-loop-item .elementor-widget-image .elementor-widget-container, .cgu-news-grid .e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container, .cgu-news-grid .elementor-loop-item .elementor-widget-image .elementor-widget-container, .cgu-news-grid .elementor-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container { padding: 0 !important; } .cgu-news-grid .e-loop-item img, .cgu-news-grid .elementor-loop-item img { width: 100% !important; display: block !important; border-radius: 0 !important; } /* zera raio também nos invólucros da imagem (o widget pode ter raio próprio) */ .cgu-news-grid .e-loop-item .elementor-widget-image, .cgu-news-grid .e-loop-item .elementor-widget-image .elementor-widget-container, .cgu-news-grid .e-loop-item .elementor-widget-theme-post-featured-image, .cgu-news-grid .e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container, .cgu-news-grid .elementor-loop-item .elementor-widget-image, .cgu-news-grid .elementor-loop-item .elementor-widget-image .elementor-widget-container, .cgu-news-grid .elementor-loop-item .elementor-widget-theme-post-featured-image, .cgu-news-grid .elementor-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container { border-radius: 0 !important; overflow: visible !important; } /* especificidade máxima: vence o raio definido no próprio widget */ body .elementor .cgu-news-grid .e-loop-item img, body .elementor .cgu-news-grid .elementor-loop-item img, body .elementor .cgu-news-grid .e-loop-item .elementor-widget-container > img, body.elementor-page .cgu-news-grid img { border-radius: 0 !important; } /* zera o raio do PAI que recorta a imagem (Seção do modelo, coluna, wraps) */ .cgu-news-grid .cgu-loop-item, .cgu-news-grid .cgu-loop-item .elementor-element-populated, .cgu-news-grid .cgu-loop-item .elementor-widget-wrap, .cgu-news-grid .cgu-loop-item .elementor-column-wrap, .cgu-news-grid .cgu-loop-item .e-con, .cgu-news-grid .cgu-loop-item .e-con-inner, .cgu-news-grid .e-loop-item > .elementor, .cgu-news-grid .e-loop-item .elementor-widget-image, .cgu-news-grid .e-loop-item .elementor-widget-image .elementor-widget-container { border-radius: 0 !important; } /* full-bleed definitivo: zera padding da Seção/coluna/containers do card... */ .cgu-news-grid .cgu-loop-item, .cgu-news-grid .cgu-loop-item > .elementor-container, .cgu-news-grid .cgu-loop-item .elementor-column-wrap, .cgu-news-grid .cgu-loop-item .elementor-widget-wrap, .cgu-news-grid .cgu-loop-item .e-con-inner, .cgu-news-grid .cgu-loop-item .e-con { padding: 0 !important; } /* ...e devolve o respiro lateral SÓ nos textos (não na imagem) */ .cgu-news-grid .cgu-loop-item .elementor-widget-heading, .cgu-news-grid .cgu-loop-item .elementor-widget-theme-post-title, .cgu-news-grid .cgu-loop-item .elementor-widget-theme-post-excerpt, .cgu-news-grid .cgu-loop-item .elementor-widget-text-editor, .cgu-news-grid .cgu-loop-item .cgu-li-more { padding-inline: 1.1rem !important; } .cgu-news-grid .cgu-loop-item .elementor-widget-heading:first-child { padding-top: 1rem !important; } /* ---- Wrappers do Post Info SEMPRE transparentes (mata a "dobra" de camadas) ---- */ .cgu-li-cat, .cgu-li-cat ul, .cgu-li-cat .elementor-widget-container, .cgu-li-cat .elementor-post-info, .cgu-li-cat .elementor-post-info__item, .cgu-li-cat .elementor-post-info__terms-list, .cgu-li-cat .elementor-icon-list-items, .cgu-li-cat .elementor-icon-list-item { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; -webkit-mask: none !important; mask: none !important; -webkit-clip-path: none !important; clip-path: none !important; overflow: visible !important; } .cgu-li-cat .elementor-icon-list-icon { display: none !important; } .cgu-li-cat { margin-bottom: .5rem !important; } /* ---- O selo em si: somente o /termo recebe estilo ---- */ .cgu-li-cat a, .cgu-li-cat .elementor-post-info__terms-list-item, .cgu-li-cat .elementor-icon-list-text { display: inline-block !important; font-family: "Sora", sans-serif !important; font-weight: 700 !important; font-size: .72rem !important; line-height: 1.1 !important; letter-spacing: .07em !important; text-transform: uppercase !important; text-decoration: none !important; background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important; -webkit-mask: none !important; mask: none !important; -webkit-clip-path: none !important; clip-path: none !important; } /* ===== CARDS NORMAIS (com imagem): pílula branca sobre a imagem ===== */ .cgu-news-grid .e-loop-item, .cgu-news-grid .elementor-loop-item { position: relative; overflow: hidden; } .cgu-news-grid .e-loop-item .cgu-li-cat, .cgu-news-grid .elementor-loop-item .cgu-li-cat { position: absolute !important; top: .8rem; left: .8rem; z-index: 3; margin: 0 !important; } .cgu-news-grid .e-loop-item .cgu-li-cat a, .cgu-news-grid .e-loop-item .cgu-li-cat .elementor-post-info__terms-list-item, .cgu-news-grid .elementor-loop-item .cgu-li-cat a, .cgu-news-grid .elementor-loop-item .cgu-li-cat .elementor-post-info__terms-list-item { background: #fff !important; color: var(--cgu-primary) !important; padding: .3rem .6rem !important; border-radius: 4px !important; } /* ===== CARD DESTAQUE (escuro): SEM categoria (removida a pedido) ===== */ .cgu-news-grid .elementor-grid > div:first-of-type { overflow: visible !important; } .cgu-news-grid .elementor-grid > div:first-of-type .cgu-li-cat { display: none !important; } /* ===== Esconde etiquetas