/* ══════════════════════════════════════════
   CALENDÁRIO — des[tec] / Piql 2026
   Page-specific: hero, month-nav, events, etc.
   ══════════════════════════════════════════ */

/* Variable overrides — calendario uses a shifted dim/muted scale */
[data-theme="dark"]{
  --text-dim:#999;--text-muted:#555;
  --surface:#1a1a1a;--white:#fff;
  --accent-glow:rgba(245,166,35,.25);
}
[data-theme="light"]{
  --text-dim:#666;--text-muted:#888;
  --surface:#e2e2de;--white:var(--text);
  --accent-glow:var(--accent-b);
}

/* TOPBAR WRAP */
.topbar-wrap{padding:14px 14px 0;position:relative;z-index:10}

/* HERO */
.hero{position:relative;z-index:0;min-height:45vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px 50px;overflow:hidden}
.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:'Geist Mono',monospace;font-size:10px;color:var(--text-muted);padding:4px 14px;border-radius:20px;margin-bottom:22px;animation:slideIn .6s .1s cubic-bezier(.16,1,.3,1) both}
.hero-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-neon);animation:pulse 2s ease infinite}
.hero-logo{margin-bottom:16px;display:flex;align-items:center;justify-content:center;animation:slideIn .6s .15s cubic-bezier(.16,1,.3,1) both}
.hero-logo svg{height:clamp(36px,6vw,52px);width:auto}
.hero-logo svg path{fill:#dfe8e6}
[data-theme="light"] .hero-logo svg path{fill:var(--text-mid)}
.hero-title{font-size:clamp(1.5rem,4.5vw,2.8rem);font-weight:900;line-height:1.15;margin-bottom:16px;max-width:700px;letter-spacing:-.03em;animation:slideIn .7s .25s cubic-bezier(.16,1,.3,1) both}
.hero-title-grad{background:linear-gradient(135deg,var(--accent),#f5c84a,#fff,var(--accent));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 6s ease infinite}
[data-theme="light"] .hero-title-grad{background:linear-gradient(135deg,var(--accent),#d4952a,var(--text),var(--accent));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:clamp(.85rem,1.6vw,1rem);color:var(--text-dim);max-width:560px;line-height:1.7;font-weight:300;animation:slideIn .7s .35s cubic-bezier(.16,1,.3,1) both}

/* MONTH NAV */
.month-nav{position:sticky;top:60px;z-index:100;padding:0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border)}
.month-nav-glass{background:rgba(13,13,13,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
[data-theme="light"] .month-nav-glass{background:rgba(240,240,236,.85)}
.month-nav::-webkit-scrollbar{display:none}
.month-nav-inner{display:flex;gap:0;max-width:1200px;margin:0 auto;min-width:max-content;justify-content:center}
.month-nav a{display:flex;align-items:center;justify-content:center;padding:14px 16px;font-family:'Geist Mono',monospace;font-size:.65rem;font-weight:600;color:var(--text-muted);text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;border-bottom:2px solid transparent;transition:all .25s;white-space:nowrap;position:relative}
.month-nav a:hover{color:var(--text)}
.month-nav a.has-events{color:var(--text-dim)}
.month-nav a.has-events::after{content:'';position:absolute;top:10px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-neon)}
.month-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}

/* CONTENT */
.content{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:40px 24px 120px}

/* STATS */
.stat-card{border-radius:14px;padding:18px 20px;text-align:center;transition:all .3s}
.stat-card:hover{border-color:var(--accent-b);box-shadow:0 0 0 1px var(--accent-b),0 0 20px var(--accent-neon2);transform:translateY(-2px)}
.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:40px}
.stat-number{font-family:'Geist Mono',monospace;font-size:1.8rem;font-weight:800;color:var(--accent);text-shadow:0 0 20px var(--accent-neon2)}
.stat-label{font-family:'Geist Mono',monospace;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-weight:500}

/* LEGEND */
.legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px;padding:16px 20px;border-radius:14px}
.legend-item{display:flex;align-items:center;gap:7px;font-family:'Geist Mono',monospace;font-size:.68rem;color:var(--text-dim)}
.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

/* FILTER */
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.filter-btn{font-family:'Geist Mono',monospace;font-size:.7rem;font-weight:500;padding:7px 16px;border-radius:24px;cursor:pointer;transition:all .25s;background:var(--glass-bg);border:1px solid var(--border2);color:var(--text-dim);backdrop-filter:blur(12px)}
.filter-btn:hover{border-color:var(--text-muted);color:var(--text);box-shadow:0 0 12px var(--accent-neon2)}
.filter-btn.active{background:var(--accent-dim);border-color:var(--accent-b);color:var(--accent);box-shadow:0 0 16px var(--accent-neon2)}

/* MONTH */
.month-section{margin-bottom:56px}
.month-header{display:flex;align-items:baseline;gap:14px;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--border2)}
.month-name{font-family:'Geist Mono',monospace;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:800;color:var(--white);text-transform:uppercase;letter-spacing:3px}
.month-count{font-family:'Geist Mono',monospace;font-size:.65rem;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--border2);padding:3px 10px;border-radius:20px;font-weight:500}
.month-empty{color:var(--text-muted);font-size:.82rem;padding:16px 0;font-style:italic}

