@charset "UTF-8";
@media screen and (min-width:200px) and (max-width:757px){
    
/* ==================== */
/* ESTILOS GLOBAIS      */
/* ==================== */

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

body {
    font-family: Arial, sans-serif;
    background-color: #f8f8f8;
}


body {
    background-color: #f8f8f8;
}
body a, button{
    font-family: 'Elegante Classica';
}
body h1{
    font-family: 'Elegante Classica';

}
body h2{
        font-family: 'Elegante Classica';

}

body h3{
    font-family: 'Elegante Classica';
}
body h4{
    font-family: 'Elegante Classica';
}

body p, span, small, div{
    font-family: 'Lora';
}

:root {
    --color-primary: #586E26; /* Verde da marca */
    --color-secondary: #EBE9E6; /* Cor de fundo suave da seção hero */
    --color-Text: #8d676775;
    --color-cta: RGB(117, 85, 128); /* Verde do WhatsApp */
    --color-heading: #584D42; /* Marrom para títulos */
    --color-text-light: #555; /* Cinza para textos */
 


}

@font-face {
  font-family: 'Lora';
  src: url('fonts/Lora-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('fonts/Lora-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Lora';
  src: url('fonts/Lora-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('fonts/Lora-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Fonte Elegante Classica */
@font-face {
  font-family: 'Elegante Classica';
  src: url('fonts/Elegante Classica.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* HEADER compacto */
  .main-header {
    height: 60px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }

  /* LOGO proporcional */
  .logo-link {
    display: flex;
    align-items: center;
  }
  .logo-image-large {
    height: 65px;
    width: 100px;
  }
  .logo-image-small {
    display: none; /* só aparece no desktop scrolled */
  }

  /* BOTÃO HAMBÚRGUER */
  .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 22px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1101; /* acima do menu */
  }
  .menu-toggle span {
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    border-radius: 2px;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }

  /* NAV escondida */
  .main-nav {
    position: absolute;
    top: 60px; /* logo abaixo do header */
    left: 0;
    right: 0;
    background: #7E8B52;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
  }
  .main-nav.active {
    display: flex;
  }

  .main-nav ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .main-nav li {
    width: 100%;
    text-align: center;
  }
  .main-nav a {
    display: block;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: none;
    padding: 0.5rem 0;
  }
  .main-nav a:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  /* ANIMAÇÃO hamburguer -> X */
  .menu-toggle.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .menu-toggle.open span:nth-child(2) {
    opacity: 0;
  }
  .menu-toggle.open span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
  /* Esconde o botão whatsapp no mobile (se não quiser deixar fixo) */
  .whatsapp-button {
    display: none;
  }
/* ============================ */
/* SEÇÃO DE DESTAQUE     */
/* ============================ */
.imgSection{
   display: none;
}


.hero {
        flex-direction: column;
        /*padding: 2rem 1.5rem;*/
        text-align: center;
        margin-top: 45px;
        margin-bottom: 25px;     
        
      }
      .hero > .content > small{
        font-size: 22px;
        
      }
      .hero h1 {
        font-size: 2rem;
        margin-top: 20px;
        margin-bottom: 10px;
      }

      .hero p {
        font-size: 1rem;
      }

      .image img {
        margin-top: 2rem;
        max-width: 100%;
        height: auto;
        border-radius: 5px;
      }

      .hero > div > img{
       width: 100%;
      }
/* ==================== */
/* FORMULÁRIO           */
/* ==================== */

.q1 {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
   
    
}

#whatsappForm {
    display: flex;
    flex-direction: column;
    position: relative;
    top: -50px;
    left: 10px;
    display: none;
    
}


button[type="submit"] {
    width: 70%;
    padding: 10px;
    border: none;
    background-color: #755580;
    color: #fff;
    border-radius: 50px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 1px 1px 1px white;
    transition: background-color 0.3s ease, transform 0.2s ease;
    position: relative;
    top: -50px;
  
    margin: auto;
}

button[type="submit"]:hover {
    background-color: #755580a8;
    transform: translateY(-2px);
}
.img-mobile-hero{
    margin-top: -35px;
}

/*Sobre mim e meu metodo*/
#sobre-mim {
    background-color: #f7f7f7;
    padding: 20px;
    text-align: center;
}

#sobre-mim > h2 { /* O título principal da seção */
    font-size: 2.5em;
    color: var(--color-text-light); /* Verde escuro do PDF */
    margin-bottom: 50px;
}

.container-sobre-mim {
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Alinha os itens pelo topo */
    gap: 40px;
    flex-wrap: wrap; /* Permite quebrar a linha em telas menores */
}

/* Bloco Quem Sou  */
.bloco-quem-sou {
    flex: 1;
    min-width: 300px;
    max-width: 400px;
    height: 810px; /* Ajuste a largura conforme necessário */
    padding-top: 50px; /* Para alinhar com a imagem central */
}

.cartao-perfil {
    background-color: #fff;
    border: 3px solid #72895E; /* Borda verde do PDF */
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    text-align: center;
    height: 100%; /* Garante que o cartão ocupe o espaço disponível */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Alinha o conteúdo ao topo */
}

.cartao-perfil h3 {
    font-size: 2.5em;
    color: #72895E; /* Verde escuro do PDF */
    font-family:var(--text-roboto);
    margin-top: 0; /* Remove margem superior desnecessária */
    margin-bottom: 20px;
}

.descricao-perfil {
    font-size: 1.5em;
    color: #555;
    line-height: 1.6;
    margin: 10px auto;
}

/* Seção da Foto Central */
.secao-foto-central {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.imagem-central {
    width: 335px; /* Ajuste o tamanho da imagem conforme desejar */
    height: 790px;
    object-fit: cover;
    border: 2px solid #72895E; /* Borda verde ao redor da foto */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

/* Bloco Meu Método  */
.bloco-metodo {
    flex: 1;
    min-width: 300px;
    max-width: 600px; /* Ajuste a largura conforme necessário */
    text-align: center;
    padding-top: 50px; /* Para alinhar com a imagem central */
}

.cabecalho-metodo h2 {
    font-size: 2.5em;
    color: #72895E; /* Verde escuro do PDF */
    margin-bottom: 10px;
}

.cabecalho-metodo p {
    font-size: 1.3em;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

.grade-pilares {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.pilar-card {
    background-color: #755580; /* Roxo escuro do PDF */
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    text-align: center;
    box-shadow: 1px 1px 5px black;
    width: 100%;
}
.pilar-icone {
        width: 100px; /* Largura do círculo */
        height: 100px; /* Altura do círculo (igual à largura) */
        border-radius: 50%; /* Transforma a imagem em um círculo */
        object-fit: cover; /* Faz a imagem preencher o círculo sem distorcer */
        border: 3px solid #755580; /* Borda roxa para a moldura */
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        margin-bottom: 20px; /* Espaço entre a imagem e o título */
    }

.pilar-card h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    color: var(--color-primary);
    border: 3px solid white;
    border-radius: 10px;
    padding: 10px;
    background-color: white;
}

.pilar-card p {
    font-size: 0.9em;
    line-height: 1.4;
    color: #f0f0f0;
  
}


/*Serviços*/

#servicos {
    background-color: #8d676775;
    padding: 80px 20px;
    text-align: center;
    
}

#servicos h2 {
    font-size: 2.5em;
    color: var(--color-text-light);
    margin-bottom: 50px;
}

.container-servicos {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    
}

.cartao-servico {
    background-color: #fff;
    border: 2px solid #72895E;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 1px 1px 5px black;
    height: 420px;

}

.cartao-servico h3 {
    font-size: 1.6em;
    color: #72895E;
    margin-bottom: 40px;
}

.cartao-servico p {
    font-size: 1.2em;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

.botao-saiba-mais {
    display: inline-block;
    padding: 12px 25px;
    background-color: #72895E;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.botao-saiba-mais:hover {
    background-color: #5e724a;
}

/*plano acompanhamento nutricional*/

#como-funciona-acomp {
    background-color: #f7f7f7;
    padding: 80px 10px;
    text-align: center;
}

#como-funciona-acomp h2 {
    font-size: 2.0em;
    color: #72895E;
    margin-bottom: 20px;
}

#como-funciona-acomp p {
    font-size: 0.8em;
    color: #555;
    margin: 15px auto 0px auto;
    line-height: 1.6;
    
}

#como-funciona-acomp p strong {
    font-weight: bold;
}

