:root{
  /* Paleta oficial — Manual Simplificado da Marca (Mídias Digitais, recebido 14/09/2026) */
  --azul-escuro:#0D2B6B;
  --azul:#0077C8;
  --azul-claro:#0077C8;
  --teal:#00B2A9;
  --amarelo:#F5C400;
  --laranja:#F28C28;
  --roxo:#7B4DB7;
  --cinza-texto:#4a5568;
  --cinza-claro:#f4f6fb;
  --branco:#ffffff;
  --font-titulo:'Montserrat',sans-serif;
  --font-texto:'Montserrat',sans-serif;
  --font-accent:'Bebas Neue',cursive;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-texto);font-size:16px;color:var(--cinza-texto);line-height:1.6;background:var(--branco);}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.container{max-width:1140px;margin:0 auto;padding:0 24px;}
h1,h2{font-family:var(--font-titulo);font-weight:900;font-size:35px;}
.subtitulo{font-size:20px;}

/* Top bar */
.topbar{background:var(--azul-escuro);color:#fff;font-size:.85rem;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;flex-wrap:wrap;gap:8px;}
.topbar-contatos{display:flex;gap:18px;flex-wrap:wrap;}
.topbar-social{display:flex;gap:14px;align-items:center;}
.icon-link{display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .2s ease,transform .2s ease;}
.icon-link:hover{opacity:1;transform:translateY(-1px);}
.icon-link svg{width:18px;height:18px;fill:currentColor;}

/* Header / nav */
header.principal{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:50;}
header.principal .container{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:24px;}
.logo-header{display:flex;align-items:center;}
.logo-header img{height:44px;width:auto;}
.logo-texto{font-family:var(--font-titulo);font-weight:700;font-size:1.3rem;color:var(--azul-escuro);}
.logo-texto span{color:var(--azul-claro);}
nav.menu ul{list-style:none;display:flex;gap:32px;}
nav.menu a{font-weight:600;color:var(--azul-escuro);font-size:.95rem;}
nav.menu a:hover{color:var(--azul-claro);}
.menu-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--azul-escuro);cursor:pointer;z-index:60;}

/* Hero */
.hero{position:relative;height:clamp(240px,42vw,520px);overflow:hidden;background:var(--azul-escuro);}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(18px) brightness(.7);transform:scale(1.15);}
.hero-fg{position:relative;height:100%;display:flex;align-items:center;justify-content:center;}
.hero-fg img{max-height:100%;max-width:100%;width:auto;object-fit:contain;}

