/* CSS Variables Otimizadas */
:root {
    --primary-red: #c4170c;
    --primary-blue: #0073e6;
    --text-dark: #333;
    --text-medium: #666;
    --text-light: #888;
    --bg-light: #f5f5f5;
    --white: #fff;
    --container-width: 1200px;
    --font-main: 'Titillium Web', Arial, sans-serif;
    --transition: all 0.2s ease;
    --border-radius: 8px;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    --gradient-cta: linear-gradient(135deg, var(--primary-red) 0%, #e53e3e 100%);
    --gradient-bg: linear-gradient(135deg, var(--white) 0%, #f8f9fa 100%);
}

/* Reset & Base - Ultra Otimizado */
*{margin:0;padding:0;box-sizing:border-box}
body{font:16px/1.6 var(--font-main);color:var(--text-dark);background:var(--bg-light)}

/* Utilities */
.container{max-width:var(--container-width);margin:0 auto}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.btn{background:0;border:0;cursor:pointer;transition:var(--transition)}

/* Header Stack */
.top-nav{background:var(--white);border-bottom:1px solid #ddd;position:sticky;top:0;z-index:100;height:28px}
.nav-container{padding:4px 15px;font-size:12px;height:100%;display:flex;align-items:center;max-width:var(--container-width);margin:0 auto}
.nav-link{text-decoration:none;color:var(--primary-blue);margin-right:16px;transition:var(--transition)}
.nav-link:hover{color:#005bb5}
.nav-link.active{color:var(--primary-red);font-weight:500}
.nav-link.gshow{color:#f39800}
.nav-link.globoplay{color:#e91e63}

.main-header{background:var(--primary-red);color:var(--white);position:sticky;top:28px;z-index:99;box-shadow:var(--shadow)}
.header-container{padding:6px 15px;height:44px;position:relative;display:flex;align-items:center;max-width:var(--container-width);margin:0 auto}
.section-title-center{font:600 18px/1 var(--font-main);letter-spacing:0.5px;text-align:center;flex:1}
.search-btn{color:var(--white);font-size:16px;padding:6px 10px;position:absolute;right:15px;transition:var(--transition)}
.search-btn:hover{background:rgba(255,255,255,0.1);border-radius:4px}

/* Main Content */
.main-content{background:var(--white);min-height:100vh;padding:0 15px}
.breadcrumb{padding:10px 0;font-size:12px;color:var(--text-medium);border-bottom:1px solid #f0f0f0;margin-bottom:15px}
.breadcrumb-link{color:var(--primary-blue);text-decoration:none;transition:var(--transition-fast)}
.breadcrumb-link:hover{color:#005bb5;text-decoration:underline}
.breadcrumb-separator{margin:0 8px;color:#ccc}
.breadcrumb-current{color:var(--text-medium);font-weight:500}

.category-tag{display:inline-block;background:var(--primary-red);color:var(--white);font-size:11px;font-weight:600;padding:4px 8px;margin-bottom:15px;border-radius:3px;letter-spacing:0.5px}
.article{padding-top:5px}
.article-header{margin-bottom:25px}
.article-title{font-size:28px;font-weight:700;line-height:1.25;color:var(--text-dark);margin-bottom:12px;word-wrap:break-word}
.article-subtitle{font-size:16px;color:var(--text-medium);line-height:1.4;margin-bottom:15px}
.article-meta{display:flex;flex-direction:column;gap:3px;margin-bottom:15px;font-size:13px;color:var(--text-medium)}
.author{font-weight:500}
.date{font-size:12px;color:var(--text-light)}

/* Share Buttons - Consolidado */
.share-buttons{display:flex;gap:12px;margin-bottom:20px}
.share-btn{width:48px;height:48px;border:0;border-radius:50%;color:var(--white);font:600 18px/1 var(--font-main);transition:var(--transition);cursor:pointer;display:flex;align-items:center;justify-content:center}
.share-btn.facebook{background:#4267B2}
.share-btn.whatsapp{background:#25D366}
.share-btn.share{background:#999}
.share-btn:hover{opacity:0.9}

/* Article Content */
.article-image{margin:30px 0;text-align:center}
.article-image img{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--box-shadow-light)}
.article-image figcaption{margin-top:10px;font-size:14px;color:var(--text-medium);font-style:italic}

.article-content{padding-bottom:50px}
.article-content p{margin-bottom:24px;font-size:18px;line-height:1.7;color:var(--text-dark)}
.article-content h2{font-size:24px;font-weight:700;color:var(--primary-red);margin:40px 0 20px 0;border-left:4px solid var(--primary-red);padding-left:15px}
.article-content h3{font-size:20px;font-weight:600;color:var(--text-dark);margin:30px 0 15px 0}
.article-content strong{font-weight:700;color:var(--primary-red)}
.article-content em{font-style:italic;color:#444;font-weight:500}

/* Highlight Sections */
.highlight-quote{background:#fff8f5;border-left:4px solid var(--primary-red);padding:20px;margin:30px 0;font-style:italic;border-radius:0 var(--border-radius) var(--border-radius) 0}
.alert-box{background:linear-gradient(135deg,#fff5f5 0%,#ffe5e5 100%);border:2px solid #ff4757;border-radius:10px;padding:25px;margin:30px 0;position:relative}
.alert-box h3{color:#ff4757;font-size:18px;margin-bottom:15px;font-weight:700}
.result-highlight{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #0ea5e9;padding:25px;margin:30px 0;border-radius:0 var(--border-radius) var(--border-radius) 0}
.process-explanation{background:#f8fffe;border:1px solid #10b981;border-radius:var(--border-radius);padding:25px;margin:30px 0}
.process-explanation h3{color:#10b981;margin-bottom:15px}

/* CTA - Otimizado */
.cta-container{text-align:center;margin:60px 0;padding:40px 20px;background:var(--gradient-bg);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,0.1)}
.cta-button{display:inline-block;background:var(--gradient-cta);color:var(--white);font:700 18px/1.4 var(--font-main);text-decoration:none;padding:20px 40px;border-radius:10px;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(196,23,12,0.3);border:3px solid var(--primary-red);max-width:600px;word-wrap:break-word;will-change:transform}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(196,23,12,0.4);background:linear-gradient(135deg,#a81409 0%,#dc2626 100%)}

/* Footer */
.footer{background:#f8f9fa;border-top:1px solid #e9ecef;margin-top:40px;padding:30px 15px 15px;font-size:14px}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:25px}
.footer-section h4{color:var(--primary-red);font-size:16px;font-weight:600;margin-bottom:15px;border-bottom:2px solid var(--primary-red);padding-bottom:5px}
.footer-section ul{list-style:none}
.footer-section li{margin-bottom:8px}
.footer-section a{color:var(--text-medium);text-decoration:none;font-size:13px;transition:var(--transition-fast)}
.footer-section a:hover{color:var(--primary-red)}
.footer-bottom{padding-top:20px;border-top:1px solid #e9ecef;text-align:center;color:var(--text-medium)}
.footer-bottom small{font-size:11px;opacity:0.8;display:block;margin-top:5px}

/* Responsive - Consolidated Media Queries */
@media(max-width:768px){
.top-nav{position:relative;height:26px}
.main-header{position:relative;top:0}
.nav-container{padding:3px 10px;font-size:11px}
.nav-link{margin-right:12px}
.header-container{padding:5px 10px;height:38px}
.section-title-center{font-size:16px;letter-spacing:0.3px}
.search-btn{font-size:14px;padding:3px 6px;right:10px}
.share-btn{width:42px;height:42px;font-size:14px}
.share-icon{font-size:16px}
.share-buttons{gap:10px}
.article-title{font-size:24px;line-height:1.25}
.article-subtitle{font-size:15px;margin-bottom:12px}
.article-meta{margin-bottom:12px;font-size:12px}
.article-header{margin-bottom:20px}
.article-content p{font-size:17px;margin-bottom:20px}
.article-content h2{font-size:22px}
.cta-button{font-size:16px;padding:18px 25px;margin:0 10px}
.share-buttons{justify-content:center}
.highlight-quote,.alert-box,.result-highlight,.process-explanation{margin:25px -15px;border-radius:0}
}

@media(max-width:480px){
.main-content{padding:0 10px}
.article{padding-top:15px}
.breadcrumb{font-size:11px;padding:8px 0}
.category-tag{font-size:10px;padding:3px 6px}
.footer-content{grid-template-columns:1fr;gap:20px}
.footer-section h4{font-size:14px}
.article-title{font-size:20px;line-height:1.2}
.article-subtitle{font-size:14px;margin-bottom:10px}
.article-meta{margin-bottom:10px;font-size:11px}
.article-header{margin-bottom:15px}
.article-content p{font-size:16px}
.cta-button{font-size:15px;padding:15px 20px;line-height:1.3}
.top-nav{height:24px}
.nav-container{padding:2px 8px;font-size:10px}
.nav-link{margin-right:8px}
.header-container{padding:4px 8px;height:36px}
.section-title-center{font-size:14px;letter-spacing:0.2px}
.search-btn{font-size:13px;padding:2px 4px;right:8px}
.share-btn{width:38px;height:38px;font-size:13px}
.share-icon{font-size:15px}
.share-buttons{gap:8px;margin-bottom:18px}
}

/* Performance & Accessibility */
.article-image img{will-change:transform;contain:layout}
.footer-content{max-width:var(--container-width);margin:0 auto}

@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}
:focus{outline:2px solid var(--primary-blue);outline-offset:2px}
@media print{.top-nav,.main-header,.share-buttons,.footer{display:none!important}.main-content{max-width:none;box-shadow:none}.article-content{color:#000!important}}