.grade-cards {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.cartao-info {
    margin-top: 50px;
    background-color: #ffffff;
    color: var(--color-text-light);
    padding: 30px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    text-align: left;
    border: 2px solid #755580;

}

.cartao-info h3 {
    font-size: 1.2em;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 3px solid #a396a6;
    padding-bottom: 10px;
}

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

.cartao-info li {
    margin-bottom: 10px;
    font-size: 0.9em;
    line-height: 1.4;
}

.container-itens-checks {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.item-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.item-check .icone-check-grande {
    color: #755580;
    font-size: 2em;
    font-weight: bold;
}

.item-check p {
    margin: 0;
    font-size: 1.1em;
    color: #555;
}
  .conteudo-flex {
        flex-direction: column;
        align-items: center; /* Centraliza os itens quando empilhados */
    }

    .texto-explicacao {
        margin-bottom: 30px; /* Adiciona espaço entre a caixa de texto e os cartões */
        flex-basis: auto; /* Remove a largura de base para se adaptar à tela */
        width: 100%;
    }

    .grade-cards {
        align-items: center;
        width: 100%;
    }

    .cartao-info {
        width: 100%; /* Cartões ocupam a largura total em telas menores */
        max-width: 435px; /* Mantém a largura máxima */
    }

 .chamada-para-acao__titulo {
    font-size: 32px;
  }
/*Planos de serviço  */



 #planos, #avaliacoes {
    background-color: var(--color-background);
    padding: 80px 50px;
    text-align: center;
}

 #planos h2, #avaliacoes h2 {
    font-size: 1.5em;
    color: var(--color-text-light);
    margin-bottom: 50px;
    text-align: center;
}