/* Congressos (cards linkando pra fora) */
.congressos{background:#fff;padding:80px 0;}
.congressos h2{color:var(--azul-escuro);text-align:center;margin-bottom:8px;}
.congressos .subtitulo{text-align:center;color:var(--cinza-texto);margin-bottom:48px;}
.congressos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.card-congresso{background:#fff;border-radius:12px;padding:32px 24px 28px;box-shadow:0 4px 14px rgba(21,42,92,.08);text-align:center;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;position:relative;display:block;}
.card-congresso:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(21,42,92,.14);}
.card-congresso .ev-bar{position:absolute;top:0;left:0;right:0;height:6px;}
.card-congresso .ev-logo{height:64px;width:auto;margin:8px auto 14px;object-fit:contain;}
.card-congresso .ev-regiao{font-family:var(--font-titulo);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cinza-texto);margin-bottom:6px;}
.card-congresso .nome{font-family:var(--font-titulo);font-weight:700;font-size:1.3rem;color:var(--azul-escuro);margin-bottom:8px;}
.card-congresso .local{font-weight:600;color:var(--cinza-texto);margin-bottom:16px;font-size:.9rem;}
.card-congresso .cta{display:inline-block;background:var(--azul-claro);color:#fff;font-size:.9rem;font-weight:700;padding:8px 20px;border-radius:20px;}
.card-congresso.em-breve{opacity:.6;}
.card-congresso.em-breve .cta{background:var(--cinza-texto);color:#fff;}
.card-congresso-acoes{display:flex;flex-direction:column;gap:10px;align-items:center;}
.cta-secundaria{background:transparent !important;color:var(--azul) !important;border:1.5px solid var(--azul-claro);}

/* Eyebrow (tag pequena acima dos títulos de seção) */
.eyebrow{font-family:var(--font-accent);letter-spacing:.14em;font-size:.95rem;color:var(--azul);text-transform:uppercase;display:block;margin-bottom:12px;}

/* Hero strip — CTAs + numeros de destaque logo abaixo do banner */
.hero-strip{background:#fff;padding:32px 0;border-bottom:1px solid var(--cinza-claro);}
.hero-strip .container{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.hero-strip-actions{display:flex;gap:14px;flex-wrap:wrap;}
.btn-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:.9rem;text-decoration:none;background:var(--azul-claro);color:#fff;transition:transform .15s ease;}
.btn-cta:hover{transform:translateY(-1px);}
.btn-cta.ghost{background:transparent;color:var(--azul-escuro);border:1.5px solid var(--cinza-claro);}
.btn-cta.ghost:hover{border-color:var(--azul-claro);color:var(--azul-claro);}
.btn-cta.onDark{background:#fff;color:var(--azul-escuro);}
.stats{display:flex;gap:36px;flex-wrap:wrap;}
.stat .num{font-family:var(--font-accent);font-size:2rem;color:var(--azul-escuro);letter-spacing:.02em;}
.stat .label{font-size:.8rem;color:var(--cinza-texto);font-weight:600;margin-top:2px;}

/* Sobre */
#sobre{padding:88px 0;}
#sobre h2{text-align:center;margin-bottom:40px;}
.sobre-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start;}
.sobre-texto p{color:var(--cinza-texto);font-size:1rem;margin-bottom:16px;}
.sobre-texto p:last-child{margin-bottom:0;}
.side-card{background:var(--azul-escuro);color:#fff;border-radius:14px;padding:28px;box-shadow:0 8px 24px rgba(13,27,61,.18);}
.side-card .tag{font-family:var(--font-accent);letter-spacing:.1em;font-size:.9rem;color:var(--teal);text-transform:uppercase;display:block;}
.side-card p{color:#dbe6fb;font-size:.95rem;margin-top:10px;}
.side-card strong{color:#fff;}

/* Missao / Visao */
#missao{padding:88px 0;}
#missao h2{text-align:center;margin-bottom:40px;}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.mv-card{background:#fff;border:1px solid var(--cinza-claro);border-radius:14px;padding:30px;box-shadow:0 4px 14px rgba(21,42,92,.06);}
.mv-card .icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-titulo);font-weight:700;font-size:1.1rem;margin-bottom:16px;}
.mv-card.missao .icon{background:#e4f3ff;color:var(--azul);}
.mv-card.visao .icon{background:#e4fbf9;color:var(--teal);}
.mv-card h3{font-size:1.2rem;margin-bottom:10px;}
.mv-card p{color:var(--cinza-texto);font-size:.95rem;}

/* O que fazemos */
#servicos{padding:88px 0;}
#servicos h2{text-align:center;margin-bottom:8px;}
#servicos .subtitulo{text-align:center;color:var(--cinza-texto);margin-bottom:44px;}
.servicos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.serv-card{background:#fff;border:1px solid var(--cinza-claro);border-radius:14px;padding:26px;box-shadow:0 4px 14px rgba(21,42,92,.06);}
.serv-num{font-family:var(--font-accent);font-size:1.1rem;color:var(--azul);letter-spacing:.05em;}
.serv-card h3{font-size:1.05rem;margin:10px 0;}
.serv-card p{font-size:.88rem;color:var(--cinza-texto);}

/* Contato (secao dedicada) */
.contato{background:linear-gradient(135deg,var(--azul-escuro),var(--azul));color:#fff;padding:88px 0;}
.contato h2{color:#fff;text-align:center;margin-bottom:8px;}
.contato .subtitulo{text-align:center;color:#c3d2f0;margin-bottom:44px;}
.contato-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:0 auto;}
.contact-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:22px;display:flex;align-items:center;gap:14px;}
.contact-card .ci{width:44px;height:44px;border-radius:12px;flex:none;background:rgba(41,182,232,.2);color:var(--azul-claro);display:flex;align-items:center;justify-content:center;font-size:1.2rem;}
.contact-card .cl{font-size:.75rem;color:#c3d2f0;font-weight:600;letter-spacing:.03em;}
.contact-card .cv{font-size:1rem;font-weight:700;margin-top:2px;}
.contact-card a{color:#fff;}
.contato-actions{text-align:center;margin-top:30px;}

/* Footer */
footer{background:var(--azul-escuro);color:#c9d3ec;padding:50px 0 20px;font-size:.9rem;}
.footer-brand{margin-bottom:28px;}
.footer-brand img{height:34px;width:auto;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px;}
footer h3{color:#fff;font-size:1rem;margin-bottom:14px;letter-spacing:.5px;}
footer ul{list-style:none;}
footer li{margin-bottom:8px;}
footer a:hover{color:#fff;}
.footer-social{display:flex;gap:14px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;text-align:center;color:#8ea0c9;font-size:.8rem;}
.footer-bottom a{text-decoration:underline;}

@media (max-width:820px){
  nav.menu{position:fixed;top:0;right:-100%;height:100vh;width:78%;max-width:320px;background:#fff;flex-direction:column;padding:90px 32px;transition:right .3s ease;box-shadow:-4px 0 20px rgba(0,0,0,.15);overflow-y:auto;}
  nav.menu.aberto{right:0;}
  nav.menu ul{flex-direction:column;gap:24px;}
  .menu-toggle{display:block;}
  .topbar .container{justify-content:center;text-align:center;}
  .sobre-grid,.mv-grid,.contato-grid{grid-template-columns:1fr;}
  .servicos-grid{grid-template-columns:repeat(2,1fr);}
  .hero-strip .container{flex-direction:column;align-items:flex-start;}
  #sobre,#missao,#servicos,.congressos,.contato{padding:56px 0;}
}
@media (max-width:560px){
  .servicos-grid{grid-template-columns:1fr;}
  .stats{gap:22px;}
  .logo-header img{height:36px;}
}

/* ===== Página de evento (ex: sp-teama-2026) — reaproveita o padrão do template pós-evento ===== */

/* Hero — altura controlada, fundo desfocado da propria imagem preenche os cantos */
.hero{position:relative;height:clamp(240px,42vw,460px);overflow:hidden;color:#fff;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(18px) brightness(.55);transform:scale(1.15);}
.hero-fg{position:relative;height:100%;display:flex;align-items:center;justify-content:center;}
.hero-fg img{max-height:100%;max-width:100%;width:auto;object-fit:contain;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,61,.1) 0%,rgba(13,27,61,.88) 100%);display:flex;align-items:flex-end;}
.hero-texto{padding:32px 24px;max-width:1140px;margin:0 auto;width:100%;}
.hero-tag{display:inline-block;background:var(--azul-claro);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:14px;}
.hero-texto h1{color:#fff;margin-bottom:6px;}
.hero-texto p{color:#dbe6fb;font-size:1rem;}

/* Agradecimento */
.agradecimento{padding:48px 0;text-align:center;}
.agradecimento p{max-width:760px;margin:0 auto;}

/* Galeria por dia */
.galeria{background:var(--azul-escuro);padding:64px 0;}
.galeria h2{color:#fff;text-align:center;margin-bottom:8px;}
.galeria .subtitulo{color:#c3d2f0;text-align:center;margin-bottom:40px;}
.dia-bloco{margin-bottom:44px;}
.dia-bloco:last-child{margin-bottom:0;}
.dia-titulo{color:#fff;font-size:1.15rem;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.dia-titulo::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--azul-claro);flex:none;}
.carrossel{position:relative;}
.carrossel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none;}
.carrossel-track::-webkit-scrollbar{display:none;}
.carrossel-track figure{flex:0 0 calc(25% - 12px);scroll-snap-align:start;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;}
.carrossel-track img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .3s ease;}
.carrossel-track figure:hover img{transform:scale(1.05);}
.carrossel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.92);border:0;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.3rem;line-height:1;color:var(--azul-escuro);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 10px rgba(0,0,0,.35);}
.carrossel-nav.prev{left:-6px;}
.carrossel-nav.next{right:-6px;}
.carrossel-nav:hover{background:#fff;}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(6,12,28,.94);display:none;align-items:center;justify-content:center;z-index:100;padding:24px;}
.lightbox.aberto{display:flex;}
.lightbox img{max-width:100%;max-height:90vh;border-radius:8px;}
.lightbox-fechar{position:absolute;top:20px;right:28px;color:#fff;font-size:2.2rem;cursor:pointer;line-height:1;}

/* Patrocinadores / Apoio */
.patrocinadores{padding:56px 0;text-align:center;}
.patrocinadores h2{margin-bottom:8px;}
.patrocinadores .realizacao{color:var(--cinza-texto);font-size:.9rem;margin-bottom:32px;}
.patrocinadores-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;}
.patrocinadores-grid img{max-height:56px;width:auto;}
.patrocinadores-grid.grande img{max-height:100px;}

/* CTA / redes sociais */
.cta{background:linear-gradient(135deg,var(--azul),var(--azul-claro));color:#fff;text-align:center;padding:56px 24px;}
.cta h2{color:#fff;margin-bottom:14px;}
.cta p{max-width:640px;margin:0 auto 12px;color:#eaf3fb;}
.cta .redes{display:flex;justify-content:center;gap:16px;margin-top:24px;}
.cta .redes a{background:rgba(255,255,255,.15);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease;}
.cta .redes a:hover{background:rgba(255,255,255,.3);}
.cta .redes svg{width:22px;height:22px;fill:#fff;}

/* WhatsApp flutuante */
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:80;transition:transform .2s ease;}
.whatsapp-float:hover{transform:scale(1.08);}
.whatsapp-float svg{width:28px;height:28px;fill:#fff;}

@media (max-width:640px){
  .carrossel-track figure{flex:0 0 100%;}
  .hero-texto h1{font-size:1.5rem;}
}
@media (min-width:641px) and (max-width:1000px){
  .carrossel-track figure{flex:0 0 calc(50% - 8px);}
}