@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap');
@import url('https://mcdgv4q4mfzp49dnzqs2hr-gjqm0.pub.sfmc-content.com/sqiugiucd1i');
@import url('https://cloud.divulga.sebraeam.com.br/Navbar.Lidere');
@import url('https://cloud.divulga.sebraeam.com.br/Video_Lidere');
@import url('https://cloud.divulga.sebraeam.com.br/Lidere_LGPD');
@import url('https://cloud.divulga.sebraeam.com.br/Faq_Lidere');
@import url('https://cloud.divulga.sebraeam.com.br/Rodape_lidere');
@import url('https://cloud.divulga.sebraeam.com.br/Faixa_Lidere');
@import url('https://cloud.divulga.sebraeam.com.br/oque_lidere');
@import url('https://cloud.divulga.sebraeam.com.br/Como_funciona_lidere');
@import url('https://cloud.divulga.sebraeam.com.br/home.lidere');
@import url('https://cloud.divulga.sebraeam.com.br/card.lidere');
@import url('https://cloud.divulga.sebraeam.com.br/Calendario_Lidere');
@import url('https://cloud.divulga.sebraeam.com.br/info.lidere');
@import url('https://cloud.divulga.sebraeam.com.br/Css.lidere.agradecimentos');

/* Paleta principal */
:root {
  --color-creme:        #FDFBE9; /* Creme */
  --color-atlantico:    #0A2179; /* Atlântico */
  --color-azul-276c:    #3B4AFF; /* Pantone 276C */
  --color-azul-2715c:   #9285F9; /* Pantone 2715C */
  --color-azul-300c:    #005EB8; /* Pantone 300C */
  --color-gradiente:    linear-gradient(90deg, #3B4AFF 50%, #9285F9 100%);
  --color-cinza-10:     #ececec; /* Preto 10% */
  --color-preto:        #000000; /* Preto 100% */
  --font-primary:       'Campuni', 'Figtree', Arial, sans-serif;
  --font-highlight:     'Audrey', 'Campuni', Arial, sans-serif;
  --color-muted:        #6c6c80;
  --shadow-light:       0px 4px 14px rgba(0, 0, 0, 0.09);
}

/* Reset e body */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
body {
  background: #fff;
  color: var(--color-atlantico);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
}

/* Títulos com identidade visual */
.section-title {
  font-family: var(--font-highlight);
  font-weight: bold;
  font-size: 2.6rem;
  color: #fff;
  letter-spacing: 0.02em;
  text-shadow: 1px 2px 14px rgba(59,74,255,0.11);
  margin-bottom: 22px;
  text-align: center;
}
.section-subtitle {
  font-family: var(--font-primary);
  font-size: 1.4rem;
  color: var(--color-azul-300c);
  font-weight: 700;
  margin-bottom: 18px;
}
/* Título com cor extra */
.section-title.gradient {
  background: var(--color-gradiente);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-highlight);
}

/* Box de destaque */
.highlight-box {
  background: var(--color-cinza-10);
  padding: 20px 32px;
  color: var(--color-preto);
  font-weight: bold;
  border-radius: 18px;
  font-family: var(--font-primary);
  box-shadow: var(--shadow-light);
}

/* Paleta de cores visual */
.palette-strip {
  display: flex;
  gap: 8px;
  width: 100%;
  height: 56px;
  margin: 34px 0 22px 0;
}
.palette-strip > div {
  flex: 1;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 800;
  text-align: center;
  line-height: 56px;
  color: var(--color-preto);
}
.palette-strip .p-276c    { background: var(--color-azul-276c); color: var(--color-creme);}
.palette-strip .p-2715c   { background: var(--color-azul-2715c); color: var(--color-preto);}
.palette-strip .p-gradient{ background: var(--color-gradiente); color: var(--color-creme);}
.palette-strip .p-300c    { background: var(--color-azul-300c); color: var(--color-creme);}
.palette-strip .p-cinza10 { background: var(--color-cinza-10);}
.palette-strip .p-preto   { background: var(--color-preto); color: var(--color-creme);}

.text-muted { color: var(--color-muted); font-size: 0.92rem; }

.btn-default {
  font-family: var(--font-highlight);
  text-transform: uppercase;
  background: var(--color-gradiente);
  color: var(--color-creme);
  padding: 12px 24px;
  font-weight: bold;
  font-size: 1.08rem;
  border: none;
  border-radius: 9px;
  box-shadow: var(--shadow-light);
  cursor: pointer;
  transition: all 0.22s;
}
.btn-default:hover {
  background: var(--color-azul-300c);
  box-shadow: 0px 6px 28px rgba(0,0,0,0.19);
  color: var(--color-creme);
}

/* Responsivo */
@media (max-width: 900px) {
  .section-title { font-size: 2rem; }
  .palette-strip { height: 36px; font-size: 0.93rem; }
}
@media (max-width: 600px) {
  .section-title { font-size: 1.78rem; }
  .section-subtitle { font-size: 1.02rem; }
  .highlight-box { padding: 12px; font-size: 0.98rem; }
  .palette-strip { height: 22px; font-size: 0.85rem; }
  .btn-default { padding: 9px 13px; font-size: 0.97rem; }
}