/* ================================================================
   TV Zambézia 24 Horas — theme.css v7.0
   BBC-Inspired Editorial Portal | Afro Media Company
================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=Source+Sans+3:wght@300;400;500;600;700;800&display=swap');

/* ── Design Tokens ── */
:root {
  /* Brand */
  --red:        #bb1919;
  --red-d:      #8f1212;
  --red-l:      #e63030;
  --purple:     #6f2c91;
  --purple-d:   #4d1d68;
  --purple-l:   #9b59c4;
  --blue:       #0057a8;
  --green:      #1a7a1a;

  /* Neutrals */
  --black:      #0a0a0a;
  --dark:       #141414;
  --dark2:      #1f1f1f;
  --dark3:      #2a2a2a;
  --mid:        #4a4a4a;
  --muted:      #6b6b6b;
  --border:     #e2e2e2;
  --border-d:   #2f2f2f;
  --bg:         #f0f0f0;
  --surface:    #f8f8f8;
  --white:      #ffffff;

  /* Typography */
  --ff-head: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --ff-body: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;

  /* Spacing */
  --gap:    20px;
  --gap-lg: 32px;
  --r:      6px;
  --r-lg:   12px;

  /* Shadows */
  --sh:   0 1px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.06);
  --sh-h: 0 4px 16px rgba(0,0,0,.14), 0 8px 32px rgba(0,0,0,.08);

  /* Max widths */
  --mw:   1280px;
  --mw-r: 860px;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--ff-body);background:var(--bg);color:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img,video,iframe{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
input,textarea,select{font-family:inherit;border-radius:0}

/* ── Layout ── */
.wrap{width:min(var(--mw),calc(100% - 32px));margin:0 auto}
.wrap--narrow{width:min(var(--mw-r),calc(100% - 32px));margin:0 auto}
.two-col{display:grid;grid-template-columns:1fr 320px;gap:var(--gap-lg);align-items:start}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.two-col-eq{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}

/* ── Helpers ── */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.badge--red{background:var(--red);color:#fff}
.badge--black{background:var(--black);color:#fff}
.badge--purple{background:var(--purple);color:#fff}
.badge--live{background:var(--red);color:#fff;animation:pulse-badge 2s ease-in-out infinite}
@keyframes pulse-badge{0%,100%{opacity:1}50%{opacity:.7}}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--red)}
.eyebrow--w{color:#fff}
.eyebrow--p{color:var(--purple-l)}
.divider{height:3px;background:var(--black);margin-bottom:16px}
.divider--red{background:var(--red)}
.divider--purple{background:var(--purple)}

/* ================================================================
   UTILITY BAR
================================================================ */
.util-bar{background:var(--dark);color:rgba(255,255,255,.7);font-size:11.5px;font-weight:500}
.util-bar__i{display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:12px}
.util-bar__l,.util-bar__r{display:flex;align-items:center;gap:14px}
.util-bar a{color:rgba(255,255,255,.65);transition:color .15s}
.util-bar a:hover{color:#fff}
.util-sep{color:rgba(255,255,255,.25)}
.util-social{display:flex;gap:8px}
.util-social a{width:24px;height:24px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}
.util-social a:hover{background:var(--red)}
.util-social svg{width:12px;height:12px;fill:rgba(255,255,255,.75)}

/* ================================================================
   BREAKING BAR
================================================================ */
.breaking-bar{background:var(--red);color:#fff;overflow:hidden;position:relative}
.breaking-bar::before{content:'';position:absolute;left:0;top:0;bottom:0;width:200px;background:linear-gradient(to right,var(--red-d) 60%,transparent);z-index:1;pointer-events:none}
.breaking-bar__i{display:flex;align-items:center;min-height:42px;position:relative}
.breaking-label{background:var(--black);font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;padding:0 16px;min-height:42px;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;z-index:2;position:relative}
.breaking-label .dot{width:7px;height:7px;background:#fff;border-radius:50%;animation:blink .9s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.breaking-ticker{overflow:hidden;flex:1;position:relative}
.breaking-scroll{display:flex;gap:48px;padding:0 20px;white-space:nowrap;font-size:13px;font-weight:500;animation:scroll-ticker 40s linear infinite}
.breaking-scroll:hover{animation-play-state:paused}
.breaking-scroll a{color:#fff;transition:opacity .15s}
.breaking-scroll a:hover{opacity:.8;text-decoration:underline}
.breaking-scroll span::before{content:'•';margin-right:10px;opacity:.5}
@keyframes scroll-ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ================================================================
   SITE HEADER
================================================================ */
.site-header{background:#fff;border-bottom:3px solid var(--red);position:sticky;top:0;z-index:200;box-shadow:0 2px 16px rgba(0,0,0,.1)}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.logo-link{display:flex;align-items:center}
.site-logo{height:50px;width:auto}
.masthead__right{display:flex;align-items:center;gap:10px}

/* Search */
.search-box{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .2s}
.search-box:focus-within{border-color:var(--red)}
.search-box input{border:none;outline:none;height:40px;padding:0 12px;width:200px;font-size:13.5px;background:transparent;color:var(--black)}
.search-box button{height:40px;padding:0 12px;background:var(--surface);border-left:1.5px solid var(--border);display:flex;align-items:center;transition:background .15s}
.search-box button:hover{background:var(--red);color:#fff}
.search-box button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5}

/* Live CTA */
.hd-live{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;height:40px;padding:0 16px;border-radius:var(--r);transition:background .15s;white-space:nowrap}
.hd-live:hover{background:var(--red-d)}
.hd-live__dot{width:7px;height:7px;background:#fff;border-radius:50%;animation:pulse-dot 1.4s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}

/* Hamburger */
.hd-burger{display:none;flex-direction:column;gap:5px;padding:5px;background:none;border:none}
.hd-burger span{display:block;width:22px;height:2px;background:var(--black);border-radius:2px;transition:all .25s}
.hd-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd-burger.is-open span:nth-child(2){opacity:0}
.hd-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ================================================================
   PRIMARY NAVIGATION
================================================================ */
.main-nav{background:var(--dark2)}
.nav-wrap{overflow-x:auto;scrollbar-width:none}
.nav-wrap::-webkit-scrollbar{display:none}
.nav-list{display:flex;gap:0}
.nav-list>li{position:relative;flex-shrink:0}
.nav-list>li>a{display:flex;align-items:center;height:46px;padding:0 15px;font-size:12.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:rgba(255,255,255,.78);transition:color .15s,background .15s;white-space:nowrap}
.nav-list>li>a:hover,.nav-list>li.current-menu-item>a{color:#fff;background:rgba(255,255,255,.07)}
.nav-list>li.nav-live>a{background:var(--red);color:#fff}
.nav-list>li.nav-live>a:hover{background:var(--red-d)}
.nav-list>li.nav-break>a{color:var(--red-l)}

/* Dropdown */
.nav-list>li:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sub-menu{position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--red);box-shadow:var(--sh-h);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:300}
.sub-menu li a{display:block;padding:10px 16px;font-size:13.5px;color:var(--mid);border-bottom:1px solid var(--border);transition:background .13s,color .13s}
.sub-menu li:last-child a{border-bottom:none}
.sub-menu li a:hover{background:var(--surface);color:var(--red)}

/* Mobile Nav */
.mobile-nav{display:none;position:fixed;inset:0;background:var(--dark);z-index:500;overflow-y:auto;padding:20px}
.mobile-nav.open{display:block}
.mobile-nav__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.mobile-nav__close{color:#fff;font-size:26px;line-height:1;background:none;border:none;cursor:pointer}
.mobile-nav__list li a{display:block;padding:14px 0;font-size:17px;font-weight:700;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.07);transition:color .15s,padding-left .15s}
.mobile-nav__list li a:hover{color:#fff;padding-left:8px}

/* ================================================================
   AD ZONES
================================================================ */
.ad{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--surface);border:1px dashed #c8c8c8;border-radius:var(--r);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;overflow:hidden}
.ad--ldr{height:90px;margin:16px 0}
.ad--bbd{height:250px;margin:20px 0}
.ad--mpu{height:250px}
.ad--half{height:600px}
.ad--strip{height:66px;margin:14px 0}
.ad--footer{height:90px;margin:0}

/* ================================================================
   SECTION HEADERS
================================================================ */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:3px solid var(--black);margin-bottom:18px}
.sec-head--red{border-bottom-color:var(--red)}
.sec-head--purple{border-bottom-color:var(--purple)}
.sec-head--white{border-bottom-color:rgba(255,255,255,.3)}
.sec-head h2{font-family:var(--ff-head);font-size:22px;font-weight:700;letter-spacing:-.2px;color:var(--black)}
.sec-head--w h2{color:#fff}
.sec-head__more{font-size:12px;font-weight:800;color:var(--red);display:flex;align-items:center;gap:4px;white-space:nowrap;transition:gap .15s}
.sec-head__more--w{color:rgba(255,255,255,.7)}
.sec-head__more:hover{gap:8px}
.sec-head__more::after{content:'→'}

/* ================================================================
   CARD SYSTEM
================================================================ */
/* Base card */
.card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--sh-h);transform:translateY(-2px)}
.card__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.card__ph{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#e0e0e0,#c8c8c8);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.card__body{padding:14px 16px 18px}
.card__cat{font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--red);display:block;margin-bottom:5px}
.card__cat--p{color:var(--purple)}
.card__meta{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:6px;letter-spacing:.2px}
.card h3{font-family:var(--ff-head);font-size:17px;font-weight:700;line-height:1.22;letter-spacing:-.1px;color:var(--black);margin-bottom:7px}
.card h3 a:hover{color:var(--red)}
.card p{font-size:13.5px;color:var(--mid);line-height:1.55}
.card--feat h3{font-size:21px}

/* Horizontal card */
.card--h{display:grid;grid-template-columns:130px 1fr;gap:0}
.card--h .card__img{width:130px;height:100%;aspect-ratio:unset;object-fit:cover}
.card--h .card__ph{width:130px;aspect-ratio:unset;min-height:88px}
.card--h .card__body{padding:10px 12px}
.card--h h3{font-size:13.5px}

/* Video card */
.card--video .card__ph{background:linear-gradient(135deg,var(--dark) 0%,var(--purple-d) 100%);position:relative;aspect-ratio:16/9}
.card__play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.card__play-btn svg{width:44px;height:44px;fill:rgba(255,255,255,.9);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .2s}
.card:hover .card__play-btn svg{transform:scale(1.12)}
.card__dur{position:absolute;bottom:7px;right:7px;background:rgba(0,0,0,.78);color:#fff;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:3px}

/* Dark card (for video section) */
.card--dk{background:var(--dark3);border-color:var(--border-d)}
.card--dk h3{color:#fff}
.card--dk p{color:rgba(255,255,255,.55)}
.card--dk .card__meta{color:rgba(255,255,255,.4)}
.card--dk:hover{box-shadow:0 8px 32px rgba(0,0,0,.4)}

/* Opinion card */
.opin-card{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}
.opin-card:last-child{border-bottom:none}
.opin-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--red));flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;font-family:var(--ff-head)}
.opin-author{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}
.opin-card h4{font-family:var(--ff-head);font-size:15px;font-weight:700;line-height:1.3;color:var(--black)}
.opin-card h4 a:hover{color:var(--red)}

/* Province card */
.prov-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;border-top:4px solid var(--red);transition:box-shadow .2s,transform .2s}
.prov-card:hover{box-shadow:var(--sh-h);transform:translateY(-2px)}
.prov-card--sofala{border-top-color:var(--purple)}
.prov-card--tete{border-top-color:var(--blue)}
.prov-card--manica{border-top-color:var(--green)}
.prov-card h3{font-family:var(--ff-head);font-size:19px;font-weight:700;margin-bottom:6px}
.prov-card h3 a:hover{color:var(--red)}
.prov-card p{font-size:13px;color:var(--mid);line-height:1.5;margin-bottom:10px}
.prov-card__n{font-size:10px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:.5px}

/* Context card */
.ctx-card{background:#fff;border:1px solid var(--border);border-left:4px solid var(--purple);border-radius:var(--r-lg);padding:18px;transition:box-shadow .2s}
.ctx-card:hover{box-shadow:var(--sh-h)}
.ctx-icon{width:34px;height:34px;background:var(--purple);border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.ctx-icon svg{width:18px;height:18px;fill:#fff}
.ctx-card h3{font-family:var(--ff-head);font-size:16px;font-weight:700;margin-bottom:7px;color:var(--black)}
.ctx-card h3 a:hover{color:var(--purple)}
.ctx-card p{font-size:13px;color:var(--mid);line-height:1.55}

/* Program card */
.prog-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .2s,transform .2s}
.prog-card:hover{box-shadow:var(--sh-h);transform:translateY(-2px)}
.prog-card__thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--dark) 0%,var(--purple-d) 60%,var(--red-d) 100%);position:relative;display:flex;align-items:center;justify-content:center}
.prog-card__thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.prog-card__logo{font-family:var(--ff-head);font-size:22px;font-weight:800;color:#fff;text-align:center;padding:16px;text-shadow:0 2px 8px rgba(0,0,0,.5);position:relative}
.prog-card__body{padding:16px}
.prog-card h3{font-family:var(--ff-head);font-size:18px;font-weight:700;margin-bottom:6px;color:var(--black)}
.prog-card h3 a:hover{color:var(--red)}
.prog-card p{font-size:13px;color:var(--mid);line-height:1.5}

/* ================================================================
   HERO SECTION
================================================================ */
.hero-wrap{background:#fff;padding:0 0 20px;border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1fr 340px;gap:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:16px;box-shadow:var(--sh)}
.hero-main{position:relative}
.hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.hero-img-ph{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a0a2e 0%,#6f2c91 40%,#bb1919 75%,#0a0505 100%);display:block;position:relative}
.hero-img-ph::after{content:'TVZ24';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.12);font-family:var(--ff-head);font-size:80px;font-weight:800}
.hero-flag{position:absolute;top:14px;left:14px}
.hero-copy{padding:18px 22px 22px;border-top:3px solid var(--red)}
.hero-copy .meta{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px}
.hero-copy h1{font-family:var(--ff-head);font-size:clamp(20px,2.5vw,34px);font-weight:800;line-height:1.12;letter-spacing:-.3px;margin-bottom:9px;color:var(--black)}
.hero-copy h1 a:hover{color:var(--red)}
.hero-copy p{font-size:14px;color:var(--mid);line-height:1.6}
.hero-stack{display:flex;flex-direction:column;border-left:1px solid var(--border)}
.hero-item{padding:15px 17px;border-bottom:1px solid var(--border);transition:background .15s}
.hero-item:last-child{border-bottom:none;flex:1}
.hero-item:hover{background:var(--surface)}
.hero-item .eyebrow{margin-bottom:5px}
.hero-item h3{font-family:var(--ff-head);font-size:15.5px;font-weight:700;line-height:1.22;color:var(--black)}
.hero-item h3 a:hover{color:var(--red)}
.hero-item .meta{font-size:10.5px;color:var(--muted);margin-bottom:5px;font-weight:600}

/* ================================================================
   CONTENT LAYOUT
================================================================ */
.content-wrap{padding:20px 0 50px}
.content-block{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;margin-bottom:24px}

/* ================================================================
   SIDEBAR
================================================================ */
.sidebar{display:flex;flex-direction:column;gap:20px}
.widget{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.widget__hd{background:var(--dark);color:#fff;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.widget__hd h3{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.widget__hd--red{background:var(--red)}
.widget__hd--purple{background:var(--purple)}
.widget__body{padding:16px}

/* Live widget */
.live-widget{border-top:3px solid var(--red)}
.live-embed{background:var(--black);aspect-ratio:16/9;overflow:hidden;position:relative}
.live-embed iframe{width:100%;height:100%;border:none;display:block}
.live-ph{inset:0;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.8)}
.live-ph__icon{width:54px;height:54px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-live 2s ease-in-out infinite}
@keyframes pulse-live{0%,100%{box-shadow:0 0 0 0 rgba(187,25,25,.5)}50%{box-shadow:0 0 0 14px rgba(187,25,25,0)}}
.live-ph__icon svg{width:20px;height:20px;fill:#fff}
.live-ph p{font-size:12px;font-weight:700;text-align:center;padding:0 16px}
.live-footer{padding:12px 16px}
.live-cta{display:flex;align-items:center;justify-content:center;height:42px;background:var(--red);color:#fff;border-radius:var(--r);font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;transition:background .15s}
.live-cta:hover{background:var(--red-d)}

/* Trending widget */
.trend-item{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s}
.trend-item:last-child{border-bottom:none}
.trend-item:hover{background:var(--surface)}
.trend-num{font-size:20px;font-weight:800;color:var(--border);line-height:1;min-width:24px;font-family:var(--ff-head)}
.trend-body .cat{font-size:10px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.trend-body h4{font-family:var(--ff-head);font-size:13.5px;font-weight:700;line-height:1.3;color:var(--black)}
.trend-body h4 a:hover{color:var(--red)}

/* ================================================================
   SECTIONS — Dark bg (videos)
================================================================ */
.dark-section{background:var(--dark2);padding:28px 0}
.dark-section .sec-head{border-bottom-color:var(--red)}
.dark-section .sec-head h2{color:#fff}

/* ================================================================
   PROVINCES SECTION
================================================================ */
.prov-section{background:var(--surface);padding:28px 0}

/* ================================================================
   NEWSLETTER
================================================================ */
.nl-section{background:linear-gradient(135deg,#0a0a14 0%,#1a0a2e 45%,#1a0505 100%);color:#fff;padding:52px 0;position:relative;overflow:hidden}
.nl-section::before,.nl-section::after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.nl-section::before{width:500px;height:500px;background:radial-gradient(circle,rgba(187,25,25,.18) 0%,transparent 70%);top:-100px;right:-100px}
.nl-section::after{width:400px;height:400px;background:radial-gradient(circle,rgba(111,44,145,.18) 0%,transparent 70%);bottom:-80px;left:-80px}
.nl-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.nl-copy h2{font-family:var(--ff-head);font-size:34px;font-weight:800;line-height:1.08;letter-spacing:-.4px;margin-bottom:10px}
.nl-copy p{font-size:15px;color:rgba(255,255,255,.65);line-height:1.65}
.nl-form{display:flex;flex-direction:column;gap:12px}
.nl-row{display:flex;gap:8px}
.nl-form input[type=email]{flex:1;height:50px;padding:0 16px;background:rgba(255,255,255,.09);border:1.5px solid rgba(255,255,255,.18);border-radius:var(--r);color:#fff;font-size:14.5px;transition:border-color .2s}
.nl-form input[type=email]:focus{outline:none;border-color:rgba(255,255,255,.45)}
.nl-form input::placeholder{color:rgba(255,255,255,.4)}
.nl-form button{height:50px;padding:0 24px;background:var(--red);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:background .15s;white-space:nowrap}
.nl-form button:hover{background:var(--red-l)}
.nl-note{font-size:11px;color:rgba(255,255,255,.38)}

/* ================================================================
   FOOTER
================================================================ */
.site-footer{background:var(--black);color:rgba(255,255,255,.75)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding:44px 0 28px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-brand .footer-logo{height:42px;width:auto;margin-bottom:14px}
.footer-brand p{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:6px}
.footer-brand .coverage{font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--red);text-transform:uppercase}
.footer-social{display:flex;gap:9px;margin-top:14px}
.footer-social a{width:34px;height:34px;background:rgba(255,255,255,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}
.footer-social a:hover{background:var(--red)}
.footer-social svg{width:15px;height:15px;fill:rgba(255,255,255,.7)}
.footer-col h4{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:14px;padding-bottom:9px;border-bottom:2px solid var(--red)}
.footer-col ul{display:flex;flex-direction:column;gap:9px}
.footer-col a{font-size:13.5px;color:rgba(255,255,255,.5);transition:color .15s;line-height:1.4}
.footer-col a:hover{color:#fff}
.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}
.footer-legal__links{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal__links a{font-size:11.5px;color:rgba(255,255,255,.38);transition:color .15s}
.footer-legal__links a:hover{color:rgba(255,255,255,.75)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;flex-wrap:wrap}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.3)}
.footer-bottom a{color:rgba(255,255,255,.45);transition:color .15s}
.footer-bottom a:hover{color:#fff}

/* ================================================================
   SINGLE POST
================================================================ */
.post-hd{padding:24px 0 0}
.post-hd .cat-link{font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--red);margin-bottom:10px;display:inline-block;background:rgba(187,25,25,.08);padding:4px 10px;border-radius:3px}
.post-hd h1{font-family:var(--ff-head);font-size:clamp(24px,3.5vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.4px;margin-bottom:12px;color:var(--black)}
.post-lead{font-family:var(--ff-head);font-size:18px;color:var(--mid);line-height:1.65;margin-bottom:18px;padding-left:16px;border-left:4px solid var(--red)}
.post-meta-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:22px}
.post-meta-bar .by{font-size:13px;font-weight:700;color:var(--dark)}
.post-meta-bar .dt{font-size:12.5px;color:var(--muted)}
.post-share{display:flex;gap:7px;margin-left:auto}
.sh-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:999px;font-size:11.5px;font-weight:700;border:none;cursor:pointer;transition:opacity .15s}
.sh-btn:hover{opacity:.85}
.sh-btn--fb{background:#1877F2;color:#fff}
.sh-btn--tw{background:#000;color:#fff}
.sh-btn--wa{background:#25D366;color:#fff}
.sh-btn--cp{background:var(--surface);border:1px solid var(--border);color:var(--mid)}
.sh-btn svg{width:13px;height:13px;fill:currentColor}
.entry{font-size:17px;line-height:1.78;color:#1a1a1a}
.entry h2{font-family:var(--ff-head);font-size:26px;font-weight:700;margin:28px 0 12px;line-height:1.15}
.entry h3{font-family:var(--ff-head);font-size:21px;font-weight:700;margin:22px 0 10px}
.entry p{margin-bottom:18px}
.entry a{color:var(--blue);text-decoration:underline}
.entry img{border-radius:var(--r);margin:20px 0}
.entry figure{margin:20px 0}
.entry figcaption{font-size:12.5px;color:var(--muted);margin-top:6px;font-style:italic}
.entry blockquote{border-left:4px solid var(--red);padding:12px 20px;background:var(--surface);border-radius:0 var(--r) var(--r) 0;margin:20px 0;font-style:italic;font-size:18px;color:var(--mid);font-family:var(--ff-head)}
.entry ul,.entry ol{margin-left:22px;margin-bottom:18px;display:flex;flex-direction:column;gap:6px}
.entry ul{list-style:disc}
.entry ol{list-style:decimal}
.author-box{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--surface);border-radius:var(--r);border:1px solid var(--border);margin-top:24px}
.author-box img,.author-box .author-avatar{border-radius:50%;width:52px;height:52px;object-fit:cover;flex-shrink:0}
.author-box .author-avatar{background:linear-gradient(135deg,var(--purple),var(--red));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px}
.author-box .name{font-size:15px;font-weight:700;color:var(--black);margin-bottom:3px}
.author-box .bio{font-size:13px;color:var(--mid)}
.tags-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.tag-item{font-size:11.5px;font-weight:700;color:var(--mid);background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:4px 10px;transition:border-color .15s,color .15s}
.tag-item:hover{border-color:var(--red);color:var(--red)}

/* ================================================================
   ARCHIVE
================================================================ */
.arch-hd{background:var(--dark);color:#fff;padding:24px 0;margin-bottom:24px}
.arch-hd .eyebrow{margin-bottom:6px}
.arch-hd h1{font-family:var(--ff-head);font-size:32px;font-weight:800;letter-spacing:-.3px}
.arch-hd p{font-size:14px;color:rgba(255,255,255,.55);margin-top:6px}
.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-bottom:30px}

/* Pagination */
.pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:20px 0}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r);font-size:13.5px;font-weight:700;color:var(--mid);transition:all .15s}
.pagination a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.pagination .current{background:var(--red);color:#fff;border-color:var(--red)}

/* ================================================================
   PAGE TEMPLATES
================================================================ */
.page-wrap{padding:32px 0 56px}
.page-art{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 36px;max-width:860px}
.page-art h1{font-family:var(--ff-head);font-size:32px;font-weight:800;margin-bottom:20px;padding-bottom:14px;border-bottom:3px solid var(--red);letter-spacing:-.3px}

/* Live page */
.live-page__embed{background:var(--black);border-radius:var(--r-lg);overflow:hidden;margin-bottom:20px;aspect-ratio:16/9;position:relative}
.live-page__embed iframe{width:100%;height:100%;border:none;display:block;position:absolute;inset:0}

/* Vale do Zambeze page */
.vz-hero{background:linear-gradient(135deg,var(--dark) 0%,var(--purple-d) 50%,var(--red-d) 100%);color:#fff;padding:52px 0;position:relative;overflow:hidden;margin-bottom:32px}
.vz-hero::after{content:'VALE DO\AZAMBEZE';position:absolute;bottom:-30px;right:-20px;font-family:var(--ff-head);font-size:120px;font-weight:800;opacity:.04;color:#fff;white-space:pre;line-height:1}
.vz-hero__inner{position:relative;z-index:1}
.vz-hero h1{font-family:var(--ff-head);font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.05;letter-spacing:-1px;margin-bottom:14px}
.vz-hero p{font-size:17px;color:rgba(255,255,255,.75);line-height:1.65;max-width:600px}

/* Programs page */
.prog-hero{background:var(--dark2);color:#fff;padding:36px 0 28px;margin-bottom:28px}
.prog-hero h1{font-family:var(--ff-head);font-size:36px;font-weight:800;letter-spacing:-.4px;margin-bottom:8px}
.prog-hero p{font-size:15px;color:rgba(255,255,255,.6)}

/* ================================================================
   SEARCH
================================================================ */
.search-hd{background:var(--dark);padding:22px 0;margin-bottom:22px}
.search-hd h1{font-family:var(--ff-head);font-size:26px;font-weight:800;color:#fff;margin-bottom:6px}
.search-hd p{font-size:13px;color:rgba(255,255,255,.5)}
.search-results{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}

/* ================================================================
   404
================================================================ */
.e404{text-align:center;padding:80px 20px;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.e404__num{font-family:var(--ff-head);font-size:100px;font-weight:800;line-height:1;color:var(--red)}
.e404 h1{font-family:var(--ff-head);font-size:28px;color:var(--black)}
.e404 p{font-size:15px;color:var(--mid);max-width:440px}
.e404__btns{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:var(--r);font-size:13.5px;font-weight:700;border:none;cursor:pointer;transition:all .15s}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:var(--red-d)}
.btn--dark{background:var(--dark);color:#fff}
.btn--dark:hover{background:var(--dark3)}
.btn--outline{background:transparent;border:2px solid var(--border);color:var(--mid)}
.btn--outline:hover{border-color:var(--red);color:var(--red)}

/* ================================================================
   ANIMATIONS
================================================================ */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.anim{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.anim.in{opacity:1;transform:translateY(0)}

/* ================================================================
   RESPONSIVE
================================================================ */
@media(max-width:1100px){
  .two-col{grid-template-columns:1fr}
  .sidebar{flex-direction:row;flex-wrap:wrap}
  .sidebar .widget{flex:1 1 280px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-stack{flex-direction:row;border-left:none;border-top:1px solid var(--border)}
  .hero-item{flex:1;border-right:1px solid var(--border);border-bottom:none}
  .hero-item:last-child{border-right:none}
  .three-col{grid-template-columns:repeat(2,1fr)}
  .four-col{grid-template-columns:repeat(2,1fr)}
  .nl-inner{grid-template-columns:1fr;gap:24px}
}
@media(max-width:720px){
  :root{--gap:14px;--gap-lg:20px}
  .util-bar{display:none}
  .masthead{padding:10px 0}
  .site-logo{height:40px}
  .search-box input{width:140px}
  .main-nav{display:none}
  .hd-burger{display:flex}
  .two-col-eq,.three-col,.arch-grid{grid-template-columns:1fr}
  .four-col{grid-template-columns:repeat(2,1fr)}
  .hero-stack{flex-direction:column}
  .hero-item{border-right:none;border-bottom:1px solid var(--border)}
  .footer-grid{grid-template-columns:1fr;gap:24px;padding:32px 0 20px}
  .nl-row{flex-direction:column}
  .card--h{grid-template-columns:105px 1fr}
  .post-share{margin-left:0;width:100%}
}
@media(max-width:480px){
  .four-col{grid-template-columns:1fr}
  .page-art{padding:20px}
  .page-art h1{font-size:24px}
}