Smartphone Realme 16 Pro+ 5g - 512gb, 12gb Ram, Câmera 200mp + Selfie 50mp - Cinza - Rmx5131

/* ??????????????????????????????????????????????????????????????? OFICINA DOS BITS - LANDING PAGE STYLES (Paleta Realme - Yellow/Gold com tons escuros) ??????????????????????????????????????????????????????????????? */ .vit-container { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0; box-sizing: border-box; font-family: `Segoe UI`, Tahoma, Geneva, Verdana, sans-serif; color: #1a1a1a; overflow: hidden; background: #ffffff; } .vit-container * { box-sizing: border-box; overflow-wrap: break-word; word-wrap: break-word; } .vit-container img { max-width: 100%; height: auto; display: block; border-radius: 10px; } /* ?? TOPO (HERO) ?? / .vit-topo { background: #ffffff; padding: 80px 50px 60px; overflow: hidden; } .vit-topo-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 50px; width: 100%; } .vit-conteudo { flex: 1 1 100%; min-width: 0; text-align: center; max-width: 900px; margin: 0 auto; } .vit-mini-top { font-size: 0.9rem; font-weight: 600; color: #F5C518; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 18px; } .vit-titulo { font-size: 3rem; line-height: 1.1; margin: 0 0 25px; font-weight: 800; color: #1a1a1a; text-transform: uppercase; } .vit-sub-top { font-size: 1.15rem; color: #555555; margin-bottom: 40px; line-height: 1.8; max-width: 1260px; margin-left: auto; margin-right: auto; } .vit-hero-img { text-align: center; margin-bottom: 50px; } .vit-hero-img img { max-width: 100%; margin: 0 auto; border-radius: 0; } .vit-banner-texto { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; padding: 40px 20px; } .vit-banner-power { font-size: 3.5rem; line-height: 1.05; font-weight: 900; color: #1a1a1a; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 20px; max-width: 1000px; } .vit-banner-power span { color: #F5C518; } .vit-banner-desc { text-align: center; max-width: 1000px; padding: 0 40px; margin: 0 auto; font-size: 1.08rem; color: #555555; line-height: 1.9; } / ?? BENEFÍCIOS ?? / .vit-beneficios { padding: 70px 40px; background: #f5f5f5; } .vit-tit-ben { text-align: center; font-size: 2.1rem; color: #1a1a1a; margin: 0 0 50px; text-transform: uppercase; font-weight: 900; } .vit-lista-ben { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; width: 100%; align-items: stretch; } .vit-card-ben { background: #ffffff; border-radius: 18px; padding: 30px; border: 1px solid #e8e8e8; transition: 0.3s ease; min-width: 0; } .vit-card-ben:hover { transform: translateY(-8px); border-color: #F5C518; box-shadow: 0 0 30px rgba(245, 197, 24, 0.15); } .vit-icone-ben { width: 60px; height: 60px; border-radius: 14px; background: linear-gradient(135deg, #F5C518, #D4A000); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; color: #ffffff; flex-shrink: 0; } .vit-icone-ben svg { width: 28px; height: 28px; } .vit-tit-card { font-size: 1.3rem; color: #1a1a1a; margin: 0 0 14px; font-weight: 700; } .vit-desc-card { margin: 0; color: #555555; line-height: 1.8; font-size: 1rem; } / ?? PÚBLICO-ALVO ?? / .vit-publico { padding: 70px 40px; background: #ffffff; } .vit-icone-publico { background: linear-gradient(135deg, #1a1a1a, #333333); } / ?? CARACTERÍSTICAS ?? / .vit-caracteristicas { background: #ffffff; padding: 60px 40px; display: flex; flex-direction: column; gap: 0; width: 100%; align-items: center; } .vit-secao-img { width: 100%; margin-bottom: 24px; } .vit-secao-img img { width: 100%; border-radius: 0; } / Ajuste principal: alinhamento do texto à esquerda nos blocos de imagem / .vit-secao-img-info { max-width: 900px; margin: 0 auto 40px; padding: 0 20px; text-align: left; / antes era center / } / Título permanece centralizado */ .vit-secao-img-info .vit-subtitulo { text-align: center; } .vit-img-550-section { width: 100%; text-align: center; padding: 0; margin-bottom: 40px; } .vit-img-550 { max-width: 550px; margin: 0 auto; display: block; border-radius: