/* Topo discreto JAM */
.jam-topbar {
  width: 100%;
  background: rgba(255,255,255,.94);
  color: #7a3a00;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  line-height: 1.35;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 6px 14px;
  border-bottom: 1px solid rgba(255,106,0,.16);
  flex-wrap: wrap;
  position: relative;
  z-index: 50;
}
.jam-topbar a {
  color: #7a3a00;
  text-decoration: none;
  font-weight: 700;
}
.jam-topbar a:hover {
  color: #ff6a00;
  text-decoration: underline;
}
.jam-topbar span { opacity: .82; }
@media (max-width: 640px) {
  .jam-topbar { font-size: 11px; gap: 7px; padding: 5px 8px; }
}

/* ConectAmapá — Sistema de Design Premium
   Cor mãe: laranja #FF6A00. Tipografia tripla. Mobile-first. */

:root{
  --laranja:#FF6A00;
  --laranja-d:#E55A00;
  --laranja-l:#FFE5D0;
  --laranja-bg:#FFF7F0;
  --grafite:#1A1A1A;
  --cinza:#5A5A5A;
  --cinza-l:#EFEFEF;
  --cinza-xl:#F8F8F8;
  --branco:#FFFFFF;
  --verde:#2BB673;
  --amarelo:#FFC400;
  --sombra-sm: 0 2px 8px rgba(0,0,0,.06);
  --sombra-md: 0 8px 24px rgba(255,106,0,.12);
  --sombra-lg: 0 20px 60px rgba(255,106,0,.18);
  --raio:14px;
  --raio-lg:24px;
  --max:1200px;
  --transicao:.3s cubic-bezier(.2,.8,.2,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--grafite);
  background:var(--branco);
  line-height:1.65;
  font-size:16px;
  overflow-x:hidden;
}

h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.2;color:var(--grafite)}
.subtitulo,.chamada{font-family:'Montserrat',sans-serif;font-weight:600}

img{max-width:100%;display:block;height:auto}
a{color:var(--laranja-d);text-decoration:none;transition:color var(--transicao)}
a:hover{color:var(--laranja)}
button{font-family:inherit;cursor:pointer;border:none;background:none}

.container{max-width:var(--max);margin:0 auto;padding:0 24px}

/* ===== HEADER ===== */
.header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--cinza-l);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:var(--max);margin:0 auto}
.logo{font-family:'Playfair Display',serif;font-size:26px;font-weight:900;color:var(--laranja);letter-spacing:-.5px}
.logo span{color:var(--grafite)}
.nav{display:flex;gap:28px;align-items:center}
.nav a{color:var(--grafite);font-weight:500;font-size:14.5px;font-family:'Montserrat',sans-serif;position:relative}
.nav a:hover{color:var(--laranja)}
.nav a.ativo{color:var(--laranja)}
.nav a.ativo::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--laranja);border-radius:2px}

.btn{
  display:inline-block;padding:14px 28px;border-radius:50px;
  font-weight:600;font-family:'Montserrat',sans-serif;font-size:14px;
  transition:all var(--transicao);text-align:center;letter-spacing:.3px;
}
.btn-primario{background:var(--laranja);color:var(--branco);box-shadow:var(--sombra-md)}
.btn-primario:hover{background:var(--laranja-d);transform:translateY(-2px);box-shadow:var(--sombra-lg);color:var(--branco)}
.btn-secundario{background:transparent;color:var(--laranja);border:2px solid var(--laranja)}
.btn-secundario:hover{background:var(--laranja);color:var(--branco)}
.btn-fantasma{background:var(--cinza-xl);color:var(--grafite)}
.btn-fantasma:hover{background:var(--cinza-l)}

.menu-toggle{display:none;width:44px;height:44px;border-radius:8px;background:var(--laranja-l);position:relative}
.menu-toggle span{position:absolute;left:10px;right:10px;height:3px;background:var(--laranja-d);border-radius:2px;transition:all var(--transicao)}
.menu-toggle span:nth-child(1){top:14px}
.menu-toggle span:nth-child(2){top:21px}
.menu-toggle span:nth-child(3){top:28px}

