Mesa de Sinuca e Jantar Fluorita

<div style="font-family: 'Segoe UI', Calibri, sans-serif; color: #333; line-height: 1.6; max-width: 1000px; width: 100%; margin: auto; padding: 10px; box-sizing: border-box;"><!-- Se&#231;&#227;o de Especifica&#231;&#245;es e Personaliza&#231;&#227;o --> <div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px;"><!-- Coluna 1: Especifica&#231;&#245;es --> <div style="flex: 1 1 280px; box-sizing: border-box;"> <h3 style="border-left: 4px solid #e0b392; padding-left: 10px; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; margin-top: 0;">&#9881;&#65039; Especifica&ccedil;&otilde;es T&eacute;cnicas</h3> <ul style="list-style: none; padding-left: 0; font-size: 14px; margin: 0;"> <li style="margin-bottom: 8px;"><strong>Estrutura da base:</strong> Confeccionada em ferro com um acabamento premium e pintura PU automotiva. Materiais de alta qualidade que garantem beleza e durabilidade por muitos anos, com op&ccedil;&atilde;o de personaliza&ccedil;&atilde;o de cores.</li> <li style="margin-bottom: 8px;"><strong>Estrutura Nobre:</strong> Toda a estrutura &eacute; confeccionada em madeira maci&ccedil;a nobre, cuidadosamente selecionada por sua excepcional resist&ecirc;ncia e estabilidade, garantindo uma mesa sofisticada e preparada para muitos anos de uso. Escolha madeira natural ou personaliza&ccedil;&atilde;o de cor.</li> <li style="margin-bottom: 8px;"><strong>Campo de Jogo:</strong> Pedra Ard&oacute;sia polida e de alta precis&atilde;o.</li> <li style="margin-bottom: 8px;"><strong>Performance:</strong> Tabelas internas com grau negativo para melhor rebote t&eacute;cnico.</li> <li style="margin-bottom: 8px;"><strong>Nivelamento:</strong> Sapatas niveladoras em a&ccedil;o inox.</li> <li style="margin-bottom: 8px;"><strong>Design:</strong> Ca&ccedil;apas emborrachadas embutidas com visual moderno.</li> <li style="margin-bottom: 8px;"><strong>Qualidade:</strong> Produto de alta qualidade e acabamento superior.</li> </ul> </div> <!-- Coluna 2: Personaliza&#231;&#227;o e Opcionais --> <div style="flex: 1 1 280px; box-sizing: border-box;"> <h3 style="border-left: 4px solid #e0b392; padding-left: 10px; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; margin-top: 0;">&#127912; Personaliza&ccedil;&atilde;o e Opcionais</h3> <ul style="list-style: none; padding-left: 0; font-size: 14px; margin: 0;"> <li style="margin-bottom: 8px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;"><span><strong>Tecido:</strong> Op&ccedil;&atilde;o de personaliza&ccedil;&atilde;o no tecido.</span> <!-- &#205;cone de Paleta de Cores em CSS Puro (Tamanho 36px) --></li> <li style="margin-bottom: 8px;"><strong>Acabamento da Madeira:</strong> Possibilidade de personaliza&ccedil;&atilde;o total nas tonalidades e cores da madeira.</li> <li style="margin-bottom: 8px;"><strong>Tampa de Jantar:</strong> Tampa de jantar inclusa (projetada e dividida em 2 partes estruturais para facilitar o manuseio).</li> <li style="margin-bottom: 8px;"><strong>Tampo de Ping-Pong:</strong> Possibilidade de incluir tampo de ping-pong (opcional).</li> </ul> </div> </div> <!-- Bloco de Log&#237;stica e Entrega --> <div style="background-color: #faf8f5; border: 1px solid #e0b392; padding: 15px; border-radius: 8px; margin-bottom: 25px; box-sizing: border-box;"> <h3 style="margin-top: 0; color: #000000; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px;">&#128666; Log&iacute;stica, Entrega e Montagem</h3> <p style="margin-bottom: 10px; font-size: 14px;">&bull; <strong>Acesso Facilitado:</strong> Produto totalmente desmont&aacute;vel, o que possibilita a entrega e montagem perfeita em casas, apartamentos e empresas.</p> <p style="margin-bottom: 10px; font-size: 14px;">&bull; <strong>Equipe Especializada:</strong> Produto entregue e montado exclusivamente por profissionais diretamente da sede da <strong>Suasinuca</strong>.</p> <p style="margin-bottom: 0; font-size: 13px; color: #d93025; line-height: 1.4; font-weight: bold;"><em>&#9888;&#65039; Aviso Importante: Enviamos para todo o Brasil por meio de parceiros log&iacute;sticos cuidadosamente selecionados e especializados no transporte de mesas de bilhar e jantar. Para garantir que seu produto chegue em perfeitas condi&ccedil;&otilde;es, preservando a qualidade e a integridade de cada pe&ccedil;a durante todo o transporte.</em></p> </div> <!-- Se&#231;&#227;o da Tabela de Medidas --> <h3 style="text-align: center; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; font-size: 16px; color: #000000;">Tabela de Medidas Oficiais</h3> <p style="text-align: center; font-size: 12px; color: #666; margin-bottom: 15px;">(Deslize para o lado para ver as medidas &harr;&#65039;)</p> <div style="overflow-x: auto; max-width: 100%; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-radius: 8px; -webkit-overflow-scrolling: touch;"> <table style="width: 100%; min-width: 550px; border-collapse: collapse; background-color: #000000; color: #ffffff; text-align: center; font-size: 13px;"> <thead> <tr style="background-color: #000000; border-bottom: 2px solid #e0b392;"> <th style="padding: 12px 8px; border: 1px solid #e0b392; color: #e0b392; font-weight: bold; letter-spacing: 0.5px;">TAMANHO</th> <th style="padding: 12px 8px; border: 1px solid #e0b392; color: #e0b392; font-weight: bold; letter-spacing: 0.5px;">&Aacute;REA EXTERNA (cm)</th> <th style="padding: 12px 8px; border: 1px solid #e0b392; color: #e0b392; font-weight: bold; letter-spacing: 0.5px;">&Aacute;REA INTERNA (cm)</th> <th style="padding: 12px 8px; border: 1px solid #e0b392; color: #e0b392; font-weight: bold; letter-spacing: 0.5px;">ALTURA</th> </tr> </thead> <tbody><!-- Linha 1: Fundo Preto --> <tr style="background-color: #000000;"> <td style="padding: 10px; border: 1px solid #e0b392; font-weight: bold; font-size: 15px; color: #e0b392;">Standard</td> <td style="padding: 10px; border: 1px solid #e0b392;">190 x 110</td> <td style="padding: 10px; border: 1px solid #e0b392;">160 x 80</td> <td rowspan="3" style="padding: 10px; border: 1px solid #e0b392; font-weight: bold; font-size: 15px; background-color: #000000; color: #e0b392; vertical-align: middle;">0.86 m</td> </tr> <!-- Linha 2: Fundo Bronze e Texto Preto --> <tr style="background-color: #e0b392; color: #000000;"> <td style="padding: 10px; border: 1px solid #000000; font-weight: bold; font-size: 15px; color: #000000;">Plus</td> <td style="padding: 10px; border: 1px solid #000000;">220 x 125</td> <td style="padding: 10px; border: 1px solid #000000;">190 x 95</td> </tr> <!-- Linha 3: Fundo Preto --> <tr style="background-color: #000000;"> <td style="padding: 10px; border: 1px solid #e0b392; font-weight: bold; font-size: 15px; color: #e0b392;">Premium</td> <td style="padding: 10px; border: 1px solid #e0b392;">250 x 140</td> <td style="padding: 10px; border: 1px solid #e0b392;">220 x 110</td> </tr> </tbody> </table> </div> </div>