/* ==========================================================================
   TUBECALENDAR - BLOG PUBLICO
   CSS externo: sem <style> inline e sem necessidade de novo hash CSP.
   ========================================================================== */
:root{--blog-red:#ff0000;--blog-red-dark:#cc181e;--blog-ink:#111827;--blog-muted:#64748b;--blog-border:#e5e7eb;--blog-soft:#f8fafc;--blog-white:#fff}
.blog-page{margin:0;min-height:100vh;background:#fff;color:var(--blog-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.blog-page *,.blog-page *::before,.blog-page *::after{box-sizing:border-box}.blog-page a{color:inherit}.blog-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.blog-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid var(--blog-border);backdrop-filter:blur(16px)}
.blog-header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.blog-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:950;letter-spacing:-.5px;white-space:nowrap}.blog-brand img{width:38px;height:38px;border-radius:10px}.blog-main-nav{display:flex;align-items:center;gap:4px;margin-right:auto}.blog-main-nav a{padding:9px 12px;border-radius:10px;text-decoration:none;color:#475569;font-size:13px;font-weight:850}.blog-main-nav a:hover,.blog-main-nav a[aria-current="page"]{background:#fff1f2;color:#b91c1c}.blog-header-actions{display:flex;align-items:center;gap:10px}.blog-language-nav{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--blog-border);border-radius:999px;background:#f8fafc}.blog-language-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:30px;padding:0 8px;border-radius:999px;text-decoration:none;color:#64748b;font-size:11px;font-weight:950}.blog-language-nav a[aria-current="page"]{background:var(--blog-red);color:#fff}.blog-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900}
.blog-index{padding:30px 0 64px}.blog-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.55fr);gap:28px;align-items:center;padding:clamp(34px,6vw,64px);border-radius:30px;background:linear-gradient(135deg,#111827 0%,#210606 58%,#cc181e 100%);color:#fff;box-shadow:0 24px 60px rgba(17,24,39,.18)}.blog-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.02)}.blog-hero-copy{position:relative;z-index:2}.blog-kicker{display:inline-block;margin-bottom:10px;color:#fecaca;font-size:12px;font-weight:950;letter-spacing:.9px}.blog-hero h1{max-width:820px;margin:0 0 16px;font-size:clamp(34px,5.8vw,60px);line-height:1.02;letter-spacing:-2px}.blog-hero p{max-width:780px;margin:0;color:#dbe3ee;font-size:17px;line-height:1.7}.blog-hero-mark{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:170px;height:170px;justify-self:end;border:1px solid rgba(255,255,255,.16);border-radius:38px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 40px rgba(255,255,255,.035);font-size:54px;font-weight:1000;letter-spacing:-4px}.blog-hero-mark span{color:#ff4d4d}
.blog-featured-section,.blog-list-section{padding-top:46px}.blog-section-heading{margin-bottom:18px}.blog-section-heading>span{display:block;margin-bottom:5px;color:#b91c1c;font-size:11px;font-weight:950;letter-spacing:.75px;text-transform:uppercase}.blog-section-heading h2{margin:0;color:#0f172a;font-size:clamp(25px,3.4vw,36px);line-height:1.12;letter-spacing:-.8px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-card{overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:250px;border:1px solid var(--blog-border);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:#fecaca;box-shadow:0 20px 44px rgba(15,23,42,.11)}.blog-card--featured{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);min-height:330px}.blog-card-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-decoration:none;background:linear-gradient(145deg,#111827,#3f0b0b 56%,#dc2626);color:#fff}.blog-card-visual span{font-size:54px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}.blog-card-visual small{padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.55px}.blog-card-body{display:flex;flex-direction:column;padding:24px}.blog-card-category{margin-bottom:8px;color:#b91c1c;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.55px}.blog-card h2{margin:0 0 10px;font-size:clamp(20px,2.5vw,29px);line-height:1.15;letter-spacing:-.5px}.blog-card h2 a{text-decoration:none}.blog-card p{margin:0 0 14px;color:#64748b;font-size:14px;line-height:1.62}.blog-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;color:#94a3b8;font-size:11px;font-weight:750}.blog-read-link{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-top:14px;color:#b91c1c!important;text-decoration:none;font-size:13px;font-weight:950}.blog-newsletter-note,.blog-end-cta{margin-top:46px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#111827,#350808 58%,#b91c1c);color:#fff}.blog-newsletter-note strong{display:block;font-size:26px;line-height:1.15}.blog-newsletter-note p,.blog-end-cta p{max-width:760px;margin:10px 0 0;color:#dbe3ee;line-height:1.65}.blog-cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.blog-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:950}.blog-btn-primary{background:#fff;color:#b91c1c!important}.blog-btn-secondary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff!important}
.blog-footer{border-top:1px solid var(--blog-border);background:#fff}.blog-footer-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#64748b;font-size:12px}.blog-footer-links{display:flex;flex-wrap:wrap;gap:16px}.blog-footer a{text-decoration:none;color:#64748b}
.blog-article-shell{padding:22px 0 60px}.blog-breadcrumb{display:flex;align-items:center;gap:8px;padding:10px 0 22px;color:#64748b;font-size:12px}.blog-breadcrumb a{text-decoration:none;color:#475569}.blog-article{max-width:1040px;margin:0 auto}.blog-article-hero{position:relative;overflow:hidden;padding:clamp(34px,6vw,62px);border-radius:28px;background:linear-gradient(135deg,#111827,#2b0707 62%,#b91c1c);color:#fff}.blog-article-category{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#fecaca;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.55px}.blog-article-hero h1{position:relative;z-index:2;max-width:880px;margin:16px 0 14px;font-size:clamp(34px,5.5vw,58px);line-height:1.02;letter-spacing:-1.8px}.blog-article-lead{position:relative;z-index:2;max-width:800px;margin:0;color:#dbe3ee;font-size:17px;line-height:1.65}.blog-article-meta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;color:#cbd5e1;font-size:12px}.blog-article-visual{position:absolute;right:-24px;bottom:-44px;width:210px;height:210px;display:flex;align-items:center;justify-content:center;border-radius:54px;background:rgba(255,255,255,.07);transform:rotate(-8deg);font-size:82px;opacity:.46}.blog-article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;padding-top:36px}.blog-toc{position:sticky;top:98px;align-self:start;padding:18px;border:1px solid var(--blog-border);border-radius:18px;background:#f8fafc}.blog-toc strong{font-size:12px;text-transform:uppercase;letter-spacing:.55px}.blog-toc ol{display:flex;flex-direction:column;gap:9px;margin:13px 0 0;padding-left:20px}.blog-toc a{text-decoration:none;color:#64748b;font-size:12px;line-height:1.4}.blog-toc a:hover{color:#b91c1c}.blog-article-content{min-width:0}.blog-article-intro{margin:0 0 30px;color:#334155;font-size:19px;line-height:1.78}.blog-article-section{scroll-margin-top:96px;margin-bottom:34px}.blog-article-section h2{margin:0 0 13px;color:#0f172a;font-size:clamp(24px,3vw,31px);line-height:1.15;letter-spacing:-.6px}.blog-article-section p{margin:0 0 15px;color:#475569;font-size:16px;line-height:1.82}.blog-checklist{display:flex;flex-direction:column;gap:10px;margin:0;padding:18px 20px;list-style:none;border:1px solid #dbeafe;border-radius:18px;background:#f8fbff}.blog-checklist li{position:relative;padding-left:27px;color:#334155;line-height:1.55}.blog-checklist li::before{content:"✓";position:absolute;left:0;top:0;color:#16a34a;font-weight:950}.blog-video-box{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;padding:22px;border:1px solid #fecaca;border-radius:20px;background:#fff7f7}.blog-video-box>div{display:flex;align-items:center;gap:14px}.blog-video-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#ff0000;color:#fff;font-size:17px}.blog-video-box strong{display:block;color:#111827}.blog-video-box p{margin:4px 0 0;color:#64748b;font-size:13px;line-height:1.45}.blog-video-box>a{flex-shrink:0;color:#b91c1c!important;text-decoration:none;font-size:12px;font-weight:950}.blog-end-cta>span{color:#fecaca;font-size:11px;font-weight:950;letter-spacing:.7px}.blog-end-cta h2{max-width:760px;margin:7px 0 0;font-size:clamp(27px,4vw,40px);line-height:1.1}.blog-back-link{display:inline-flex;margin-top:24px;color:#64748b!important;text-decoration:none;font-size:13px;font-weight:850}
/* Landing teaser: isolado para nao tocar no layout existente. */
.tc-blog-teaser-section{max-width:1180px;margin:0 auto;padding:18px 22px 30px}.tc-blog-teaser-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:16px}.tc-blog-teaser-eyebrow{display:block;margin-bottom:7px;color:#ff6b6b;font-size:12px;font-weight:950;letter-spacing:.8px}.tc-blog-teaser-head h2{margin:0 0 8px;color:#fff;font-size:clamp(27px,4vw,39px);line-height:1.08;letter-spacing:-.8px}.tc-blog-teaser-head p{max-width:760px;margin:0;color:#cbd5e1;font-size:15px;line-height:1.6}.tc-blog-all-link{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff!important;text-decoration:none;font-size:13px;font-weight:900}.tc-blog-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tc-blog-teaser-card{overflow:hidden;display:flex;flex-direction:column;min-height:275px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(155deg,rgba(17,24,39,.96),rgba(24,24,27,.96));box-shadow:0 14px 34px rgba(0,0,0,.18);text-decoration:none;transition:transform .2s ease,border-color .2s ease}.tc-blog-teaser-card:hover{transform:translateY(-3px);border-color:rgba(255,77,77,.45)}.tc-blog-teaser-visual{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,rgba(255,0,0,.2),rgba(255,255,255,.03));font-size:36px}.tc-blog-teaser-visual small{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#fecaca;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.45px}.tc-blog-teaser-body{display:flex;flex:1;flex-direction:column;padding:19px}.tc-blog-teaser-body h3{margin:0 0 9px;color:#fff;font-size:19px;line-height:1.18}.tc-blog-teaser-body p{margin:0;color:#aeb8c6;font-size:13px;line-height:1.55}.tc-blog-teaser-read{margin-top:auto;padding-top:16px;color:#fca5a5;font-size:12px;font-weight:950}
@media(max-width:960px){.blog-main-nav{display:none}.blog-hero{grid-template-columns:1fr}.blog-hero-mark{display:none}.blog-grid{grid-template-columns:1fr}.blog-card,.blog-card--featured{grid-template-columns:180px minmax(0,1fr)}.blog-article-layout{grid-template-columns:1fr}.blog-toc{position:static}.tc-blog-teaser-grid{grid-template-columns:1fr}.tc-blog-teaser-head{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.blog-shell{width:min(100% - 24px,1180px)}.blog-header-inner{min-height:64px;gap:8px}.blog-brand span{display:none}.blog-login-link{display:none}.blog-language-nav a{min-width:32px;padding:0 6px}.blog-index{padding-top:16px}.blog-hero{padding:30px 22px;border-radius:22px}.blog-hero h1{letter-spacing:-1px}.blog-card,.blog-card--featured{grid-template-columns:1fr}.blog-card-visual{min-height:130px}.blog-card-body{padding:20px}.blog-footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:22px 0}.blog-article-shell{padding-top:12px}.blog-article-hero{padding:30px 22px;border-radius:22px}.blog-article-visual{display:none}.blog-article-meta{line-height:1.5}.blog-article-layout{gap:24px;padding-top:24px}.blog-video-box{align-items:flex-start;flex-direction:column}.blog-video-box>a{width:100%}.blog-end-cta,.blog-newsletter-note{padding:25px 21px}.blog-cta-actions{flex-direction:column}.blog-btn{width:100%}.tc-blog-teaser-section{padding:12px 16px 26px}.tc-blog-teaser-head{margin-bottom:13px}.tc-blog-all-link{width:100%;justify-content:center}.tc-blog-teaser-grid{gap:11px}}

/* ==========================================================================
   TUBECALENDAR BLOG - POLIMENTO VISUAL V2
   Ajustes somente visuais. Sem JS, sem API, sem CSP e sem alteracao de HTML.
   ========================================================================== */

/* Landing: alinha o bloco do Blog com os cards centrais da pagina. */
#landing-screen .tc-blog-teaser-section {
    width: min(1040px, calc(100% - 44px));
    max-width: 1040px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px 0 34px;
    box-sizing: border-box;
}

#landing-screen .tc-blog-teaser-head {
    margin-bottom: 18px;
}

#landing-screen .tc-blog-teaser-card {
    min-height: 292px;
    border-color: rgba(255, 255, 255, .12);
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 30, 30, .08), transparent 42%),
        linear-gradient(155deg, rgba(17, 24, 39, .98), rgba(18, 18, 22, .98));
    box-shadow: 0 18px 44px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .035);
}

