@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Configuração global: */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0;
}

/*===== GOOGLE FONTS =====*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");

html {
    font-size: 62.5%;    /* a cada 1rem será considerado 10px */
}

body {
    color: #0D0D0D;
    /* background-image: linear-gradient(to bottom, white, #f9f9f9, #D9D9D9); */
    /* background-image: linear-gradient(to bottom, #09034859, #4e55b248, #cca4d272, #f2d89b5d); */
    background-attachment: fixed;
    background-color: white;
    font-family: 'Poppins', sans-serif !important;
    /* font-family: 'A Pompadour Sample', sans-serif; */
}

/* ______________________ TEXTOS ________________________________ */

/* CRIANDO CLASSE PARA CENTRALIZAR FOTOS/TEXTOS/ETC. */
.center {
    display: block;   /* garante que a margem vertical funcione */
    margin: 0 auto;
    text-align: center;
    font-size: 1.6rem;
    /* text-align-last: center; */
    /* align-items: center; */
}


/*===== VARIABLES CSS =====*/


/* Cores da paleta logo:
Azul marinho: #090348
Azul claro:   #4e54b2
#4F0348#0D046ERoxo claro:   #cca4d2
Amarelo:      #f2d89b
*/

:root {
  --header-height: 4.5rem;
  
  /*===== Colores =====*/
  /* --first-color: #c5c5c5; */
  /* --first-color: #0D046E; */
  --first-color: #4E54B2;
  --dark-color: white;
  /* --dark-color: #090348; */
  --dark-color-alt: white;
  /* --dark-color-alt: #560349; */
  /* --white-color: #313030; */
  --white-color: #090348;
 

  /*===== z index =====*/
  --z-fixed: 100;
}

@media screen and (min-width: 768px) {
  :root {
    --normal-font-size: 1rem;
    --small-font-size: .875rem;
  }
}