@media(max-width:920px){
  .nav{
    position:fixed;top:72px;right:-100%;width:88%;max-width:340px;height:calc(100vh - 72px);
    background:var(--branco);flex-direction:column;align-items:flex-start;
    padding:32px 24px;gap:20px;box-shadow:var(--sombra-lg);
    transition:right var(--transicao);overflow-y:auto;
  }
  .nav.aberto{right:0}
  .nav a{font-size:17px;width:100%;padding:8px 0;border-bottom:1px solid var(--cinza-l)}
  .menu-toggle{display:block}
}

/* ===== HERO ===== */
.hero{
  background:linear-gradient(135deg,#FFF7F0 0%,#FFE5D0 100%);
  padding:90px 0 70px;position:relative;overflow:hidden;
}
.hero::before{
  content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;
  background:radial-gradient(circle,rgba(255,106,0,.18) 0%,transparent 70%);
  border-radius:50%;
}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:920px;margin:0 auto}
.hero-tag{display:inline-block;background:var(--branco);padding:8px 20px;border-radius:50px;font-size:13px;font-weight:600;font-family:'Montserrat',sans-serif;color:var(--laranja-d);margin-bottom:24px;box-shadow:var(--sombra-sm)}
.hero h1{font-size:clamp(36px,6vw,72px);margin-bottom:24px;letter-spacing:-1px}
.hero h1 em{color:var(--laranja);font-style:normal}
.hero p.lead{font-size:clamp(17px,2vw,21px);color:var(--cinza);max-width:720px;margin:0 auto 36px;line-height:1.6}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ===== SECTIONS ===== */
section{padding:80px 0}
.secao-titulo{text-align:center;margin-bottom:56px}
.secao-titulo .olho{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--laranja);text-transform:uppercase;margin-bottom:12px}
.secao-titulo h2{font-size:clamp(30px,4.5vw,48px);margin-bottom:14px}
.secao-titulo p{color:var(--cinza);font-size:17px;max-width:680px;margin:0 auto}

/* ===== GRID DE BENEFÍCIOS ===== */
.beneficios{background:var(--branco)}
.grid-beneficios{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.card-beneficio{
  padding:32px 24px;border-radius:var(--raio-lg);background:var(--cinza-xl);
  border:1px solid transparent;transition:all var(--transicao);
}
.card-beneficio:hover{background:var(--laranja-l);border-color:var(--laranja);transform:translateY(-4px)}
.card-beneficio .icone{
  width:56px;height:56px;border-radius:14px;background:var(--laranja);
  color:var(--branco);display:flex;align-items:center;justify-content:center;
  font-size:26px;margin-bottom:18px;font-weight:700;
}
.card-beneficio h3{font-size:21px;margin-bottom:10px}
.card-beneficio p{color:var(--cinza);font-size:15px}

/* ===== GRID DE NÚCLEOS ===== */
.nucleos-secao{background:var(--cinza-xl)}
.grid-nucleos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card-nucleo{
  background:var(--branco);border-radius:var(--raio-lg);padding:28px 24px;
  text-decoration:none;color:inherit;display:block;
  border:2px solid transparent;transition:all var(--transicao);
  position:relative;overflow:hidden;
}
.card-nucleo::before{
  content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--laranja);
  transform:scaleX(0);transform-origin:left;transition:transform var(--transicao);
}
.card-nucleo:hover{transform:translateY(-6px);box-shadow:var(--sombra-md);border-color:var(--laranja-l);color:inherit}
.card-nucleo:hover::before{transform:scaleX(1)}
.card-nucleo .emoji{font-size:38px;margin-bottom:14px;display:block}
.card-nucleo h3{font-size:20px;margin-bottom:8px;color:var(--grafite)}
.card-nucleo p{font-size:14px;color:var(--cinza);line-height:1.5}
.card-nucleo .ver-mais{display:inline-block;margin-top:16px;color:var(--laranja);font-weight:600;font-size:13px;font-family:'Montserrat',sans-serif}

/* ===== NÚMEROS ===== */
.numeros{background:linear-gradient(135deg,var(--laranja) 0%,var(--laranja-d) 100%);color:var(--branco);padding:70px 0}
.numeros .secao-titulo h2,.numeros .secao-titulo p,.numeros .secao-titulo .olho{color:var(--branco)}
.numeros .secao-titulo .olho{opacity:.85}
.grid-numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;text-align:center}
.numero-item .valor{font-family:'Playfair Display',serif;font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1;margin-bottom:8px}
.numero-item .legenda{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;opacity:.95;letter-spacing:.5px}

