@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('./reset.css');
@import url('./hero.css');
@import url('./how-it-works.css');
@import url('./who-is-it-for.css');
@import url('./what-is-included.css');
@import url('./its-not-just-advice.css');
@import url('./when-importing-with-msbrazil.css');
@import url('./connecting-brazil-to-a-worldwide-market.css');
@import url('./form-section.css');
@import url('./faq.css');
@import url('./footer.css');
@import url('./proximos-passos.css');

:root { 
    font-size: 62.5%; 
    --main-blue: #00B2FF;
}     


*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    list-style: none;
}

/* font weight */
.light{
    font-weight: 300;
}
.regular{
    font-weight: 400;
}
.medium{
    font-weight: 500;
}
.bold{
    font-weight: 700;
}

/*cta*/
.cta{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0856E3;
    color: #fff;
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 4.0rem;
    border-radius: 9999px;
    width: 79.8rem;
    min-height: 9.1rem;
    padding: 1.8rem 3.2rem;
    text-align: center;
    transition: background-color .25s ease;
    /* Normalização cross-browser (Safari iOS/macOS) */
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    box-sizing: border-box;
}

.cta:hover{ background-color: var(--main-blue); }

/* Estado do CTA do formulário quando pronto */
.cta-form-section.is-ready{ background-color: #12D38B; }

.cta-form-section.is-ready:hover{ background-color: #0FC27E; }

html {
    scroll-behavior: smooth;
}

body{
    background-color: #01021F;
    scroll-behavior: smooth;
}

@media (max-width: 1600px) { :root { font-size: 58.33%; } }

@media (max-width: 1200px) { :root { font-size: 56.25%; } }

@media (max-width: 992px)  { :root { font-size: 50%; } }   

@media (max-width: 768px)  { :root { font-size: 40%; } } 

@media (max-width: 576px)  { :root { font-size: 34%; } }  

@media (max-width: 480px)  { :root { font-size: 31.25%; } }

/* celulares muito pequenos */
@media (max-width: 360px)  { :root { font-size: 28%; } }

/* Scroll Reveal */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Direções opcionais */
.reveal.from-left { transform: translateX(-24px); }
.reveal.from-right { transform: translateX(24px); }
.reveal.is-visible.from-left,
.reveal.is-visible.from-right { transform: none; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}


@media (max-width: 480px) {
    .cta{
        width: 100%;
        min-height: 5.5rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
        text-align: center;
        
    }
}