ANDERSON BENTHIEN CFT-BR 170661980-4 Instalação de ar condicionado Manutenção preventiva e corretiva Infraestrutura completa (quebra de parede e dreno) para ar condicionado e ponto 220v Manutenção PMOC Renovação de ar para ambientes Instalação de tubulação Pex (Gás GLP e GN) Instalação e manutenção de sistemas VRF e VRV Solicitar Orçamento /* ====== Ajuste de paleta (harmoniza com seu site) ====== */ .benthien-hero{ /* fundo fica por conta do Divi; mantemos transparente */ overflow: hidden; } .bh-wrap{ max-width: 1200px; margin: 0 auto; padding: clamp(28px,6vw,80px) clamp(18px,5vw,48px); display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(20px,4vw,56px); align-items: center; } .bh-title{ margin: 0 0 6px 0; font-weight: 900; letter-spacing: .5px; line-height: 1.05; font-size: clamp(28px,4.4vw,56px); color: #c62828; /* vermelho bonito */ text-shadow: 0 2px 0 rgba(0,0,0,.12); /* leve destaque como no print */ } .bh-sub{ margin: 0 0 18px 0; font-weight: 700; color: #0e2a3f; /* texto escuro */ font-size: clamp(14px,1.6vw,20px); } .bh-list{ list-style: disc; padding-left: 22px; /* afasta da borda esquerda */ margin: 0 0 22px 0; color: #0c5ea8; /* azul dos itens (como no print) */ } .bh-list li{ margin: 8px 0; line-height: 1.35; font-size: clamp(14px,1.35vw,18px); } .bh-list li strong{ color:#0b3a6a; } /* Botão pílula (como no print) */ .bh-btn{ display: inline-block; padding: .75em 1.4em; border-radius: 999px; background: #1e88e5; /* azul botão */ color: #fff; font-weight: 700; font-size: clamp(14px,1.3vw,16px); text-decoration: none; box-shadow: 0 6px 16px rgba(30,136,229,.25); transition: transform .15s ease, filter .15s ease; } .bh-btn:hover{ transform: translateY(-1px); filter: brightness(1.05); } /* Imagem circular à direita com borda vermelha */ .bh-figure{ position: relative; display: grid; place-items: center; } .bh-figure img{ width: min(520px, 80vw); aspect-ratio: 1/1; object-fit: cover; border-radius: 50%; border: clamp(10px,1.2vw,14px) solid #d4153a; /* vermelho da borda */ box-shadow: 0 12px 32px rgba(0,0,0,.18); transform: translateX(6%); /* empurra um pouco para fora como no print */ } /* ====== Responsivo ====== */ @media (max-width: 980px){ .bh-wrap{ grid-template-columns: 1fr; } .bh-figure img{ transform: none; width: min(420px, 92vw); margin-top: 4px; } .bh-title{ text-align: center; } .bh-sub{ text-align: center; } .bh-list{ color:#0c5ea8; } /* mantém azul */ .bh-text{ text-align: left; } .bh-btn{ display:block; width:max-content; margin: 12px auto 0; } }