/* ===== LIDERANÇAS ===== */
.liderancas{background:var(--branco)}
.grid-liderancas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card-lideranca{
  background:var(--cinza-xl);border-radius:var(--raio-lg);padding:28px;
  transition:all var(--transicao);border:2px solid transparent;
}
.card-lideranca:hover{border-color:var(--laranja);background:var(--branco);box-shadow:var(--sombra-md)}
.card-lideranca .avatar{
  width:80px;height:80px;border-radius:50%;background:var(--laranja);color:var(--branco);
  display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;
  margin-bottom:18px;font-family:'Playfair Display',serif;
}
.card-lideranca h3{font-size:22px;margin-bottom:6px}
.card-lideranca .cargo{font-family:'Montserrat',sans-serif;font-size:13px;color:var(--laranja-d);font-weight:600;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}
.card-lideranca p{color:var(--cinza);font-size:14.5px;margin-bottom:18px}
.card-lideranca .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.card-lideranca .tag{font-size:11.5px;padding:4px 10px;background:var(--laranja-l);color:var(--laranja-d);border-radius:50px;font-weight:600;font-family:'Montserrat',sans-serif}

/* ===== TABELA / CALENDÁRIO ===== */
.calendario-bloco{background:var(--branco);border-radius:var(--raio-lg);padding:24px;box-shadow:var(--sombra-sm);margin-bottom:24px}
.calendario-bloco h3{font-size:24px;margin-bottom:6px;color:var(--laranja-d)}
.calendario-bloco .data{font-family:'Montserrat',sans-serif;font-size:13px;color:var(--cinza);margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}
.calendario-tema{background:var(--laranja-l);border-left:4px solid var(--laranja);padding:14px 18px;border-radius:8px;margin-bottom:20px}
.calendario-tema strong{color:var(--laranja-d);font-family:'Montserrat',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:1px;display:block;margin-bottom:4px}
.calendario-bloco h4{font-size:16px;margin:18px 0 10px;color:var(--grafite);font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.calendario-lista{list-style:none;padding:0}
.calendario-lista li{padding:12px 0;border-bottom:1px dashed var(--cinza-l);display:flex;gap:12px;align-items:flex-start}
.calendario-lista li:last-child{border-bottom:none}
.calendario-lista .num{
  flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--laranja);color:var(--branco);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;font-family:'Montserrat',sans-serif;
}
.calendario-lista .conteudo{flex:1}
.calendario-lista .titulo-item{font-weight:600;color:var(--grafite);margin-bottom:4px;font-size:15px}
.calendario-lista .meta{font-size:12.5px;color:var(--cinza);font-family:'Montserrat',sans-serif}
.calendario-lista .meta span{margin-right:14px}
.calendario-lista .meta .formato{color:var(--laranja-d);font-weight:600}
.calendario-lista .meta .hashtag{color:var(--verde);font-weight:600}

