/* ===========================================
   O AMAPÁ EM CASA — Estilo principal
   =========================================== */

:root{
  --laranja:#FF6200;
  --laranja-claro:#FF8A3D;
  --laranja-escuro:#CC4E00;
  --laranja-suave:#FFE8D6;
  --amarelo:#FFD800;
  --azul:#1B4BB5;
  --verde:#21A34A;
  --preto:#0D0D0D;
  --creme:#FFF8F0;
  --cinza:#6E6E6E;
}

*{font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; box-sizing:border-box;}
.anton{font-family:Impact, 'Arial Black', system-ui, sans-serif; letter-spacing:0.01em;}
.serif-it{font-family:Georgia, 'Times New Roman', serif; font-style:italic;}

body{background:#FFF8F0; color:#0D0D0D; margin:0;}

/* Cores */
.bg-laranja{background:#FF6200;}
.bg-laranja-grad{background: linear-gradient(135deg, #FF6200 0%, #FF8A3D 100%);}
.bg-laranja-grad-soft{background: linear-gradient(135deg, #FFE8D6 0%, #FFD8B0 100%);}
.bg-creme{background:#FFF8F0;}
.bg-preto{background:#0D0D0D;}
.text-laranja{color:#FF6200;}
.text-creme{color:#FFF8F0;}
.border-laranja{border-color:#FF6200;}

/* Faixa Amapá */
.faixa-amapa{
  background: linear-gradient(180deg, #1B4BB5 0%, #1B4BB5 33%, #21A34A 33%, #21A34A 66%, #FFD800 66%, #FFD800 100%);
}

/* Animações */
@keyframes float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);} }
.float { animation: float 5s ease-in-out infinite; }

@keyframes pulse-soft { 0%,100%{opacity:1;} 50%{opacity:.7;} }
.pulse-soft { animation: pulse-soft 3s ease-in-out infinite; }

@keyframes glow {
  0%,100%{box-shadow:0 0 30px rgba(255,98,0,0.3);}
  50%{box-shadow:0 0 60px rgba(255,98,0,0.6);}
}
.glow{animation:glow 4s ease-in-out infinite;}

/* Reveal */
.reveal{opacity:0; transform:translateY(40px); transition:all 0.9s cubic-bezier(.22,1,.36,1);}
.reveal.active{opacity:1; transform:translateY(0);}
.reveal-scale{opacity:0; transform:scale(0.92); transition:all 0.9s cubic-bezier(.22,1,.36,1);}
.reveal-scale.active{opacity:1; transform:scale(1);}

/* Cards */
.card-shadow{box-shadow:0 20px 60px rgba(13,13,13,0.08);}
.card-shadow-strong{box-shadow:0 30px 80px rgba(255,98,0,0.18);}

/* Quote */
.quote-mark{font-family:'Playfair Display',serif; font-size:8rem; line-height:0.6; color:#FF6200; opacity:0.3;}

/* Scroll smooth */
html{scroll-behavior:smooth;}

/* Cabeçalho fixo */
.nav-blur{background:rgba(255,248,240,0.92); backdrop-filter:blur(16px);}

/* Bandeira card */
.bandeira-card{
  background:white; border-radius:24px; padding:36px;
  transition:all 0.4s ease;
  border:2px solid transparent;
  height:100%;
}
.bandeira-card:hover{
  transform:translateY(-8px);
  border-color:#FF6200;
  box-shadow:0 30px 70px rgba(255,98,0,0.2);
}

/* Passo */
.passo-num{
  width:80px; height:80px; border-radius:50%;
  background:#FF6200; color:white;
  display:flex; align-items:center; justify-content:center;
  font-family:'Anton',sans-serif; font-size:2.5rem;
  box-shadow:0 12px 30px rgba(255,98,0,0.4);
  flex-shrink:0;
}

/* Botões */
.btn-laranja{
  display:inline-flex; align-items:center; gap:12px;
  background:#FF6200; color:white; padding:18px 36px;
  border-radius:999px; font-weight:700; font-size:1.05rem;
  transition:all 0.3s ease;
  box-shadow:0 10px 30px rgba(255,98,0,0.4);
  text-decoration:none;
}
.btn-laranja:hover{background:#CC4E00; transform:translateY(-3px); box-shadow:0 16px 40px rgba(255,98,0,0.5);}
.btn-ghost{
  display:inline-flex; align-items:center; gap:12px;
  border:2px solid #FF6200; color:#FF6200; padding:16px 34px;
  border-radius:999px; font-weight:700;
  transition:all 0.3s ease;
  background:transparent;
  text-decoration:none;
}
.btn-ghost:hover{background:#FF6200; color:white;}

/* Story divider */
.story-line{
  height:2px; width:80px;
  background:linear-gradient(to right, transparent, #FF6200, transparent);
  margin:24px auto;
}

/* Active nav link */
.nav-link{
  position:relative;
  transition:color 0.3s ease;
}
.nav-link:hover, .nav-link.active{color:#FF6200;}
.nav-link.active::after{
  content:''; position:absolute; bottom:-6px; left:0; right:0;
  height:2px; background:#FF6200; border-radius:2px;
}

/* Mobile menu */
.mobile-menu{
  display:none;
  position:fixed; top:0; right:-100%;
  width:80%; max-width:340px; height:100vh;
  background:white; z-index:100;
  padding:80px 32px 32px;
  box-shadow:-20px 0 60px rgba(0,0,0,0.15);
  transition:right 0.4s ease;
}
.mobile-menu.open{right:0;}
.mobile-menu a{
  display:block; padding:16px 0;
  border-bottom:1px solid #FFE8D6;
  font-weight:600; color:#0D0D0D;
  text-decoration:none;
}
.mobile-overlay{
  display:none;
  position:fixed; inset:0;
  background:rgba(0,0,0,0.4); z-index:99;
}
.mobile-overlay.open{display:block;}

/* Form */
.form-input{
  width:100%; padding:14px 18px;
  border:2px solid #FFE8D6; border-radius:12px;
  font-size:1rem; transition:border-color 0.3s ease;
  background:white;
}
.form-input:focus{outline:none; border-color:#FF6200;}
.form-label{
  display:block; font-weight:600; margin-bottom:6px;
  color:#0D0D0D; font-size:0.92rem;
}

/* Print */
@media print{
  nav, .no-print{display:none !important;}
  body{background:white;}
}

.text-preto{color:#0D0D0D;}
.text-cinza{color:#6E6E6E;}