.article-header{padding-top:120px;padding-bottom:60px;background:linear-gradient(180deg,#fafafa 0,#fff 100%)}.article-header .container{max-width:720px;margin:0 auto;padding:0 24px}.article-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light);margin-bottom:32px}.article-breadcrumb a{color:var(--color-secondary-main);text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:var(--color-primary-main)}.article-breadcrumb i{font-size:10px}.article-badges{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.article-category{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:600;color:white;text-transform:uppercase;letter-spacing:.5px}.article-featured{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ffd700,#ffa500);border-radius:100px;font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.article-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;color:#1a1a1a;margin-bottom:24px;letter-spacing:-.5px}.article-excerpt{font-family:'Merriweather',Georgia,serif;font-size:1.25rem;font-weight:300;line-height:1.7;color:#555;margin-bottom:32px}.article-author-section{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid #eee;flex-wrap:wrap;gap:20px}.article-author{display:flex;align-items:center;gap:14px}.article-author-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.article-author-details{display:flex;flex-direction:column}.article-author-name{font-weight:600;color:#1a1a1a;font-size:15px}.article-author-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#888;margin-top:2px}.article-author-meta span{display:flex;align-items:center;gap:4px}.article-share-mini{display:flex;gap:8px}.article-share-mini a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666;text-decoration:none;transition:all .2s;font-size:14px}.article-share-mini a:hover{background:var(--color-secondary-main);color:white;transform:translateY(-2px)}.article-featured-image{width:100%;max-width:1000px;margin:0 auto 48px;padding:0 24px}.article-featured-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.12)}.article-featured-image-placeholder{width:100%;height:400px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:white;box-shadow:0 20px 60px rgba(0,0,0,0.12)}.article-content{max-width:680px;margin:0 auto;padding:0 24px 60px}.article-body{font-family:'Merriweather',Georgia,serif;font-size:1.125rem;line-height:1.9;color:#333}.article-body p{margin-bottom:28px}.article-body h2{font-family:'Playfair Display',Georgia,serif;font-size:1.75rem;font-weight:700;margin-top:48px;margin-bottom:20px;color:#1a1a1a;letter-spacing:-.3px}.article-body h3{font-family:'Inter',sans-serif;font-size:1.35rem;font-weight:600;margin-top:36px;margin-bottom:16px;color:#333}.article-body ul,.article-body ol{margin-bottom:28px;padding-left:28px}.article-body li{margin-bottom:12px}.article-body blockquote{position:relative;margin:40px 0;padding:24px 32px;background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);border-left:4px solid var(--color-secondary-main);border-radius:0 12px 12px 0;font-style:italic;color:#555}.article-body blockquote::before{content:'"';position:absolute;top:-10px;left:16px;font-size:4rem;color:var(--color-secondary-main);opacity:.2;font-family:Georgia,serif}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:32px 0;box-shadow:0 8px 24px rgba(0,0,0,0.08)}.article-body a{color:var(--color-secondary-main);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--color-primary-main)}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:32px;border-top:1px solid #eee;margin-top:48px}.article-tags-label{font-weight:600;color:#888;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.article-tag{display:inline-block;padding:8px 16px;background:#f5f5f5;border-radius:100px;font-size:13px;font-weight:500;color:#555;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.article-tag:hover{background:white;border-color:var(--color-secondary-main);color:var(--color-secondary-main)}.article-share-section{margin-top:48px;padding:32px;background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);border-radius:16px;text-align:center}.article-share-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.article-share-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.article-share-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:100px;font-size:14px;font-weight:500;color:white;text-decoration:none;transition:all .2s ease}.article-share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.article-share-btn.facebook{background:#1877f2}.article-share-btn.twitter{background:#1da1f2}.article-share-btn.linkedin{background:#0a66c2}.article-share-btn.whatsapp{background:#25d366}.article-share-btn.copy{background:#333}.article-stats{display:flex;justify-content:center;gap:32px;padding:24px;margin-top:32px;border-top:1px solid #eee;border-bottom:1px solid #eee}.article-stat{display:flex;align-items:center;gap:8px;color:#888;font-size:14px}.article-stat i{color:var(--color-secondary-main)}.article-back-cta{text-align:center;margin-top:48px;padding-top:48px;border-top:1px solid #eee}.article-back-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--color-primary-main);color:white;text-decoration:none;border-radius:100px;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,51,102,0.2)}.article-back-btn:hover{background:var(--color-primary-dark);transform:translateX(-4px);box-shadow:0 6px 20px rgba(0,51,102,0.3)}.post-edit-controls{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:10px;z-index:1000}.post-edit-btn{width:52px;height:52px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,0.15);transition:all .3s ease;font-size:18px}.post-edit-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(0,0,0,0.2)}.post-edit-btn.edit{background:linear-gradient(135deg,var(--color-secondary-main),var(--color-secondary-dark));color:white}.post-edit-btn.save{background:linear-gradient(135deg,var(--color-accent-main),var(--color-accent-dark));color:white}.post-edit-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.post-edit-btn.back{background:linear-gradient(135deg,var(--color-primary-main),var(--color-primary-dark));color:white}.edit-mode .editable{outline:2px dashed var(--color-accent-main);outline-offset:6px;cursor:text;border-radius:4px}.edit-mode .editable:hover{background:rgba(0,166,81,0.05)}.edit-mode .editable:focus{outline:2px solid var(--color-accent-main);background:rgba(0,166,81,0.08)}.post-not-found{text-align:center;padding:120px 24px;max-width:500px;margin:0 auto}.post-not-found-icon{width:120px;height:120px;margin:0 auto 32px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#ccc}.post-not-found h2{font-family:'Playfair Display',Georgia,serif;font-size:1.75rem;color:#1a1a1a;margin-bottom:16px}.post-not-found p{color:#666;margin-bottom:32px;line-height:1.6}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--color-secondary-main),var(--color-accent-main));z-index:9999;transition:width .1s ease}@media(max-width:768px){.article-header{padding-top:100px;padding-bottom:40px}.article-title{font-size:1.75rem}.article-excerpt{font-size:1.1rem}.article-author-section{flex-direction:column;align-items:flex-start}.article-featured-image-placeholder{height:250px}.article-body{font-size:1rem}.article-share-buttons{flex-direction:column}.article-share-btn{justify-content:center}.article-stats{gap:16px;flex-wrap:wrap;justify-content:center}.post-edit-controls{bottom:20px;right:20px}.post-edit-btn{width:46px;height:46px;font-size:16px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-header,.article-featured-image,.article-content{animation:fadeInUp .6s ease forwards}.article-featured-image{animation-delay:.1s}.article-content{animation-delay:.2s}.editor-toolbar{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.15);padding:12px 16px;display:none;flex-wrap:wrap;gap:6px;z-index:2000;max-width:90vw;border:1px solid #e5e5e5;cursor:default}.editor-toolbar.active{display:flex;animation:slideDown .3s ease}.editor-toolbar.dragging{cursor:grabbing;box-shadow:0 12px 48px rgba(0,0,0,0.25)}.toolbar-drag-handle{display:flex;align-items:center;justify-content:center;padding:0 8px;margin-right:8px;cursor:grab;color:#aaa;border-right:1px solid #e5e5e5}.toolbar-drag-handle:hover{color:#666}.toolbar-drag-handle:active{cursor:grabbing}.toolbar-drag-handle i{font-size:12px}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toolbar-group{display:flex;gap:4px;padding-right:12px;border-right:1px solid #e5e5e5}.toolbar-group:last-child{border-right:0;padding-right:0}.toolbar-btn{width:36px;height:36px;border:0;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#555;transition:all .2s ease}.toolbar-btn:hover{background:#f0f0f0;color:var(--color-secondary-main)}.toolbar-btn.active{background:var(--color-secondary-main);color:white}.toolbar-btn[title]::after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.toolbar-btn:hover[title]::after{opacity:1}.toolbar-select{height:36px;padding:0 12px;border:1px solid #e5e5e5;border-radius:8px;background:white;font-size:13px;color:#555;cursor:pointer;outline:0;min-width:100px}.toolbar-select:hover{border-color:var(--color-secondary-main)}.toolbar-select:focus{border-color:var(--color-secondary-main);box-shadow:0 0 0 3px rgba(0,119,190,0.1)}.toolbar-color-input{width:36px;height:36px;padding:4px;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;background:white}.toolbar-color-input::-webkit-color-swatch-wrapper{padding:2px}.toolbar-color-input::-webkit-color-swatch{border:0;border-radius:4px}.toolbar-divider{width:1px;height:24px;background:#e5e5e5;margin:6px 8px}.image-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .3s ease}.edit-mode .article-featured-image{position:relative}.edit-mode .image-edit-overlay{display:flex}.image-edit-content{text-align:center;color:white}.image-edit-content i{font-size:3rem;margin-bottom:12px;display:block}.image-edit-content span{font-size:16px;font-weight:600}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:3000;padding:20px}.image-modal.active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.image-modal-content{background:white;border-radius:12px;padding:20px;max-width:380px;width:100%;text-align:center}.image-modal-content h3{font-size:1.1rem;margin-bottom:12px;color:#1a1a1a}.image-modal-content h3 i{margin-right:6px;color:var(--color-secondary-main)}.image-input-group{margin-bottom:10px}.image-input-group label{display:block;font-weight:600;color:#555;margin-bottom:4px;text-align:left;font-size:12px}.image-input-group input{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:13px;transition:border-color .2s}.image-input-group input:focus{outline:0;border-color:var(--color-secondary-main)}.image-input-group input[type="file"]{display:none}.image-preview{width:100%;height:120px;border:2px dashed #d5d5d5;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;background:#fafafa;cursor:pointer;transition:all .2s ease}.image-preview:hover{border-color:var(--color-secondary-main);background:#f0f7f4}.image-preview.drag-over{border-color:var(--color-secondary-main);background:#e8f5e9;transform:scale(1.02)}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-preview-placeholder{color:#888;text-align:center;pointer-events:none}.image-preview-placeholder i{font-size:1.8rem;margin-bottom:4px;display:block;color:var(--color-secondary-main)}.image-preview-placeholder span{font-size:12px;display:block}.image-preview-placeholder .drop-hint{font-size:11px;color:#aaa;margin-top:2px}.image-modal-buttons{display:flex;gap:8px;justify-content:center;margin-top:12px}.image-modal-btn{padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:0}.image-modal-btn.primary{background:var(--color-secondary-main);color:white}.image-modal-btn.primary:hover{background:var(--color-secondary-dark)}.image-modal-btn.secondary{background:#f5f5f5;color:#555}.image-modal-btn.secondary:hover{background:#e5e5e5}.image-modal-btn.danger{background:#fef2f2;color:#dc2626}.image-modal-btn.danger:hover{background:#fee2e2}.image-size-options{margin-bottom:10px;text-align:left}.image-size-options label{display:block;font-weight:600;color:#555;margin-bottom:6px;font-size:12px}.size-buttons{display:flex;gap:6px}.size-btn{flex:1;padding:6px 10px;border:1px solid #e5e5e5;border-radius:6px;background:white;font-size:11px;font-weight:500;color:#555;cursor:pointer;transition:all .2s}.size-btn:hover{border-color:var(--color-secondary-main);color:var(--color-secondary-main)}.size-btn.active{border-color:var(--color-secondary-main);background:var(--color-secondary-main);color:white}.article-body .inserted-image-container{margin:32px 0;text-align:center}.article-body .inserted-image-container.size-full img{width:100%;max-width:100%}.article-body .inserted-image-container.size-medium img{width:70%;max-width:500px}.article-body .inserted-image-container.size-small img{width:40%;max-width:300px}.article-body .inserted-image-container img{border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.1);display:block;margin:0 auto}.article-body .inserted-image-container figcaption{margin-top:12px;font-size:14px;color:#888;font-style:italic}.edit-mode .inserted-image-container{position:relative}.image-delete-btn{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:#ef4444;color:white;border:3px solid white;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:14px;cursor:pointer;opacity:0;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,0.3);z-index:10}.edit-mode .image-delete-btn{display:flex}.edit-mode .inserted-image-container:hover .image-delete-btn{opacity:1}.image-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.editor-info{position:fixed;bottom:100px;right:30px;background:white;padding:12px 16px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);font-size:13px;color:#555;display:none;z-index:999}.edit-mode .editor-info{display:block}.editor-info i{margin-right:8px;color:var(--color-secondary-main)}@media(max-width:768px){.editor-toolbar{top:70px;padding:8px 12px;gap:4px}.toolbar-btn{width:32px;height:32px;font-size:12px}.toolbar-select{height:32px;min-width:80px;font-size:12px}.toolbar-group{padding-right:8px}.editor-info{bottom:80px;right:20px;font-size:12px}}