/* Estilo para os cards de planos */
.planos-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 50px;
}

.plano-card {
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    text-align: left;
    max-width: 400px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.plano-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.plano-card.popular {
    border: 2px solid var(--color-primary);
    position: relative;
}

.plano-card.popular::before {
    content: "Plano mais popular";
    position: absolute;
    top: -15px;
    left: 65%;
    transform: translateX(-50%);
    background-color: #755580;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 0.8em;
    white-space: nowrap;
}

.plano-card.custo {
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    text-align: left;
    max-width: 400px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.plano-card.custo:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.plano-card.custo {
    border: 2px solid var(--color-primary);
    position: relative;
}

.plano-card.custo::before {
    content: "Melhor custo-benefício";
    position: absolute;
    top: -15px;
    left: 65%;
    transform: translateX(-50%);
    background-color: #755580;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 0.8em;
    white-space: nowrap;
}



/* Estilos para a nova etiqueta do plano */
.plano-card.custo-beneficio {
    border: 3px solid #75925c;
}

/* Estilos para o botão "Agendar Consulta" com a seta */
.agendar-button .arrow-icon {
    margin-left: 10px;
    font-size: 1.2em;
}

.plano-card h3 {
    font-size: 2em;
    color: var(--color-cta);
    margin-bottom: 10px;
}

.plano-card p{
    margin-bottom: 20px;


}
.plano-card ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.plano-card ul li {
    font-size: 0.9em;
    color: var(--color-text-light);
    margin-bottom: 10px;
}

.plano-card ul {
    list-style: none; /* Remove a bolinha padrão da lista */
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
}

.plano-card li {
    margin-bottom: 15px;
    font-size: 0.95em;
    color: #555;
    display: flex;
    align-items: center;
}

.check-icon {
    color: #72895E; /* A cor verde do ícone */
    font-weight: bold;
    margin-right: 10px;
    font-size: 1.2em;
}

.agendar-button {
    display: block;
    background-color: var(--color-primary);
    color: #fff;
    padding: 12px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 20px;
    transition: background-color 0.3s ease;
    text-align: center;
}

.agendar-button:hover {
    background-color: #75925c;

}
/*Plano Acompanhamento nutri*/






/*Plano express*/

#como-funciona {
    margin-top: 105px;
    background-color:#8d676775;
    padding: 80px 25px;
    text-align: center;
}

#como-funciona > h2 {
    font-size: 1.8em;
    font-weight: bold;
    color: var(--color-text-light);
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    line-height: 1.2;
}

