/* Litz Armações — estilos complementares ao Tailwind CDN */

[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

::selection { background: #29ABE2; color: #fff; }

/* Placeholders de imagem aparecem como bloco cinza até as fotos reais serem adicionadas */
img { background-color: #e5e7eb; }
img[src$=".svg"], img[src$="logo.jpg"] { background-color: transparent; }

/* Conteúdo longo (posts do blog e política de privacidade) */
.post-content h2 { font-size: 1.5rem; font-weight: 700; margin: 2rem 0 0.75rem; color: #111827; }
.post-content h3 { font-size: 1.2rem; font-weight: 600; margin: 1.5rem 0 0.5rem; color: #111827; }
.post-content p { margin: 0.75rem 0; line-height: 1.75; }
.post-content ul, .post-content ol { padding-left: 1.4rem; margin: 0.75rem 0; line-height: 1.7; }
.post-content ul { list-style: disc; }
.post-content ol { list-style: decimal; }
.post-content a { color: #1d8fc0; text-decoration: underline; text-underline-offset: 2px; }
.post-content strong { color: #111827; }
.post-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.95rem; }
.post-content th, .post-content td { border: 1px solid #e5e7eb; padding: 0.6rem 0.75rem; text-align: left; vertical-align: top; }
.post-content th { background: #F9FAFB; }
.post-content blockquote { border-left: 4px solid #FFC72C; padding-left: 1rem; margin: 1rem 0; color: #4b5563; }

/* Tabelas largas nunca estouram a tela no mobile */
.table-wrap { overflow-x: auto; }