/* Theme Name: P Daily Theme Author: Seu Nome Description: Um tema de portal de notícias moderno e responsivo, criado a partir de um layout personalizado. Version: 1.0 */ /* Reset e Estilos Base */ body { background-color: #111111; color: #E0E0E0; font-family: 'Inter', sans-serif; } /* Gradiente de Vinheta para as imagens */ .vignette-gradient::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent); z-index: 1; } .vignette-gradient::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); z-index: 1; } /* Fonte customizada para os títulos */ .font-headline { font-family: 'DM Serif Text', serif; /* --- ALTERAÇÃO AQUI --- */ /* Espaçamento de linha no mínimo legível (sem sobreposição) */ line-height: 1; /* Espaçamento entre letras levemente reduzido para um efeito mais denso */ letter-spacing: -0.025em; } /* Estilo da Categoria (Revista 'M) */ .category-style-revista { /* CRÍTICO: Usamos inline-flex para garantir que o bloco ocupe o espaço necessário e se centre corretamente */ display: inline-flex; align-items: center; font-size: 1rem; /* Tamanho base (ajuste se precisar) */ line-height: 1.1; /* Aumentado ligeiramente para garantir a altura do texto */ font-weight: 900; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* Sombra para destacar contra o gradiente */ vertical-align: middle; /* AJUSTE CRÍTICO: Força o alinhamento vertical */ } .category-initial-red { /* Cor e fundo para o quadro da primeira letra */ background-color: #FF2228; color: white; /* AJUSTE CRÍTICO: Removendo padding vertical (0px) e usando line-height para altura */ padding: 0px 4px 0px 4px; margin-right: 4px; /* Espaço entre o quadrado e o restante do texto */ /* Mantendo a mesma fonte para alinhamento */ font-family: 'DM Serif Text', serif; /* Ajusta o alinhamento da linha de base */ align-self: center; /* Centraliza verticalmente dentro do flex */ line-height: 1.1; /* CRÍTICO: Garante a altura do quadrado */ min-width: 1.1em; /* Garante largura mínima para o quadrado */ text-align: center; /* Centraliza o caractere dentro do quadrado */ } .category-text-underline { color: white; /* Linha de sublinhado vermelha */ text-decoration: underline; text-decoration-color: #FF2228; text-underline-offset: 4px; /* Distância da linha do texto */ text-decoration-thickness: 3px; /* Espessura da linha */ line-height: 1.1; /* CRÍTICO: Garante a altura correta e alinhamento */ } /* Animação para o botão do WhatsApp */ .whatsapp-button-animation { animation: slide-up 0.5s ease-out forwards; transform: translateY(100%); } @keyframes slide-up { to { transform: translateY(0); } } /* Proporção da imagem da notícia */ .news-image-aspect { aspect-ratio: 1056 / 1307; } /* --- *** NOVO: Proporção 9:16 para Vídeo *** --- */ .video-aspect-9-16 { aspect-ratio: 9 / 16; background-color: #000; /* Fundo preto caso o vídeo demore a carregar */ } /* --- *** NOVO: Cursor de ponteiro para o wrapper do vídeo *** --- */ .video-post-wrapper { cursor: pointer; } /* --- NOVO: Estilo Específico para Desktop --- */ @media (min-width: 768px) { /* Tailwind 'md' breakpoint */ /* * Sobrescreve a cor de fundo de elementos que * usam 'bg-gray-50' (como os anúncios) para preto/transparente, * garantindo que o fundo seja o mesmo do . */ .bg-gray-50 { background-color: transparent !important; } /* * Se houver algum 'bg-gray-100' ou similar em containers de posts/anúncios, * também sobrescrevemos para a cor de fundo do tema. */ .anuncio-container > div { background-color: transparent !important; /* Remove o padding padrão para que o bloco não crie margens internas indesejadas */ padding: 0 !important; } } /* --- NOVOS ESTILOS PARA SINGLE.PHP (Adicionados) --- */ /* Garantir que o texto sobre a imagem em single.php esteja visível */ #single-post-page .entry-title, #single-post-page .vignette-gradient span { position: relative; z-index: 2; /* Garante que o texto fique acima do gradiente */ } /* Ajustes para o subtítulo na página individual */ #single-post-page .subtitle { color: #FF2228; /* Cor vermelha da categoria */ font-weight: 600; /* Semibold */ font-size: 1.125rem; /* text-lg do Tailwind */ line-height: 1.4; } /* Aumentar o tamanho da fonte da notícia completa para leitura */ #single-post-page .entry-content p { font-size: 1.1rem; /* Um pouco maior que o padrão para melhor leitura */ line-height: 1.8; color: #E0E0E0; /* Garante a cor do texto */ } /* Garantir que as imagens dentro do conteúdo sejam responsivas */ #single-post-page .entry-content img { max-width: 100%; height: auto; display: block; /* Para centralizar se necessário */ margin-left: auto; margin-right: auto; border-radius: 0.5rem; /* Adiciona bordas arredondadas */ } /* Remove a cor de fundo padrão do prose (tailwind) */ #single-post-page .prose { --tw-prose-body: #E0E0E0; --tw-prose-headings: #FFFFFF; --tw-prose-links: #FF2228; --tw-prose-bold: #FFFFFF; }