#como-funciona  p {
    font-size: 1.2em;
    color: #666;
    margin-bottom: 10px;
    margin: 0 auto 10px auto;
    
}

.cards-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.cards-container .card {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid var(--color-cta);
}

.cards-container .card h3 {
    font-size: 1.2em;
    color: #755580;
    margin-bottom: 15px;
    border-bottom: 2px solid #755580;
    padding-bottom: 5px;
    text-align: center;
}

.cards-container .card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cards-container .card li {
    font-size: 0.9em;
    color: #555;
    line-height: 1.5;
    margin-bottom: 10px;
}


/* Estilos da seção principal */
.chamada-para-acao {
    height: 100vh;
    width: 99.2vw;
  background-color: #755580;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 20px;
  text-align: center;
}

/* Estilos do contêiner de conteúdo */
.chamada-para-acao__conteudo {
  max-width: 1000px;
}

/* Estilo para o texto superior */
.chamada-para-acao__texto-superior {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
  opacity: 0.8;
}

/* Estilos do título principal */
.chamada-para-acao__titulo {
  font-size: 37px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 50px;
  color: #fff;
}

/* Estilos do subtítulo */
.chamada-para-acao__subtitulo {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 40px;
  opacity: 0.9;
color: #fff;

}

/* Estilos do botão */
.chamada-para-acao__botao {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 20px 75px;
  background-color: #d7ff43;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 50px;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.chamada-para-acao__botao:hover {
  transform: translateY(-3px);
  background-color: #bdfd00;
}

/* Estilos do ícone SVG dentro do botão */
.chamada-para-acao__icone {
  width: 20px;
  height: 20px;
}


/*avaliações*/
.tituloAvaliacoes > h1 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 1.5em;
        text-align: center;
        color: var(--color-text-light);
    }

#avaliacoes {
        padding: 20px 10px;
    }

.avaliacoes-container {
        /* Permite que os cards se quebrem em várias linhas */
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 10px auto;
        position: relative;
        height: 1150px;
        
    }

.avaliacao-group {
        /* Mantém a lógica de transição e empilhamento */
        opacity: 0;
        visibility: hidden;
        position: absolute;
        width: 100%;
        
        /* Ajusta o layout para 2x2 */
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Cria duas colunas de largura igual */
        grid-template-rows: repeat(2, auto); /* Duas linhas de altura automática */
        gap: 15px; /* Espaço menor entre os cards */
        
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }

.avaliacao-group.active {
        opacity: 1;
        visibility: visible;
    }
    
.avaliacao-card {
        width: 100%; /* Ocupa 100% da coluna do grid */
        height: auto; /* A altura se ajusta ao conteúdo */
        padding: 15px; /* Diminui o preenchimento interno */
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        border-left: 3px solid var(--color-primary);
    }
    
.avaliacao-card h4 {
        font-size: 1em;
        text-align: center;
        margin-bottom: 5px;
    }

.avaliacao-card p {
        font-size: 0.8em;
        line-height: 1.4;
        margin-bottom: 5px;
        text-align: center;
    }

.google-review-link {
        text-align: center;
        align-items: end;
    }
    
.google-review-link img {
        width: 25px;
    }