/*===== _______________________BASE______________________ =====*/
*, ::before, ::after {
  box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

/* .dp-menu ul li:hover ul{
  display: block;
} */

/*===== _________________________HEADER_________________________ =====*/
.header {
  /* font-size: 10.5pt; */
  position: fixed;
  /* top: 0;
  left: 0; */
  width: 100%;
  height: calc(var(--header-height) + 1.2rem);
  padding: 1.5rem;
  background-color: var(--dark-color);
  z-index: var(--z-fixed);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}

/* .header__toggle {
  font-size: 3rem;
  cursor: pointer;
  color:#4E54B2;
}

.bd-grid {
  max-width: 102.4rem;
  max-width: 145.0rem;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  margin-left: 0rem;
  margin-right: 0rem;
} */

.nav__img {
      margin-top: .9rem;
}

/* @media screen and (min-width: 768px) {
  body {
    margin: 0;
  }
  
  .active {
    background-color: var(--first-color);
    color: var(--white-color);
    color: white
  }
} */

/* @media screen and (min-width: 1024px) {
  .bd-grid {
    margin-left: auto;
    margin-right: auto;
  }
} */

main {
    min-width: 32rem;   /*Especifica a largura mínima que os elementos da tela principal irão ocupar (até largura máxima para quando o celular está na vertical)*/
    /* max-width: 102.4rem;   Especifica largura máxima (quando o celular está deitado) */
    margin: auto;       /*Alinha conteudo ao centro*/
    /* width: 90%; */
    /* float:left; */
    position: relative;
    margin-top: 4rem;
    padding-bottom: 2rem;
}

.main_container {
  min-width: 32rem;
  max-width: 120.0rem;   /*Especifica largura máxima (quando o celular está deitado)*/
  margin: auto;
  position: relative;
  /* margin-top: 3rem; */
  padding-bottom: 3rem;
}

.main_container a {
  color: #4E54B2;
}
.main_container a:hover,
.main_container a:focus {
    color: #09d;
}

/*_______________________ ACIMA DA BARRA DE NAVEGADOR ______________________*/

.tamlogo {
    width:20rem;
    height: auto;
}

/*_______________________ SOBRE MIM - HOMEPAGE ______________________*/

.container_homepage {
  display: flex;
  background: #4E54B210;
  justify-content: space-between;
  margin: .1rem auto 0 auto;
  width: 100%;
  max-width: 110rem;
}

.container_homepage h1 {
  margin-bottom: 1.6rem;
}

.config_foto_homepage {
  float: left;
  width: 36rem;
  /* width: 40rem; */
  height: auto;
  margin-right: 4rem;
}

.text-box p {
  text-align: justify;
  /* font-family: 'Poppins', sans-serif !important; */
  /* font-family: 'Montserrat', sans-serif; */
}

/*_______________________ INSTRUMENTAÇÃO - HOMEPAGE ______________________*/

.container_homepage2 {
  display: flex;
  /* width: 90%; */
}

.container_texto {
  background: #4E54B210;
}

.config_foto_homepage2 {
  float: left;
  width: 30rem;
  height: auto;
  display: flex;
  /* margin-right: 2rem; */
}

.border-item {
    float: left;
    /* width:37rem; */
    /* background: #4E54B210; */
    border: 0.5px solid black;
    border-radius: 50%;
    width: 21rem;
    height: 21rem;
    padding: 3rem 2.8rem 0rem 5rem;
    margin-right: 2rem;
    /* padding: 3rem; */
    
}

.wrapper {
  /* display: flex; */
  margin: 0 auto;
}

/* __________________ESTILO DO CHECK EM LISTA DE ÍTENS_________________ */

.check{
    color: #2E7D32; /* verde elegante */
    font-weight: 600;
    font-size: 3.5rem; /* aumenta o tamanho do check */
    margin-left: 1.5rem;
    margin-right: 1rem;
    line-height: 1;
}

.segmentos {
    list-style: none;
    padding: 0;
    margin: 0;
}

.segmentos li {
    font-size: 1.6rem;
    margin-bottom: 4px;
}

.segmentos ol {
    margin-left: 4rem;
}

.check p {
    margin: 0 auto;
    font-weight: normal;
    /* line-height: 1; */
}


@media (max-width:900px) {

h1,h2,h3{
  text-align: center;
}

.main_container {
  width: 90%;
}

.text-box{
  grid-row: 1;
  margin: 0 auto;
  text-align: justify;
}

.wrapper {
  flex-direction: column-reverse;
}

.header {
  justify-content:center;
}

.nav__img {
  align-items: center;
}

/* .check p {
    line-height: normal;
} */
 
  .container_homepage2 {
      width: 100%;
      flex-direction: column;
      text-align: center;
}

  .config_foto_laudo {
    order: 2;
    display: flex;
    justify-content: center;
    width: 60%;
    margin-left: 9rem;
    padding: 2rem;
  }


  .config_foto_laudo img {
    padding: .2rem;
  }

  /* .config_foto_laudo_2img{
  float: none;
  display: flex;
  justify-content: center;
  gap: 1.5rem;

  margin: 0 auto 2rem;
  } */
   .config_foto_laudo_2img{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 1rem;
}

    .config_foto_laudo_2img img{
        width: 18rem;
        max-width: 50%;
        height: auto;
    }
}
/* _____________________________ CORPO ________________________________ */


.container_fundo{
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
    background: #4e55b209;
    /* box-shadow: 0 -.15rem .6rem rgba(0,0,0,.04),
                0  .25rem .8rem rgba(0,0,0,.06); */
    box-shadow: 0 -.2rem .4rem rgba(0,0,0,.04),
                0  .2rem .4rem rgba(0,0,0,.06);
}

.config_foto_laudo {
  float: left;
  margin-right: 4rem;
}

.config_foto_laudo_2img {
  display: flex;
  gap: 2rem;
  float: left;
  margin-right: 4rem;
}


.config_foto_laudo_2img img{
  width: 25rem;
  height: auto;
}



/* h1 {
    font-size: 3.2rem;
    font-family: 'Poppins', sans-serif !important;
    color:#4E54B2;
    padding: 2rem;
  } */
h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #31388F;
      padding: 2rem;
    /* margin-bottom: 2rem; */
}
   

/* h1::after {
    content: "";
    display: block;
    width: 40rem;
    height: .5rem;
    margin: 1rem auto 0;
    background: #4E54B2;
    border-radius: 2px;
} */

h2 {
    font-size: 2.4rem;
    padding-bottom: 1rem;
    /* margin-top: 1rem; */
    font-family: 'Poppins', sans-serif !important;
    color:rgb(34, 32, 82);
    /* border-left: .4rem solid rgb(34, 32, 82); */
}

h3 {
    font-size: 2rem;
    padding: 0.4rem;
    margin-top: 1rem;
    font-family: 'Poppins', sans-serif !important;
    color:rgb(19, 18, 47);
}

h4 {
  padding-bottom: 2rem;
  font-size: 1.8rem;
}

/* h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    color: #090348;
    text-align: center;
    margin: 2rem 0 3rem;
    position: relative;
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    color: #090348;
    margin: 3rem 0 1rem;
    padding-left: 1rem;
    border-left: 5px solid #4E54B2;
} */

