body {
          margin: 0;
          padding-top: 80px; /* altura do header fixo */
        }

html {
  scroll-behavior: smooth;
}

        main {
          padding-top: var(--header-height, 80px);
        }

        p, span, a, ul, li {
          font-family: "Inter", sans-serif;
        }

        h1 {
          font-family: "Inter";
          color: black;
          font-size: 36px;
          font-weight: 600;
        }

        h2 {
          font-family: "Inter";
          color: black;
          font-size: 48px;
          font-weight: 600;
        }

        h3 {
          font-family: "Inter";
          color: black;
          font-size: 39px;
          font-weight: 600;
        }

        h4 {
          font-family: "Inter";
          color: black;
          font-size: 24px;
          font-weight: 600;
        }

        /* Header */
        .main-header {
          width: 100%;
          padding: 15px 40px;
          position: fixed;       /* fixed at top */
          top: 0;
          left: 0;
          z-index: 1000;
          display: flex;
          justify-content: center;
          transition: background-color 0.3s, box-shadow 0.3s;
          background-color: transparent; /* starts transparent */
        }

        /* Header after scrolling */
        .main-header.scrolled {
          background-color: #fff;          /* background when scrolling */
          box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        /* Container inside header */
        .nav-container {
          width: 100%;
          max-width: 1200px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        /* Logo */
        .logo {
          display: flex;
          align-items: center;
          gap: 10px; /* space between logo and name */
          font-size: 24px;
          font-weight: 700;
          text-decoration: none;
          color: #000;
        }

        .logo-img {
          height: 32px;   /* control size */
          width: auto;    /* keep proportions */
        }


        /* Navigation links */
        .nav-bar {
          display: flex;
          gap: 24px;
          align-items: center;
        }

        /* Regular nav links */
        .nav-link {
          text-decoration: none;
          font-weight: 600;
          font-size: 16px;
          color: #000;
          padding: 8px 12px;
          transition: all 0.2s ease;
        }

        .nav-link:hover {
          color: #0243C4;
        }

        /* Contact button */
        .contact-button {
          background-color: #006FEE;
          color: #fff;
          border-radius: 9999px;
          padding: 10px 20px;
        }

        .contact-button:hover {
          background-color: #0A1940;
          color: #fff;
        }

        /* Hamburger menu - hidden on desktop */
        .hamburger {
          display: none;
          font-size: 28px;
          cursor: pointer;
        }

        /* Responsive for smaller screens */
        @media (max-width: 768px) {
          .nav-bar {
           display: none;
            flex-direction: column;
            gap: 16px;
            position: absolute;
            top: 70px;   /* adjust based on header height */
            right: 40px;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
          }

          .nav-bar.active {
            display: flex;
          }

          .hamburger {
            display: block;
          }
        }





          .Link-Text {
          display: inline-flex;   /* text + arrow inline */
          align-items: center;
          gap: 4px;
          text-decoration: none;
          font-size: 15px;
          font-weight: 600;
          color: #000;
          margin-bottom: 24px; /* space below "View all" */ 
          }

        .Link-Text:hover {
          color: #0243C4;
        }


        



        

.TermsAndConditions_Section {
  margin-left: 100px;
  margin-right: 100px;
}

.Condition_Title {
  font-size: 24px;
  font-weight: 600;
}

.Condition_Paragraph {

}



       .Footer-Wrapper {
          display: flex;
          flex-direction: row;
          gap: 32px; /* espaço entre colunas */
          justify-content: space-between;
          background-color: #d9d9d9;
          padding: 100px;
          padding-bottom: 0;
          margin-top: 100px;
          margin-bottom: 0;
        }

        .Footer-LogoAndName {
          display: flex;
          flex-direction: column;
          align-content: center;
        }

        .Footer-Logo {
          max-width: 200px;
          cursor: pointer;
        }

        .Footer-LogoLink {
          text-decoration: none;
        }
        

        .Footer-Rafaela {
          font-weight: 700;
          font-size: 27px;
          display: inline-block;
          margin-top: 10px;
          cursor: pointer;
          text-decoration: none;
          color: #000;
        }

        .Footer-WebsiteNavigation {
          display: flex;
          flex-direction: column;
          
        }

        .Footer-Social {
          display: flex;
          flex-direction: column;
        }

        .Footer-TermsCredits {
          display: flex;
          flex-direction: column;
        }

        .Footer-Links {
          font-size: 15px;
          font-weight: 600;
          cursor: pointer;
          display: block;
          line-height: 30px;
          text-decoration: none;
          color: #000;
        }

        .Footer-Links:hover {
          color: #0243C4;
        }

        .Footer-Email {
          font-size: 15px;
          font-weight: 600;
          display: block;
          margin-top: 0;
          
        }

        .SocialLinks_Wrapper {
          display: flex;
          flex-direction: row;
          gap: 5px;
          
        }

        .SocialLink {
          width: 31px;
          height: 31px;
          fill: #000;           /* VERY important */
          display: block;
        }

        .SocialLink:hover {
          fill: #0243C4;
        }

        .Footer-Copyright {
          background-color: #D9D9D9;
          padding: 100px;
          padding-top: 50px;
          padding-bottom: 50px;
          margin-top: 0px;
          text-align: center;
        }

        /* Mobile Behaviour */
      @media (max-width: 768px) {
        .Footer-Wrapper {
          display: flex;
          flex-direction: column;
          gap: 32px; /* espaço entre colunas */
          background-color: #d9d9d9;
          padding: 100px;
          padding-bottom: 0;
          margin-top: 100px;
          margin-bottom: 0;
          
          }

          .Footer-LogoAndName {
            display: flex;
            flex-direction: column;
          }

      }