@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap");

:root {
    /* --- Escalas de cinza --- */
  --Grey-50: #f9f9f9;
  --Grey-100: #d9d9d9;
    --Grey-200: #999999;
    --Grey-300: #808080;
    --Grey-400: #666666;
  --Grey-500: #4d4d4d;
  --Grey-900: #0d0d0d;
    
    /* --- Primary Colors --- */
  --Primary: #1f299c;
    --P-800: #003599;
  --P-700: #0046ba;
  --P-600: #0058d7;
  --P-500: #006bf2;
  --P-400: #0473ff;
  --P-200: #9cbeff;
  --P-100: #bad5ff;

    /* --- Secondary Colors --- */
    --Secondary: #004739;
  --S-900: #0d6e3a;
  --S-800: #0a994d;
  --S-700: #08c460;
  --S-600: #03d967;
  --S-300: #77f9b3;
  --S-200: #a0f8c9;
  --S-100: #c8f9df;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
  scroll-behavior: smooth;
}

.container {
    width: 100%;
    max-width: 1176px;
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 20px; 
    padding-right: 20px; 
}

body {
    font-family: Rethink Sans, sans-serif;
    margin: 0;
    padding: 0;
  background-color: #0d0d0d;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

/* --- BACKGROUND DE CADA SEÇÃO --- */

/* --- BACKGROUND COMPARTILHADO NAVBAR + HERO --- */
.hero-quemsomos-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/background/background-header-quem-somos.svg);
  position: relative;
  padding-top: 24px;
}

.modulos-destaque-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/background/modulosBackground.jpg);
}

.destaque-divider {
  /* Wrapper genérica para seções de destaque. Não define background por padrão
     para permitir modificadores específicos (ex: --casal) sem afetar outras
     seções como a da 'mulher'. */
  position: relative;
}

/* Modificador aplicado apenas à wrapper que deve mostrar o background-destaque.svg
   atualmente usado pelo bloco com o casal. */
.destaque-divider--casal {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/background/background-destaque.svg);
  background-position: center top;
}

.provasocial {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/background/background-prova-social.svg);
}

.faq-cta-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/background/background-faq-cta.svg);
}

@media (min-width: 992px) {
  /* Prevent box-shadows from bleeding past the divider on wide screens */
  .modulos-destaque-wrapper {
    overflow: hidden;
  }
  /* Também cortar possíveis sombras dos elementos dentro da seção de destaque */
  .destaque-divider {
    overflow: hidden;
  }
}

.modal-box {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(
    320deg,
    hsl(0deg 0% 0%) 0%,
    hsl(231deg 100% 5%) 27%,
    hsl(224deg 100% 5%) 47%,
    hsl(218deg 100% 6%) 59%,
    hsl(216deg 94% 7%) 67%,
    hsl(216deg 93% 9%) 72%,
    hsl(215deg 99% 10%) 76%,
    hsl(216deg 100% 13%) 80%,
    hsl(215deg 100% 18%) 85%,
    hsl(215deg 100% 23%) 91%,
    hsl(215deg 100% 29%) 100%
  );
}