*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.7;color:#2d3748;background:linear-gradient(to bottom,#f7fafc 0%,#edf2f7 100%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,rgba(26,54,93,0.85) 0%,rgba(42,82,152,0.85) 100%);background-size:cover;background-position:center 43%;background-repeat:no-repeat;color:white;padding:3rem 0;margin-bottom:3rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-image 0.5s ease-in}header.loaded{background-image:linear-gradient(135deg,rgba(26,54,93,0.85) 0%,rgba(42,82,152,0.85) 100%),url('https://blogthiago.s3.amazonaws.com/media/imagem/cityscape.jpg')}header .site-title,header h1{font-size:2.5rem;margin-bottom:0.5rem;font-weight:700;letter-spacing:-0.5px}header .site-title a,header h1 a{color:white;text-decoration:none;transition:opacity 0.3s}header .site-title a,header h1 a:hover{opacity:0.9}.blog-icon{width:60px;height:60px;object-fit:contain}header p{font-size:1.1rem;opacity:0.95;font-weight:300}.main-content{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;margin-bottom:3rem}@media (max-width:968px){.main-content{grid-template-columns:1fr}.sidebar{position:static!important;top:auto!important}}.post{background:white;padding:2.5rem;margin-bottom:2rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid #e2e8f0}.post:hover{box-shadow:0 10px 25px rgba(0,0,0,0.1);transform:translateY(-2px)}.post h1,.post h2{color:#1a202c;margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.3}.post h1 a,.post h2 a{color:#1a202c;text-decoration:none;transition:color 0.3s}.post h2 a:hover{color:#667eea}.post-meta{color:#718096;font-size:0.875rem;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;flex-wrap:wrap}.post-meta span{display:inline-flex;align-items:center;gap:0.25rem}.post-image{max-width:100%;height:auto;margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.post-content{margin-top:1.5rem;font-size:1.0625rem;color:#4a5568;line-height:1.8;text-align:justify}.post-content p{margin-bottom:1.25rem}.post-content h4{color:#1a365d;font-size:1.25rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #2a5298}.post-content blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e6ecf2 100%);border-left:4px solid #2a5298;border-radius:0 8px 8px 0;font-style:italic;color:#2d3748;box-shadow:0 2px 8px rgba(26,54,93,0.1)}.post-content blockquote p{margin-bottom:0.75rem}.post-content blockquote p:last-child{margin-bottom:0}.post-content a{color:#2a5298;text-decoration:underline;transition:color 0.3s}.post-content a:hover{color:#1a365d}.post-content strong{font-weight:700;color:#1a202c}.post-content em{font-style:italic}.post-content h1,.post-content h2,.post-content h3{color:#1a202c;margin-top:2rem;margin-bottom:1rem;font-weight:600}.sidebar{background:white;padding:2rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08);align-self:start;position:sticky;top:2rem;border:1px solid #e2e8f0}.sidebar h3{color:#1a202c;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;border-bottom:2px solid #2a5298;padding-bottom:0.5rem}.tags{display:flex;flex-wrap:wrap;gap:0.625rem}.tag{display:inline-block;background:linear-gradient(135deg,#1a365d 0%,#2a5298 100%);color:white;padding:0.5rem 1rem;border-radius:20px;text-decoration:none;font-size:0.875rem;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(26,54,93,0.3)}.tag:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(26,54,93,0.4)}.tag.active{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 2px 4px rgba(245,87,108,0.2)}.pagination{display:flex;justify-content:center;gap:0.5rem;margin:3rem 0;flex-wrap:wrap}.pagination a,.pagination span{padding:0.625rem 1.125rem;background:white;border-radius:8px;text-decoration:none;color:#4a5568;border:1px solid #e2e8f0;transition:all 0.3s;font-weight:500}.pagination a:hover{background:linear-gradient(135deg,#1a365d 0%,#2a5298 100%);color:white;border-color:#2a5298;transform:translateY(-1px)}.pagination .current{background:linear-gradient(135deg,#1a365d 0%,#2a5298 100%);color:white;border-color:#2a5298}.read-more{display:inline-block;margin-top:1.25rem;color:#2a5298;text-decoration:none;font-weight:600;font-size:0.9375rem;transition:all 0.3s;padding:0.5rem 0}.read-more:hover{color:#1a365d;padding-left:0.5rem}.read-more::after{content:' →'}.arquivos{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.arquivos h4{color:#1a202c;margin-bottom:1rem;font-weight:600}.arquivos ul{list-style:none}.arquivos li{margin-bottom:0.75rem;padding-left:1.5rem;position:relative}.arquivos li::before{content:'📎';position:absolute;left:0}.arquivos a{color:#2a5298;text-decoration:none;transition:color 0.3s}.arquivos a:hover{color:#1a365d;text-decoration:underline}.related-posts{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.related-posts h3{color:#1a202c;margin-bottom:1.5rem;font-weight:700}.related-post{margin-bottom:1.25rem;padding:1rem;background:#f7fafc;border-radius:8px;transition:all 0.3s}.related-post:hover{background:#edf2f7;transform:translateX(5px)}.related-post a{color:#2a5298;text-decoration:none;font-size:1.0625rem;font-weight:500}.related-post a:hover{color:#1a365d}footer{background:linear-gradient(135deg,#1a365d 0%,#2a5298 100%);color:white;text-align:center;padding:2rem 0;margin-top:4rem;box-shadow:0 -4px 6px rgba(0,0,0,0.1)}footer p{opacity:0.95;font-weight:300}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}