#landing-screen .tc-blog-teaser-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 62, 62, .5);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .32), 0 0 28px rgba(255, 0, 0, .06);
}

/* Paginas publicas do Blog: visual editorial premium, mantendo leitura clara. */
.blog-page {
    background:
        radial-gradient(900px circle at 50% -260px, rgba(255, 0, 0, .085), transparent 58%),
        #f4f6f9;
}

.blog-header {
    background: rgba(8, 9, 12, .965);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 10px 34px rgba(15, 23, 42, .16);
    backdrop-filter: blur(18px);
}

.blog-header-inner {
    min-height: 76px;
}

.blog-brand {
    color: #fff !important;
}

.blog-brand img {
    box-shadow: 0 8px 20px rgba(255, 0, 0, .16);
}

.blog-main-nav {
    gap: 6px;
}

.blog-main-nav a {
    color: #cbd5e1;
    border: 1px solid transparent;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.blog-main-nav a:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .065);
    transform: translateY(-1px);
}

.blog-main-nav a[aria-current="page"] {
    color: #fff;
    border-color: rgba(255, 53, 53, .34);
    background: rgba(255, 0, 0, .13);
}

.blog-language-nav {
    border-color: rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .055);
}

.blog-language-nav a {
    color: #aeb8c6;
}

.blog-language-nav a:hover {
    color: #fff;
}