/* EVENT CARD */
.event-card{position:relative;border-radius:16px;margin-bottom:16px;overflow:hidden;transition:all .35s cubic-bezier(.25,.8,.25,1);animation:fadeUp .45s ease both}
.event-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;transition:all .3s;z-index:2}
.event-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);animation:scanWave 5s ease-in-out infinite;pointer-events:none}
.event-card:hover{transform:translateY(-2px)}
.event-card[data-cat="preservacao"]::before{background:var(--accent)}
.event-card[data-cat="preservacao"]:hover{border-color:var(--accent-b);box-shadow:0 0 0 1px var(--accent-b),0 0 20px var(--accent-neon2),0 0 60px var(--accent-neon2),inset 0 0 30px var(--accent-dim)}
.event-card[data-cat="seguranca"]::before{background:var(--blue)}
.event-card[data-cat="seguranca"]:hover{border-color:rgba(91,155,245,.25);box-shadow:0 0 0 1px rgba(91,155,245,.25),0 0 20px rgba(91,155,245,.15),inset 0 0 30px rgba(91,155,245,.08)}
.event-card[data-cat="cultura"]::before{background:var(--purple)}
.event-card[data-cat="cultura"]:hover{border-color:rgba(168,125,245,.25);box-shadow:0 0 0 1px rgba(168,125,245,.25),0 0 20px rgba(168,125,245,.15),inset 0 0 30px rgba(168,125,245,.08)}
.event-card[data-cat="sustentabilidade"]::before{background:var(--green)}
.event-card[data-cat="sustentabilidade"]:hover{border-color:rgba(78,203,113,.25);box-shadow:0 0 0 1px rgba(78,203,113,.25),0 0 20px rgba(78,203,113,.15),inset 0 0 30px rgba(78,203,113,.08)}
.event-card[data-cat="tecnologia"]::before{background:var(--teal)}
.event-card[data-cat="tecnologia"]:hover{border-color:rgba(78,203,181,.25);box-shadow:0 0 0 1px rgba(78,203,181,.25),0 0 20px rgba(78,203,181,.15),inset 0 0 30px rgba(78,203,181,.08)}
.event-card[data-cat="social"]::before{background:var(--red)}
.event-card[data-cat="social"]:hover{border-color:rgba(245,91,91,.25);box-shadow:0 0 0 1px rgba(245,91,91,.25),0 0 20px rgba(245,91,91,.15),inset 0 0 30px rgba(245,91,91,.08)}

.event-main{padding:22px 26px 18px}
.event-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.event-date-wrap{display:flex;align-items:center;gap:10px}
.event-day{font-family:'Geist Mono',monospace;font-size:1.6rem;font-weight:800;color:var(--white);line-height:1;min-width:44px}
.event-date-info{display:flex;flex-direction:column;gap:1px}
.event-month-label{font-family:'Geist Mono',monospace;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.event-weekday{font-size:.72rem;color:var(--text-dim);font-weight:400}
.event-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.event-badge{font-family:'Geist Mono',monospace;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;padding:3px 10px;border-radius:20px;white-space:nowrap;border:1px solid}
.event-badge[data-cat="preservacao"]{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-b)}
.event-badge[data-cat="seguranca"]{background:rgba(91,155,245,.08);color:var(--blue);border-color:rgba(91,155,245,.22)}
.event-badge[data-cat="cultura"]{background:rgba(168,125,245,.08);color:var(--purple);border-color:rgba(168,125,245,.22)}
.event-badge[data-cat="sustentabilidade"]{background:rgba(78,203,113,.08);color:var(--green);border-color:rgba(78,203,113,.22)}
.event-badge[data-cat="tecnologia"]{background:rgba(78,203,181,.08);color:var(--teal);border-color:rgba(78,203,181,.22)}
.event-badge[data-cat="social"]{background:rgba(245,91,91,.08);color:var(--red);border-color:rgba(245,91,91,.22)}
.event-new-badge{font-family:'Geist Mono',monospace;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);background:var(--accent-dim);padding:3px 8px;border-radius:4px;border:1px solid var(--accent-b)}
.event-title{font-size:clamp(.92rem,1.8vw,1.08rem);font-weight:700;color:var(--white);margin-bottom:5px;line-height:1.4}
.event-desc{font-size:.8rem;color:var(--text-dim);line-height:1.6;font-weight:300}

