#f8fafc; padding-top: 160px; padding-bottom: 0; margin: 0; min-height: 100vh; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .top-section { background: linear-gradient(135deg, #00d4aa, #00bcd4, #0097a7); color: white; padding: 20px 0; box-shadow: 0 4px 20px rgba(0, 212, 170, 0.3); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s ease; width: 100%; } .top-section.scrolled { padding: 12px 0; background: rgba(0, 212, 170, 0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 15px rgba(0, 212, 170, 0.2); } .top-wrapper { max-width: 1400px; margin: 0 auto; padding: 0 80px; position: relative; } .top-content { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; flex-wrap: wrap; min-height: 80px; padding-right: 150px; } .title-area { display: flex; flex-direction: column; flex: 1; } /* SOCIAL AREA - SEM FUNDO BRANCO */ .social-area { position: absolute; top: 0; right: 80px; display: flex; background: transparent !important; border-radius: 0 0 12px 12px; padding: 8px 12px; z-index: 1001; } .social-links { display: flex; gap: 6px; justify-content: center; } .social-links a { color: white; font-size: 14px; font-weight: 600; text-decoration: none; padding: 0; border-radius: 6px; transition: all 0.3s ease; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .social-links a.facebook { background: #1877F2; } .social-links a.instagram { background: linear-gradient(45deg, #E4405F, #C13584, #833AB4); } .social-links a.youtube { background: #FF0000; } .social-links a.twitter { background: #000000; } .social-links a:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); } .blog-title { font-size: 28px; font-weight: 700; margin: 0; color: white; text-decoration: none; } .top-section.scrolled .blog-title { font-size: 22px; } .blog-description { font-size: 14px; opacity: 0.9; margin: 5px 0 0 0; } .top-section.scrolled .blog-description { display: none; } .main-nav { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; justify-content: flex-start; } .top-section.scrolled .main-nav { margin-top: 8px; } .main-nav a { color: white; text-decoration: none; font-size: 12px; font-weight: 500; padding: 6px 12px; border-radius: 15px; background: rgba(255, 255, 255, 0.1); transition: all 0.3s ease; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.2); min-width: 60px; text-align: center; white-space: nowrap; } .main-nav a:hover { background: rgba(255, 255, 255, 0.2); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1); } .ad-space { flex: 1; max-width: 600px; text-align: center; background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 12px; font-size: 14px; min-height: 60px; display: flex; align-items: center; justify-content: center; } .main-layout { display: flex; max-width: 1400px; margin: 0 auto; padding: 10px 80px 40px 80px; gap: 40px; } .content-area { flex: 1; background: white; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); padding: 30px; min-width: 0; order: 1; margin-top: 10px; } .sidebar { width: 300px; display: flex; flex-direction: column; gap: 20px; flex-shrink: 0; order: 2; } .blog-posts { display: grid; gap: 20px; } .post, .hentry { background: #f8fafc; border-radius: 12px; padding: 0; margin: 0; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; overflow: hidden; transition: all 0.3s ease; position: relative; } .post:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .post-section { padding: 15px 15px 0 15px; } .post-title, .entry-title { font-size: 16px; font-weight: 700; color: #1e293b; margin-bottom: 8px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .post-title a, .entry-title a { color: #1e293b; text-decoration: none; transition: color 0.3s ease; } .post-title a:hover, .entry-title a:hover { color: #14b8a6; } .post-meta { display: flex; gap: 12px; margin-bottom: 12px; color: #64748b; font-size: 12px; flex-wrap: wrap; align-items: center; } .post-meta span { display: flex; align-items: center; gap: 4px; background: #f8fafc; padding: 3px 8px; border-radius: 10px; font-weight: 500; } .post-excerpt { padding: 0 15px; color: #64748b; font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; } .post-footer { padding: 0 15px 15px 15px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f1f5f9; margin-top: 15px; padding-top: 15px; } .read-more-btn { background: linear-gradient(135deg, #00d4aa, #00bcd4); color: white; padding: 8px 16px; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: 600; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 3px 12px rgba(0, 212, 170, 0.3); } .read-more-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 212, 170, 0.4); background: linear-gradient(135deg, #0097a7, #00acc1); } .post-labels { display: flex; gap: 8px; flex-wrap: wrap; } .post-labels a { background: #e0f2fe; color: #0891b2; padding: 3px 10px; border-radius: 12px; text-decoration: none; font-size: 10px; font-weight: 600; transition: all 0.3s ease; } .post-labels a:hover { background: #0891b2; color: white; } .post-image { width: 100%; height: 140px; object-fit: cover; margin: 0; border-radius: 0; } .widget { background: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); margin-bottom: 20px; } .widget-title { font-size: 18px; font-weight: 600; color: #1e293b; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #e2e8f0; } .verse-widget { background: linear-gradient(135deg, #8B5CF6, #A855F7, #C084FC); color: white; border-radius: 16px; padding: 25px; box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3); position: relative; overflow: hidden; margin-bottom: 20px; } .verse-widget::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); pointer-events: none; } .widget-section { text-align: center; margin-bottom: 20px; position: relative; z-index: 1; } .verse-widget .widget-title { font-size: 16px; font-weight: 600; margin-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 8px; color: white; border: none; padding: 0; } .widget-subtitle { font-size: 12px; opacity: 0.9; font-weight: 300; } .verse-container { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border-radius: 12px; padding: 20px; margin: 15px 0; border: 1px solid rgba(255, 255, 255, 0.2); position: relative; z-index: 1; } .verse-text { font-size: 14px; line-height: 1.6; font-style: italic; text-align: center; margin-bottom: 15px; font-weight: 400; } .verse-reference { text-align: right; font-size: 12px; font-weight: 600; opacity: 0.9; color: #E9D5FF; } .controls { display: flex; justify-content: center; gap: 10px; margin-top: 20px; position: relative; z-index: 1; } .control-btn { background: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 8px 15px; border-radius: 20px; cursor: pointer; font-size: 12px; font-weight: 500; transition: all 0.3s ease; backdrop-filter: blur(5px); } .control-btn:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-1px); } .quote-widget { background: linear-gradient(135deg, #FF6B6B, #4ECDC4, #45B7D1); color: white; border-radius: 16px; padding: 25px; box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3); position: relative; overflow: hidden; margin-bottom: 20px; } .quote-widget::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); pointer-events: none; } .quote-section { text-align: center; margin-bottom: 20px; position: relative; z-index: 1; } .quote-title { font-size: 16px; font-weight: 600; margin-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 8px; color: white; } .quote-subtitle { font-size: 12px; opacity: 0.9; font-weight: 300; } .quote-content { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border-radius: 12px; padding: 20px; margin: 15px 0; border: 1px solid rgba(255, 255, 255, 0.2); position: relative; z-index: 1; min-height: 120px; display: flex; align-items: center; justify-content: center; } .quote-text { font-size: 14px; line-height: 1.6; font-style: italic; text-align: center; color: white; font-weight: 400; } .quote-controls { display: flex; justify-content: center; gap: 10px; margin-top: 20px; position: relative; z-index: 1; } .quote-btn { background: rgba(255, 255, 255, 0.2); color: white; border: 1px solid rgba(255, 255, 255, 0.3); padding: 8px 15px; border-radius: 20px; cursor: pointer; font-size: 12px; font-weight: 500; transition: all 0.3s ease; backdrop-filter: blur(5px); } .quote-btn:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-1px); } .newsletter-widget { background: linear-gradient(135deg, #f59e0b, #f97316, #ea580c); color: white; border-radius: 12px; padding: 18px; box-shadow: 0 6px 20px rgba(245, 158, 11, 0.25); position: relative; overflow: hidden; margin-bottom: 20px; } .newsletter-widget::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); pointer-events: none; } .newsletter-section { text-align: center; margin-bottom: 15px; position: relative; z-index: 1; } .newsletter-title { font-size: 14px; font-weight: 600; margin-bottom: 3px; display: flex; align-items: center; justify-content: center; gap: 6px; color: white; } .newsletter-subtitle { font-size: 11px; opacity: 0.9; font-weight: 300; } .newsletter-content { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); border-radius: 10px; padding: 15px; margin: 12px 0; border: 1px solid rgba(255, 255, 255, 0.2); position: relative; z-index: 1; } .newsletter-text { font-size: 12px; line-height: 1.5; text-align: center; margin-bottom: 12px; color: white; } .donation-form { display: flex; flex-direction: column; gap: 8px; } .donation-input { width: 100%; padding: 8px 10px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px; background: rgba(255, 255, 255, 0.9); font-size: 12px; box-sizing: border-box; color: #333; } .donation-input::placeholder { color: #666; font-size: 11px; } .donation-btn { background: rgba(255, 255, 255, 0.9); color: #ea580c; border: none; padding: 10px 16px; border-radius: 20px; cursor: pointer; font-size: 12px; font-weight: 600; transition: all 0.3s ease; backdrop-filter: blur(5px); } .donation-btn:hover { background: white; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(255, 255, 255, 0.3); } .donation-info { font-size: 10px; text-align: center; margin-top: 8px; opacity: 0.8; color: white; line-height: 1.3; } .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: linear-gradient(135deg, #00d4aa, #00bcd4); color: white; border: none; border-radius: 50%; cursor: pointer; display: none; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 6px 20px rgba(0, 212, 170, 0.3); transition: all 0.3s ease; z-index: 1000; } .back-to-top:hover { background: linear-gradient(135deg, #0097a7, #00acc1); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 212, 170, 0.4); } .back-to-top.show { display: flex; animation: slideInUp 0.3s ease; } .footer { background: linear-gradient(135deg, #1e293b, #0f172a, #020617); color: white; padding: 40px 0 0 0; margin-top: 60px; width: 100%; } .footer-container { max-width: 1400px; margin: 0 auto; padding: 0 80px; } .footer-links { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; padding: 0 20px; } .footer-links button { background: none; border: none; color: #e2e8f0; font-size: 16px; cursor: pointer; text-decoration: underline; padding: 10px 15px; border-radius: 6px; transition: all 0.3s ease; font-family: inherit; min-width: 100px; position: relative; overflow: hidden; } .footer-links button:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.2), transparent); transition: left 0.5s ease; } .footer-links button:hover { color: #00d4aa; background:

PRATELEIRA VIRTUAL

Sua fonte de inspiração diária

Espaço para Anúncio 728x90

VIVA CADA INSTANTE



VIVA CADA INSTANTE

 

"Não se pode pisar duas vezes no mesmo rio", atribuído ao filósofo grego Heráclito, nos convida a refletir sobre a natureza efêmera da realidade e a inevitabilidade da mudança. Assim como as águas de um rio estão em constante fluxo, nossas experiências e vivências também são dinâmicas e transformadoras. Cada instante que vivemos é único, e mesmo que retornemos a um lugar ou a uma situação, tudo ao nosso redor e dentro de nós mesmos já terá mudado.


Esse pensamento nos instiga a valorizar o presente. Quando tentamos reviver momentos do passado, muitas vezes nos deparamos com uma nova realidade, que pode não corresponder às nossas lembranças ideais. A cada novo passo, o rio da vida nos oferece novas oportunidades, desafios e aprendizados, mostrando que a transformação é a única constante.


Portanto, ao invés de buscar a repetição de um instante perfeito, devemos aprender a abraçar o que o novo nos oferece. A mudança pode ser desconfortável, mas é também essencial para nosso crescimento pessoal. Aceitar que não podemos pisar no mesmo rio duas vezes nos liberta do peso das expectativas e nos incentiva a viver plenamente o que o presente tem a nos oferecer.


"ESTE SITE CONTÉM LINKS DE AFILIADO. ISSO SIGNIFICA QUE POSSO
RECEBER UMA PEQUENA COMISSÃO POR COMPRAS  FEITAS, 
SEM NENHUM CUSTO ADICIONAL PARA VOCÊ.ISSO AJUDA A MANTER
 ESTE SITE EM FUNCIONAMENTO. OBRIGADO PELA SUA COMPREENSÃO E APOIO"!

@PRT
← Posts Recentes Posts Anteriores →