.blog-language-nav a[aria-current="page"] {
    color: #fff;
    background: linear-gradient(145deg, #ff2020, #c90000);
    box-shadow: 0 6px 16px rgba(255, 0, 0, .2);
}

.blog-login-link {
    min-height: 42px;
    padding: 0 17px;
    background: linear-gradient(145deg, #ff1d1d, #c90000);
    border: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 9px 20px rgba(255, 0, 0, .18);
    transition: transform .2s ease, box-shadow .2s ease;
}

.blog-login-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 26px rgba(255, 0, 0, .26);
}

.blog-index,
.blog-article-shell {
    padding-top: 34px;
}

.blog-breadcrumb {
    width: max-content;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 9px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}

.blog-breadcrumb a {
    color: #475569;
    font-weight: 800;
}

.blog-breadcrumb a:hover {
    color: #b91c1c;
}

.blog-hero,
.blog-article-hero {
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 28px 70px rgba(15, 23, 42, .18), 0 0 0 1px rgba(255, 0, 0, .02);
}

.blog-article-layout {
    margin-top: 28px;
    padding: 34px;
    border: 1px solid #e4e8ef;
    border-radius: 28px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 22px 56px rgba(15, 23, 42, .07);
}

.blog-toc {
    top: 108px;
    border-color: #e2e8f0;
    background: linear-gradient(180deg, #f8fafc, #f3f5f8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.blog-toc strong {
    color: #0f172a;
}

.blog-toc a {
    color: #5c6879;
    font-weight: 650;
}

.blog-article-intro {
    color: #243044;
}

.blog-article-section h2 {
    position: relative;
    padding-bottom: 10px;
}

.blog-article-section h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff1f1f, #b91c1c);
}

.blog-checklist {
    border-color: #dbe4ef;
    background: linear-gradient(180deg, #f8fbff, #f5f8fc);
    box-shadow: inset 0 1px 0 #fff;
}

.blog-video-box {
    border-color: #fecaca;
    background: linear-gradient(135deg, #fffafa, #fff4f4);
    box-shadow: 0 12px 32px rgba(185, 28, 28, .055);
}

.blog-video-box > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fff;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.blog-video-box > a:hover {
    transform: translateY(-1px);
    border-color: #fca5a5;
    box-shadow: 0 8px 18px rgba(185, 28, 28, .08);
}

.blog-end-cta {
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 24px 58px rgba(15, 23, 42, .15);
}

.blog-btn {
    min-height: 48px;
    border-radius: 13px;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.blog-btn:hover {
    transform: translateY(-2px);
}

.blog-btn-primary {
    box-shadow: 0 10px 24px rgba(255, 255, 255, .08);
}

.blog-btn-secondary:hover {
    background: rgba(255, 255, 255, .12);
}

.blog-back-link {
    align-items: center;
    gap: 7px;
    margin-top: 24px;
    padding: 11px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #334155 !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
    transition: transform .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.blog-back-link:hover {
    transform: translateX(-2px);
    color: #b91c1c !important;
    border-color: #fecaca;
    box-shadow: 0 10px 24px rgba(185, 28, 28, .07);
}

.blog-footer {
    margin-top: 8px;
    border-top-color: rgba(255, 255, 255, .08);
    background: #0a0b0e;
}

.blog-footer-inner,
.blog-footer a {
    color: #aab4c3;
}

.blog-footer a:hover {
    color: #fff;
}

/* Cards da pagina /blog/ ganham mais profundidade sem perder leitura. */
.blog-card {
    border-color: #e2e8f0;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .075);
}

.blog-card:hover {
    border-color: #fecaca;
    box-shadow: 0 22px 52px rgba(15, 23, 42, .11);
}

@media (max-width: 960px) {
    #landing-screen .tc-blog-teaser-section {
        width: min(100% - 32px, 1040px);
    }

    .blog-article-layout {
        padding: 26px;
    }
}

@media (max-width: 700px) {
    #landing-screen .tc-blog-teaser-section {
        width: calc(100% - 24px);
        padding: 14px 0 28px;
    }

    .blog-header-inner {
        min-height: 68px;
    }

    .blog-article-shell {
        padding-top: 18px;
    }

    .blog-breadcrumb {
        margin-bottom: 14px;
    }

    .blog-article-layout {
        margin-top: 18px;
        padding: 22px 18px;
        border-radius: 22px;
    }

    .blog-back-link {
        width: 100%;
        justify-content: center;
    }
}

/* ========================================================================== 
   TUBECALENDAR BLOG - AJUSTES VISUAIS PT V3
   Corrige o CSS base serializado, alinha a landing e refina cabecalho/rodape.
   Sem JS, sem API, sem alteracao de CSP.
   ========================================================================== */

/* Landing: exatamente a mesma largura-base das secoes centrais de precos/CTA. */
#landing-screen .tc-blog-teaser-section {
    width: auto;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 18px 22px 34px !important;
}

/* Header do blog: plataforma sempre no extremo direito do container. */
.blog-header-actions {
    margin-left: auto;
}

.blog-login-link {
    white-space: nowrap;
}

/* Destaque editorial mais claro e visivel. */
.blog-featured-section .blog-section-heading {
    margin-bottom: 20px;
}

.blog-featured-section .blog-section-heading > span {
    display: inline-flex;
    align-items: center;
    width: max-content;
    margin: 0 0 11px;
    padding: 7px 11px;
    border: 1px solid #fecaca;
    border-radius: 999px;
    background: #fff1f2;
    color: #b91c1c;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .7px;
    box-shadow: 0 7px 18px rgba(185, 28, 28, .06);
}

.blog-list-section .blog-section-heading {
    margin-bottom: 20px;
}

/* Rodape minimalista: apenas copyright centralizado. */
.blog-footer-inner {
    justify-content: center;
    text-align: center;
}

@media (max-width: 960px) {
    #landing-screen .tc-blog-teaser-section {
        width: auto;
        max-width: 1180px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

@media (max-width: 700px) {
    #landing-screen .tc-blog-teaser-section {
        width: auto;
        padding: 14px 16px 28px !important;
    }

    .blog-header-actions {
        margin-left: auto;
    }

    .blog-login-link {
        display: inline-flex;
        min-height: 38px;
        padding: 0 12px;
        font-size: 11px;
    }
}