.content-panel{border-top:1px solid var(--border);background:rgba(255,255,255,.015)}
[data-theme="light"] .content-panel{background:rgba(0,0,0,.015)}
.content-toggle{width:100%;background:none;border:none;color:var(--accent);font-family:'Geist Mono',monospace;font-size:.72rem;font-weight:600;padding:13px 26px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;text-transform:uppercase;letter-spacing:1.5px}
.content-toggle:hover{background:rgba(245,166,35,.04)}
.content-toggle .arrow{transition:transform .25s;font-size:.6rem}
.content-toggle.open .arrow{transform:rotate(90deg)}
.content-detail{display:none;padding:0 26px 22px}
.content-detail.show{display:block;animation:fadeIn .3s ease}

.format-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.format-tag{display:flex;align-items:center;gap:5px;font-family:'Geist Mono',monospace;font-size:.65rem;font-weight:600;padding:5px 12px;border-radius:6px;border:1px solid var(--border2);color:var(--text-dim)}
.format-tag.primary{background:var(--accent-dim);border-color:var(--accent-b);color:var(--accent);box-shadow:0 0 10px var(--accent-neon2)}
.format-tag .fmt-icon{font-size:.72rem}

.slides-section{margin-bottom:18px}
.slides-title{font-family:'Geist Mono',monospace;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:10px}
.slide-list{display:flex;flex-direction:column;gap:6px}
.slide-item{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:8px;border-left:3px solid var(--accent-b);transition:border-color .2s,box-shadow .2s}
[data-theme="light"] .slide-item{background:rgba(0,0,0,.02)}
.slide-item:hover{border-color:var(--accent-b);box-shadow:0 0 12px var(--accent-neon2)}
.slide-num{font-family:'Geist Mono',monospace;font-size:.68rem;font-weight:700;color:var(--accent);min-width:30px;padding-top:1px}
.slide-content{font-size:.76rem;color:var(--text-dim);line-height:1.55;font-weight:300}
.slide-content strong{color:var(--text);font-weight:600}

.structure-grid{display:grid;gap:12px;margin-bottom:18px}
.structure-item{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
[data-theme="light"] .structure-item{background:rgba(0,0,0,.02)}
.structure-label{font-family:'Geist Mono',monospace;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:6px}
.structure-text{font-size:.78rem;color:var(--text-dim);line-height:1.6;font-weight:300}

.meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.meta-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:8px;padding:12px 14px}
[data-theme="light"] .meta-card{background:rgba(0,0,0,.02)}
.meta-label{font-family:'Geist Mono',monospace;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:4px}
.meta-value{font-size:.75rem;color:var(--text-dim);line-height:1.5;font-weight:300}
.meta-value.hashtags{color:var(--blue);font-size:.68rem;word-break:break-all}
.meta-value.cta{color:var(--accent);font-weight:500}

.funnel-badge{display:inline-flex;align-items:center;gap:4px;font-family:'Geist Mono',monospace;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:4px;margin-top:8px;border:1px solid}
.funnel-badge.consciencia{background:rgba(78,203,113,.08);color:var(--green);border-color:rgba(78,203,113,.22)}
.funnel-badge.consideracao{background:rgba(91,155,245,.08);color:var(--blue);border-color:rgba(91,155,245,.22)}
.funnel-badge.confianca{background:rgba(168,125,245,.08);color:var(--purple);border-color:rgba(168,125,245,.22)}
.funnel-badge.conversao{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-b)}
.funnel-badge.relacionamento{background:rgba(245,91,91,.08);color:var(--red);border-color:rgba(245,91,91,.22)}

/* FOOTER */
.footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border2);margin-top:60px;position:relative;z-index:1}
.footer-logo svg{height:22px}
.footer-phrase{font-size:.8rem}
.footer-credit{font-size:.6rem}

/* ═══ RESPONSIVE ═══ */
@media(max-width:640px){
  .event-main{padding:16px 14px 12px}.content-toggle{padding:11px 14px}.content-detail{padding:0 14px 18px}
  .event-top{flex-direction:column;gap:8px}.hero{min-height:35vh;padding:40px 16px 30px}
  .month-nav a{padding:12px 10px;font-size:.6rem}
  .stats-bar{grid-template-columns:repeat(2,1fr)}.meta-row{grid-template-columns:1fr}
  .slide-item{flex-direction:column;gap:4px}
  .topbar-wrap{padding:8px 8px 0}
  .topbar-logo svg{height:18px}
}
@media(min-width:900px){
  .orb-1{width:700px;height:700px}.orb-2{width:550px;height:550px}
  .topbar-wrap{padding:56px 28px 0;max-width:none}
}