/* ============================================================================ Na Mídia — ÚNICA alteração sobre o tema: os cards do posts-archive ganham FOTO de fundo (no slot .item_background, que o tema deixa vazio) + VÉU verde escuro do projeto (#222f30) + degradê linear escuro nas faixas de texto. Todo o resto é o card do tema (.e-post-thumb) puro. ========================================================================== */ /* o reset do tema (all:unset) força content-box → o card estoura a coluna do grid. Restaura border-box para o card caber no track. */ .c-posts-archive .e-post-thumb{box-sizing:border-box} /* cards mais altos (proporção da referência) */ .c-posts-archive .e-post-thumb.has-photo{ --post-text-color:#fff; --post-category-background-color:rgba(255,255,255,.18); --post-category-text-color:#fff; --post-min-height:clamp(320px,30vw,392px); /* entalhe do canto (.btn_bg) usa esta cor: escura p/ fundir no card (como a referência). A setinha lime é o .btn_el, separado. */ --post-background-color:#141d1e; } /* título desce (empurra p/ perto do rodapé) → mostra mais da foto no topo do card */ .c-posts-archive .e-post-thumb.has-photo .item_title{flex:0 0 auto;margin-top:auto} /* foto vira ATMOSFERA: dessaturada + escurecida (duotone verde), não protagonista */ .e-post-thumb.has-photo .item_background{overflow:hidden;background:#1b2627} .e-post-thumb.has-photo .item_background img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%; filter:grayscale(1) brightness(.62) contrast(.92); transition:transform .6s cubic-bezier(.16,1,.3,1); } /* VÉU verde escuro forte + degradê — a foto fica só como textura sutil, texto é o herói */ .e-post-thumb.has-photo .item_background::after{ content:"";position:absolute;inset:0; background: linear-gradient(180deg, rgba(27,38,39,.86) 0%, rgba(27,38,39,.52) 42%, rgba(24,33,34,.68) 70%, rgba(18,26,27,.96) 100%), rgba(34,47,48,.5); } .e-post-thumb.has-photo:hover .item_background img{transform:scale(1.045)} @media (prefers-reduced-motion:reduce){ .e-post-thumb.has-photo .item_background img{transition:none} .e-post-thumb.has-photo:hover .item_background img{transform:none} } /* Lista "Conteúdo": hover do tema — o preenchimento escuro (.item_hover) desce de cima (translateY(-100%) → 0). Essa regra faltava no bloco (o tema fazia via JS); reponho em CSS puro pra o hover ficar igual à referência. */ @media (hover:hover) and (pointer:fine) and (min-width:1025px){ .c-posts-list:not(.is-preview) .list_item:hover .item_hover{transform:translateY(0)} } /* BORDA BRANCA "ao redor": o herda margin:8px padrão do navegador (o head partial não zera). Zero aqui. Correção sistêmica (todas as páginas) = mesma linha no partials/head.html. */ html,body{margin:0} /* FILTRO: esconde o radio NATIVO (o "orbe azul"). O chip do tema já indica o ativo via .group_option:has(input:checked){background:#222f30;color:#fff}. */ .c-posts-archive .filters_terms input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none} .c-posts-archive .filters_terms .group_option{cursor:pointer} /* ============================================================================ ARTIGO (single-post = hero-post + wysiwyg) — fidelidade ao single-post do tema. Só complementos: lead confiante + preencher a foto do autor + reset do botão copiar. Todo o resto (autor, share, back-btn) é o bloco do tema puro. ========================================================================== */ /* standfirst/lead — charcoal confiante (não o cinza lavado do dek antigo inline) */ .c-wysiwyg .block_content .plna-lead{ font-size:max(1.2rem,min(calc(1.2rem + .006*(100vw - 27.5rem)),1.5rem)); line-height:1.4;font-weight:500;color:rgba(34,47,48,.92); margin-bottom:max(22px,min(calc(22px + .02*(100vw - 440px)),38px)); } /* foto do autor preenche o slot 46×46 do tema (.testimonial_author_image) */ .c-wysiwyg .testimonial_author_image img{width:100%;height:100%;object-fit:cover;display:block} /* botão "copiar link": reset do