/* ===== ROTEIRO ===== */
.roteiro{background:var(--branco);border-radius:var(--raio-lg);padding:32px;box-shadow:var(--sombra-sm);margin-bottom:24px;border:1px solid var(--cinza-l)}
.roteiro-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:18px;border-bottom:2px solid var(--laranja-l)}
.roteiro h3{font-size:24px;color:var(--grafite);margin-bottom:8px}
.roteiro-meta{display:flex;flex-wrap:wrap;gap:8px}
.roteiro-meta .tag{padding:5px 12px;background:var(--laranja-l);color:var(--laranja-d);border-radius:50px;font-size:12px;font-weight:600;font-family:'Montserrat',sans-serif}
.roteiro-meta .tag.estilo{background:var(--cinza-l);color:var(--grafite)}
.roteiro-meta .tag.formato{background:#E8F8F0;color:var(--verde)}

.bloco-roteiro{margin-bottom:22px}
.bloco-roteiro .label-bloco{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;color:var(--laranja-d);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;display:block}
.bloco-roteiro p,.bloco-roteiro li{color:var(--grafite);font-size:15.5px;line-height:1.65}
.bloco-roteiro ul,.bloco-roteiro ol{padding-left:22px;margin-top:6px}
.bloco-roteiro li{margin-bottom:6px}

.texto-inspiracao{
  background:linear-gradient(135deg,var(--laranja-l) 0%,#FFF7F0 100%);
  border-left:5px solid var(--laranja);padding:24px;border-radius:12px;margin-top:24px;position:relative;
}
.texto-inspiracao .selo{
  display:inline-block;background:var(--laranja);color:var(--branco);padding:6px 14px;
  border-radius:50px;font-size:11px;font-weight:700;font-family:'Montserrat',sans-serif;
  text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;
}
.texto-inspiracao p{font-style:italic;color:var(--grafite);font-size:16px;line-height:1.75;font-family:'Inter',sans-serif}

/* ===== FORMATOS ===== */
.grid-formatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card-formato{
  background:var(--branco);border-radius:var(--raio-lg);padding:32px;
  border:2px solid var(--cinza-l);transition:all var(--transicao);position:relative;
}
.card-formato:hover{border-color:var(--laranja);transform:translateY(-4px);box-shadow:var(--sombra-md)}
.card-formato .num-formato{
  position:absolute;top:24px;right:24px;font-family:'Playfair Display',serif;
  font-size:60px;font-weight:900;color:var(--laranja-l);line-height:1;
}
.card-formato h3{font-size:22px;margin-bottom:10px;padding-right:50px}
.card-formato .descricao{color:var(--cinza);margin-bottom:18px;font-size:14.5px;line-height:1.6}
.card-formato .quando{font-family:'Montserrat',sans-serif;font-size:12px;color:var(--laranja-d);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--cinza-l);display:block;margin-bottom:6px}
.card-formato .exemplo{font-size:14px;color:var(--grafite);font-style:italic}

/* ===== FAQ ===== */
.faq-item{background:var(--branco);border:1px solid var(--cinza-l);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all var(--transicao)}
.faq-item.aberto{border-color:var(--laranja);box-shadow:var(--sombra-sm)}
.faq-pergunta{
  width:100%;padding:20px 24px;text-align:left;background:none;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:16px;color:var(--grafite);
}
.faq-pergunta:hover{background:var(--cinza-xl)}
.faq-pergunta .icone-faq{
  flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--laranja-l);
  color:var(--laranja-d);display:flex;align-items:center;justify-content:center;
  font-weight:700;transition:transform var(--transicao);
}
.faq-item.aberto .faq-pergunta .icone-faq{transform:rotate(45deg);background:var(--laranja);color:var(--branco)}
.faq-resposta{max-height:0;overflow:hidden;transition:max-height var(--transicao);padding:0 24px}
.faq-item.aberto .faq-resposta{max-height:500px;padding-bottom:20px}
.faq-resposta p{color:var(--cinza);line-height:1.7;font-size:15px}

/* ===== FORMULÁRIO ===== */
.form-cadastro{max-width:760px;margin:0 auto;background:var(--branco);border-radius:var(--raio-lg);padding:40px;box-shadow:var(--sombra-md)}
.barra-progresso{height:6px;background:var(--cinza-l);border-radius:50px;overflow:hidden;margin-bottom:32px}
.barra-progresso .preenchido{height:100%;background:linear-gradient(90deg,var(--laranja),var(--laranja-d));border-radius:50px;transition:width .5s cubic-bezier(.2,.8,.2,1);width:16%}

.aviso-cadastro{
  background:var(--laranja-l);border-left:4px solid var(--laranja);padding:16px 20px;
  border-radius:8px;margin-bottom:28px;font-size:14.5px;color:var(--grafite);line-height:1.6;
}
.aviso-cadastro strong{color:var(--laranja-d)}

.secao-form{margin-bottom:36px;padding-bottom:32px;border-bottom:1px dashed var(--cinza-l)}
.secao-form:last-of-type{border-bottom:none}
.secao-form .num-secao{
  display:inline-block;width:36px;height:36px;border-radius:50%;background:var(--laranja);
  color:var(--branco);text-align:center;line-height:36px;font-weight:700;font-family:'Playfair Display',serif;
  margin-right:12px;
}
.secao-form h3{display:inline-block;vertical-align:middle;font-size:22px}

