/* ===================================================================== desktop-fixes.css — Correções de layout SOMENTE para desktop (>=1025px) Mobile (<=767px) e tablet (768-1024px) permanecem 100% intactos. Este arquivo foi adicionado ao clone; não faz parte do site original. Carregado por último no para vencer a cascata do Elementor. ===================================================================== */ @media (min-width: 1025px) { /* --------------------------------------------------------------- SEÇÃO 1 — "pills" do checklist (✅ dimensionamento automático / 📋 lista de materiais / etc.) Bug: no desktop os widgets ficavam full-width (~1100px), viravam barras enormes quase vazias com o texto grudado à esquerda. Correção: largura de conteúdo, empilhados e centralizados. --------------------------------------------------------------- */ .elementor-element-af4fe17 { align-items: center; gap: 12px; } .elementor-element-d057054, .elementor-element-fba2a5c, .elementor-element-50a7590, .elementor-element-358159e { width: -moz-fit-content !important; width: fit-content !important; max-width: 100%; } /* --------------------------------------------------------------- SEÇÃO 9 — caixas "O Dimensionador Automático é pra você que" (check verde + texto) Bug: as 4 caixas ficavam full-width (~1120px) e muito altas, com o check no topo e o texto embaixo à esquerda (muito vazio). Correção: grade 2x2 centralizada, caixas mais estreitas, texto centralizado sob o check. --------------------------------------------------------------- */ /* Wrapper das 4 caixas -> grade 2x2 centralizada. O Elementor controla o flex via custom properties (--flex-direction etc.), por isso sobrescrevemos elas + a propriedade direta com !important. */ .elementor-element-d0ddf77 { --flex-direction: row; --flex-wrap: wrap; --justify-content: center; --align-items: stretch; --gap: 20px; --row-gap: 20px; --column-gap: 20px; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px; max-width: 940px; margin-left: auto; margin-right: auto; } /* Cada caixa: ~2 por linha, sem a altura fixa de 440px, conteúdo centralizado. */ .elementor-element-42b06fc2 .elementor-element-43c6288, .elementor-element-42b06fc2 .elementor-element-595d532, .elementor-element-42b06fc2 .elementor-element-654147b, .elementor-element-42b06fc2 .elementor-element-4734cf9 { --justify-content: center; --align-items: center; --gap: 12px; --row-gap: 12px; flex: 0 1 440px; max-width: 440px; height: auto !important; min-height: 150px; justify-content: center !important; padding: 24px 18px !important; } .elementor-element-5835f64 .elementor-heading-title, .elementor-element-2401a58 .elementor-heading-title, .elementor-element-8da6dc2 .elementor-heading-title, .elementor-element-5cb2818 .elementor-heading-title { text-align: center; } }