p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.6rem;
    color: rgb(53, 53, 53);
    padding: 1rem
}


/* BOTÃO */

.botoes-final {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;

    margin: 6rem auto;
    width: 100%;
}

/* Configuração base */
.btn {
    text-decoration: none;
    border-radius: 8px;
    transition: 0.25s;
    font-weight: 600;
    text-align: center;
}

/* Botão principal */
.btn-whatsapp {
    background: #25D366;
    color: white;

    padding: 1.8rem 4rem;
    min-width: 32rem;

    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.03em;

    border-radius: 8px;

    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.20);

    transition: all 0.25s ease;
}

.btn-whatsapp:hover {
    background: #1fb857;
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(37, 211, 102, 0.30);
}


/* __________________ESTILO DO "VOLTAR" NO FIM DA PÁGINA_________________ */

.btn-voltar {
    color: #4E54B2;
    background: transparent;

    padding: 0.8rem 1.6rem;

    font-size: 1.4rem;
}

.btn-voltar:hover,
.btn-voltar:focus {
    color: #09d;
}

/* ___________________________________ RODAPÉ _____________________________________ */

footer {
    /* max-width:max-content;   Especifica largura máxima (quando o celular está deitado) */
    /* background-color: black; */
    /* background-color: rgb(77, 77, 77); */
    background-color: #090348;
    min-width: 320px;   /*Especifica a largura mínima que os elementos da tela principal irão ocupar (até largura máxima para quando o celular está na vertical)*/
    padding-bottom: 25px;
    margin: 0 auto;     /* Mantém os elementos do bloco centralizados na página*/
    position: relative;
    /* width:max-width; */
    display: flex;      /* Para deixar um item ao lado do outro */
    justify-content: center;
}


footer p{
    margin-top: 25px;       /* Espaçamento entre ícones das redes sociais*/
    /* text-align: center; */
    color: white;
}

.footer-2 {
  min-width: 320px;   /*Especifica a largura mínima que os elementos da tela principal irão ocupar (até largura máxima para quando o celular está na vertical)*/
  /* text-align: center; */
  align-items: left;
  /* margin-left: auto; */
  /* margin-right: 100px; */
  margin-top: 70px;
}


/* __________________REDES SOCIAIS E FOOTER_________________ */

.nav__social-icon2 {
  font-size: 1.2rem;
  color: white;
  margin-right: 0.5rem;
}

.nav__social-icon2:hover {
  color: #c5c5c5;
}


/*____________________________PROPRIEDADES IMAGENS___________________________________*/


img {
  max-width: 100%;
  height: auto;
  object-fit: scale-down;
}

/* _______________ACESSO WHATS_________________ */
.whatsapp-link {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
}

.fa-whatsapp {
    margin-top: 16px;
}

.sembotao {
/* display: block; */
background: transparent;
}

/* _________ TABELA _______ */
.container-tabela {
    width: 100%;
    display: flex;
    justify-content: center;
    /* margin: 4rem 0; */
}

.tg{
    border-collapse: collapse;
    border: none;
}

.tg,
.tg *{
    border-color: #fff;
}

.tg td{border-color:white;border-style:solid;border-width:1px;font-family:Poppins, sans-serif;font-size:1.4rem;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:white;border-style:solid;border-width:1px;font-family:Poppins, sans-serif;font-size:1.4rem;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg tbody tr:nth-child(even){
    background:#f7f8fc;
}
/* Remove a borda superior */
.tg thead tr:first-child th {
    border-top: none;
}

/* Remove a borda inferior */
.tg tbody tr:last-child td {
    border-bottom: none;
}

/* Remove a borda esquerda */
.tg tr th:first-child,
.tg tr td:first-child {
    border-left: none;
}

/* Remove a borda direita */
.tg tr th:last-child,
.tg tr td:last-child {
    border-right: none;
}

.tg tbody tr:hover{
    background:#eceefd;
}.tg .tg-pb0m{border-color:inherit;text-align:center;vertical-align:middle}
.tg .tg-7rbo{background-color:#8E93CE;border-color:inherit;color:#FFF;font-weight:bold;text-align:left;vertical-align:middle}
.tg .tg-6rbo{background-color:#8E93CE;border-color:inherit;color:#FFF;font-weight:bold;text-align:center;vertical-align:middle}
.tg .tg-omzf{background-color:#5F65B9;border-color:inherit;color:#FFF;font-weight:bold;text-align:center;vertical-align:middle}