.campo{margin-bottom:18px}
.campo label{display:block;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;color:var(--grafite);margin-bottom:8px}
.campo input,.campo select,.campo textarea{
  width:100%;padding:14px 16px;border:2px solid var(--cinza-l);border-radius:10px;
  font-family:'Inter',sans-serif;font-size:15px;color:var(--grafite);background:var(--branco);
  transition:all var(--transicao);
}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--laranja);box-shadow:0 0 0 4px var(--laranja-l)}

.sugestoes-titulo{display:block;font-size:13px;color:var(--cinza);margin:14px 0 10px;font-style:italic;font-family:'Inter',sans-serif}
.sugestoes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.sugestao-card{
  padding:14px;background:var(--cinza-xl);border:2px solid transparent;border-radius:10px;
  cursor:pointer;font-size:13.5px;line-height:1.5;color:var(--grafite);transition:all var(--transicao);
  text-align:left;font-family:'Inter',sans-serif;
}
.sugestao-card:hover{border-color:var(--laranja);background:var(--branco)}
.sugestao-card.selecionado{border-color:var(--laranja);background:var(--laranja-l);color:var(--laranja-d);font-weight:600}

/* ===== PAINEL ===== */
.painel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.painel-card{
  background:var(--branco);border-radius:var(--raio-lg);padding:28px;
  border:1px solid var(--cinza-l);transition:all var(--transicao);
}
.painel-card:hover{border-color:var(--laranja-l);box-shadow:var(--sombra-sm)}
.painel-card .header-card{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.painel-card .header-card .icone-card{
  width:44px;height:44px;border-radius:12px;background:var(--laranja-l);color:var(--laranja-d);
  display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;
}
.painel-card h3{font-size:18px;font-family:'Montserrat',sans-serif}

.saudacao{background:linear-gradient(135deg,var(--laranja),var(--laranja-d));color:var(--branco);padding:36px;border-radius:var(--raio-lg);margin-bottom:24px}
.saudacao h2{color:var(--branco);font-size:30px;margin-bottom:8px}
.saudacao p{font-family:'Montserrat',sans-serif;opacity:.95}

/* ===== TRENDS ===== */
.trend-item{
  background:var(--branco);border-radius:var(--raio);padding:24px;margin-bottom:16px;
  border-left:5px solid var(--laranja);box-shadow:var(--sombra-sm);
}
.trend-item h4{font-size:18px;margin-bottom:8px;color:var(--grafite)}
.trend-item .meta-trend{font-family:'Montserrat',sans-serif;font-size:12px;color:var(--laranja-d);font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.trend-item p{color:var(--cinza);font-size:14.5px;margin-bottom:12px}
.trend-item .acoes-trend{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;font-family:'Montserrat',sans-serif}
.trend-item .acoes-trend span{background:var(--laranja-l);color:var(--laranja-d);padding:4px 10px;border-radius:50px;font-weight:600}

/* ===== FOOTER ===== */
.footer{background:var(--grafite);color:var(--branco);padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px}
.footer-col h4{color:var(--branco);font-family:'Montserrat',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px}
.footer-col p,.footer-col a,.footer-col li{color:rgba(255,255,255,.7);font-size:14.5px;line-height:1.8}
.footer-col ul{list-style:none}
.footer-col a:hover{color:var(--laranja)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;text-align:center;font-size:13px;color:rgba(255,255,255,.5)}
.footer .frase{font-family:'Playfair Display',serif;font-size:22px;color:var(--laranja);margin-bottom:14px}

/* ===== UTILITÁRIOS ===== */
.text-center{text-align:center}
.mb-0{margin-bottom:0}
.mt-2{margin-top:32px}
.mt-3{margin-top:48px}

/* ===== ANIMAÇÕES ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .6s cubic-bezier(.2,.8,.2,1) both}

/* ===== RESPONSIVE FINE TUNE ===== */
@media(max-width:640px){
  section{padding:56px 0}
  .hero{padding:60px 0 50px}
  .form-cadastro{padding:24px}
  .roteiro{padding:24px}
  .calendario-bloco{padding:18px}
  .footer{padding:40px 0 20px}
}