.imgfinal > .div-img > img{
    display: none;
}
.imgfinal > .div-img-mobile > img{
    max-width: 100%;
}
.imgfinal > .div-texto-mobile > img{
    max-width: 100%;
    margin-top: -4px;
}

.imgfinal > .acomp-instagram{

    padding: 30px;
    text-align: center;
    font-weight: bolder;

}

.imgfinal > .acomp-instagram > p{
    color: #72895E;
    text-align: center;
}

.imgfinal > .acomp-instagram > p > a{
    margin-left: 15px;
    color: #755580;
    letter-spacing: 3px;
}

 
.imgfinal > .acomp-instagram > p > a > .material-symbols-outlined{
position: relative;
top:5px;

}



.box-agendar-consulta {
    height: 150px;
    background-color: #774372; /* Cor de fundo da imagem */
    padding: 0 50px; /* Adiciona espaçamento nas laterais */
    
    /* Configurações Flexbox */
    display: flex;
    justify-content: space-between; /* Distribui o texto e o botão para as extremidades */
    align-items: center; /* Centraliza os itens verticalmente */
}

.texto-agendar p {
    color: #fff; /* Cor do texto */
    line-height: 1.4;
    font-size: 0.6em;
    text-transform: uppercase;
}

.botao-agendar a {
    background-color: #72895E; /* Fundo do botão */
    color: #ffff; /* Cor do texto do botão */
    font-weight: bold;
    text-decoration: none;
    padding: 15px 3px; /* Aumenta a área clicável e dá o formato do botão */
    border-radius: 50px; /* Arredonda as bordas do botão */
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 30px;
}

/* Estilo para o ícone do WhatsApp */
.botao-agendar a span::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('imagens/whatsapp.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/*footer*/

#rodape {
    background-color: #72895e; /* Fundo cinza escuro */
    color: #f0f0f0;
    padding: 60px 20px;
    margin: auto;
    height: 800px;
}
#rodape h4{
    color: #755580;
}
.container-rodape {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: auto;
    max-height: 250px;
    flex-direction: column;
    

}

.coluna-info {
    flex: 1;
    margin-bottom: 20px;
    font-size: 13px;
    text-align: left;

}

.logo-rodape {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    margin-top: -50px;
    margin-right: 10px;
}

.logo-rodape img {
    margin-top: 25px;
    height: 180px; /* Ajuste o tamanho da sua logo aqui */
}

.texto-logo p {
    margin: 0;
    font-size: 1em;
    color: #f0f0f0;
    text-align: left;
    width: 185px;
}

.coluna-info h4 {
    font-size: 1.2em;
    color: #72895E; /* Verde escuro do PDF */
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left;
}


.coluna-info ul li {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 8px;
    text-align: left;
}

.coluna-info ul {
    list-style: none;
    padding: 0;
}


.coluna-info.atendimento > a{
    text-align: left;
    margin-left: 10px;
}
.coluna-info.atendimento > p{
   margin-bottom: 15px;
    text-align: left;


}

.coluna-info a {
    color: #f0f0f0;
    text-decoration: none;
    transition: color 0.3s ease;
}

.coluna-info a:hover {
    color: #72895E;
}

.container-botoes {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: left;
}

.container-botoes > a{
    margin-left: -10px;
    background-color: #755580;
}

.botao-mapa {
    margin: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #555;
    height: 35px;
    width: 150px;
    border-radius: 5px;
    font-size: 15px;
}

.botao-mapa img {
    height: 20px;
    padding-left: 5px;
}

.link-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.link-social img {
    height: 20px;
}

.coluna-info.redes-sociais > a{
    margin-left: 15px;
    width: 250px;
    font-size: 13px;
}


/*bnt wpp flutuante*/

.botao-wpp-flutuante {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100; /* Garante que o botão fique acima de outros elementos */
    display: flex;
    align-items: center;
    justify-content: center;
}

.botao-wpp-flutuante img {
    width: 35px;
    height: 35px;
}

}