.img-responsive {
  width: 20%;      /* Largura total do container */
  height: 50%;     /* Altura ajustada proporcionalmente */
  max-height: 80vh; /* Altura máxima (opcional) */
  display: block;   /* Remove espaços indesejados */
}/* Estilo do <main> com imagem de fundo */
main {
    
    background-size: cover; /* Cobrir toda a área */
    background-position: center; /* Centralizar a imagem */
    background-repeat: no-repeat; /* Evitar repetição */
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    height: 50vh; /* Limita a altura a 50% da altura da tela */
    color: #FFFFFF; /* Cor do texto (se necessário) */
    padding: 20px; /* Espaçamento interno */
    width: 100%;                   /* Garante que ocupe toda a largura */
    position: relative;  
	
}

/* Estilo do título <h1> no <header> */
header h1 {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: lighter; /* Peso médio */
    font-style: normal;
    text-align: center;
    letter-spacing: 5px; /* Espaçamento de 3 pixels */
    font-size: 4rem; /* Tamanho da fonte */
    color: #333; /* Cor do texto */
}
/* Estilo do título <h4> no <header> */
header h4 {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: lighter; /* Peso médio */
    font-style: normal;
    text-align: left;
    letter-spacing: 5px; /* Espaçamento de 3 pixels */
    font-size: 4rem; /* Tamanho da fonte */
    color: #333; /* Cor do texto */
}

/* Estilo do título <h1> no <main> */
main h1 {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 700; /* Peso normal */
    font-style: normal;
    letter-spacing: 12px;
    font-size: 2rem; /* Tamanho da fonte */
    color: #ffff; /* Cor do texto */
    text-align: center; /* Centraliza o texto */
}
/* Estilo do título <h1> no <main> */
main h4 {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 700; /* Peso normal */
    font-style: normal;
    letter-spacing: 12px;
    font-size: 2rem; /* Tamanho da fonte */
    color: #ffff; /* Cor do texto */
    text-align: center; /* Centraliza o texto */
}

body {
    background-color: #ffcccb; /* Cor em hexadecimal (vermelho claro) */
}
/* Estilo do Botão do WhatsApp */
#whatsapp-button {
    width: 60px;
    height: 60px;
    background: transparent url("../images/botao%20logo%20whats1%20verde%20(1)-layer%201.png") no-repeat center center;
    background-size: contain;
    position: fixed;
    top: 240px; /* Distância do topo */
    right: 40px; /* Distância da direita */
    z-index: 1000; /* Garante que o botão fique acima de outros elementos */
    cursor: pointer;
    transition: transform 0.3s ease; /* Animação ao passar o mouse */
}

/* Efeito hover (mouse sobre o botão) */
#whatsapp-button:hover {
    background: transparent url("../images/botao%20logo%20whats1%20verde%20(1)-layer%202.png") no-repeat center center;
    background-size: contain;
    transform: scale(1.1); /* Aumenta o botão ao passar o mouse */
}

/* Efeito active (botão clicado) */
#whatsapp-button:active {
    background: transparent url("../images/botao%20logo%20whats1%20verde%20(1)-layer%203.png") no-repeat center center;
    background-size: contain;
}

/* Efeito quando o botão está ativo (selecionado) */
#whatsapp-button.MuseLinkActive {
    background: transparent url("../images/botao%20logo%20whats1%20verde%20(1)-layer%204.png") no-repeat center center;
    background-size: contain;
}

/* Estilos para telas menores (mobile) */
@media (max-width: 768px) {
    #whatsapp-button {
        width: 50px; /* Tamanho menor para mobile */
        height: 50px;
        top: 120px; /* Mais próximo do topo */
        right: 30px; /* Mais próximo da direita */
    }
}

/* Estilo dos Blocos de Texto */
.blocos-texto {
    display: flex; /* Ativa o Flexbox */
    justify-content: space-between; /* Espaço entre os blocos */
    padding: 20px; /* Espaçamento interno */
    background-color: #FFFFFF; /* Cor de fundo */
}

.bloco {
    flex: 1; /* Cada bloco ocupa espaço igual */
    margin: 0 10px; /* Margem entre os blocos */
    padding: 20px; /* Espaçamento interno */
    background-color: #ffffff; /* Cor de fundo do bloco */
    border: 0px solid #ddd; /* Borda do bloco */
    border-radius: 0px; /* Cantos arredondados */
    text-align: left; /* Centraliza o texto */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Efeito de hover */
}

.bloco:hover {
    transform: scale(1.05); /* Aumenta ligeiramente o bloco ao passar o mouse */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adiciona sombra ao bloco */
}

.bloco h2 {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 500; /* Peso médio */
    font-style: normal;
    font-size: 1.8rem; /* Tamanho maior da fonte */
    color: #FAF2F2; /* Cor do texto */
    margin-bottom: 10px; /* Espaçamento abaixo do título */
}

.bloco p {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 400; /* Peso normal */
    font-style: normal;
    font-size: 1.1rem; /* Tamanho maior da fonte */
    color: #FAF2F2; /* Cor do texto */
    line-height: 1.6; /* Espaçamento entre linhas */
    text-align: left; /* Justifica o texto */
    padding: 0 10px; /* Adiciona um pequeno padding para melhorar a leitura */
	}

.bloco h6 {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 200; /* Peso normal */
    font-style: normal;
    font-size: 0,6rem; /* Tamanho maior da fonte */
    color: #FAF2F2; /* Cor do texto */
    line-height: 1.6; /* Espaçamento entre linhas */
    text-align: left; /* Justifica o texto */
    padding: 0 10px; /* Adiciona um pequeno padding para melhorar a leitura */
	
}
.table {
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 200; /* Peso normal */
    font-style: normal;
    font-size: 0.9rem; /* Tamanho maior da fonte */
    color: #666; /* Cor do texto */
    line-height: 1.6; /* Espaçamento entre linhas */
    text-align: center; /* Justifica o texto */
    padding: 0 10px; /* Adiciona um pequeno padding para melhorar a leitura */
}

/* Estilo do Link do Bloco */
.bloco-link {
    text-decoration: none; /* Remove o sublinhado */
    color: inherit; /* Mantém a cor do texto original */
    display: block; /* Faz o link ocupar todo o bloco */
}

/* Estilos para telas menores (mobile) */
@media (max-width: 768px) {
    .blocos-texto {
        flex-direction: column; /* Blocos um abaixo do outro */
    }

    .bloco {
        margin: 10px 0; /* Margem entre os blocos */
    }
}

/* Estilo do Rodapé */
footer {
    background-color: #004AAD; /* Cor de fundo */
    color: #fff; /* Cor do texto */
    text-align: center; /* Centraliza o texto */
    padding: 20px; /* Espaçamento interno */
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 200; /* Peso normal */
    font-style: normal;
    font-size: 0,8rem; /* Tamanho da fonte */
    letter-spacing: 2px; /* Espaçamento entre as letras */
}

footer p {
    line-height: 1.6; /* Espaçamento entre linhas */
    margin: 10px 0; /* Espaçamento entre parágrafos */
}

/* Nova caixa de texto abaixo dos blocos */
.caixa-texto {
    background-color: #004AAD; /* Cor de fundo */
    padding: 20px; /* Espaçamento interno */
    margin: 20px auto; /* Margem externa */
    max-width: 800px; /* Largura máxima */
    text-align: left; /* Centraliza o texto */
    border-radius: 0px; /* Cantos arredondados */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Sombra leve */
}
.caixa-texto h4 {
    background-color: #004AAD;
	font-size: 1.1rem; /* Tamanho da fonte */
	font-weight: normal;
    color: #FAF2F2; /* Cor do texto */
    line-height: 1.5; /* Espaçamento entre linhas */
	 text-align: justify; /* Texto justificado */
    text-justify: inter-word; /* Melhora o espaçamento entre palavras */
}
.caixa-texto p {
    background-color: #004AAD;
	font-size: 1.1rem; /* Tamanho da fonte */
    color:#FAF2F2; /* Cor do texto */
    line-height: 1.6; /* Espaçamento entre linhas */
}

.caixa-texto h1 {
    background-color: #004AAD;
	font-size: 1.8rem; /* Tamanho da fonte */
	font-weight: normal;
    color: #FAF2F2; /* Cor do texto */
    line-height: 1.2; /* Espaçamento entre linhas */
	 text-align: justify; /* Texto justificado */
    text-justify: inter-word; /* Melhora o espaçamento entre palavras */
}

/* Nova caixa de texto abaixo dos blocos */
.caixa-texto {
    background-color: #004AAD;
    padding: 20px; /* Espaçamento interno */
    margin: 20px auto; /* Margem externa */
    max-width: 800px; /* Largura máxima */
    text-align: left; /* Centraliza o texto */
    border-radius: 0px; /* Cantos arredondados */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Sombra leve */
    font-family: "peridot-devanagari", sans-serif; /* Adiciona a fonte correta */
    font-weight: 600; /* Peso normal */
    font-style: normal;
}

.caixa-texto p {
    background-color: #004AAD;
	font-size: 1.4rem; /* Tamanho da fonte */
    color: #FAF2F; /* Cor do texto */
    line-height: 1.6; /* Espaçamento entre linhas */
}

/* Estilo dos Blocos de Texto */
.blocos-texto {
    background-color: #004AAD;
	display: flex; /* Ativa o Flexbox */
    justify-content: space-between; /* Espaço entre os blocos */
    padding: 20px; /* Espaçamento interno */

}

.bloco {
    flex: 1; /* Cada bloco ocupa espaço igual */
    margin: 0 10px; /* Margem entre os blocos */
    padding: 20px; /* Espaçamento interno */
    background-color: #004AAD;; /* Cor de fundo do bloco */
    border: 0px solid #ddd; /* Borda do bloco */
    border-radius: 0px; /* Cantos arredondados */
    text-align: left; /* Centraliza o texto */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Efeito de hover */
}

/* Ajuste para desktop: dois blocos ocupam o espaço igualmente */
@media (min-width: 769px) {
    .bloco {
        flex: 1; /* Cada bloco ocupa metade do espaço */
        margin: 0 10px; /* Margem entre os blocos */
    }
.artigo-nota {
    background-color: #004AAD;
    border-left: 5px solid #ff6347;  /* Cor da borda (tomate) */
    padding: 2rem;
    margin: 2rem 0;
    font-style: italic;
    color: #FAF2F2;  /* Cor do texto */
}
}

/* Blocos Relacionados */
.relacionados {
    padding: 3rem 0;
    background: #004AAD;
}
/* Ajuste para mobile: blocos um abaixo do outro */
@media (max-width: 768px) {
    .blocos-texto {
        flex-direction: column; /* Blocos um abaixo do outro */
    }

    .bloco {
        margin: 10px 0; /* Margem entre os blocos */
    }
}

/* Imagem de fundo para a página CONSULTAS */
.consultas-bg {
    background-image: url("../images/nike01"); /* Caminho da imagem */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    color: #FAF2F2;
    padding: 20px;
}
.imagem-destaque {
  width: 100%;          /* Largura total do container */
  max-width: 800px;     /* Largura máxima (ajuste conforme necessário) */
  height: auto;         /* Altura proporcional à largura */
  display: block;       /* Remove espaços indesejados */
  margin: 20px auto;    /* Centraliza e adiciona espaçamento */
  border-radius: 1px;   /* Bordas arredondadas (opcional) */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil (opcional) */
}

/* Opcional: Ajuste para telas pequenas */
@media (max-width: 768px) {
  .imagem-destaque {
    max-width: 100%;    /* Ocupa toda a largura em dispositivos móveis */
    margin: 15px auto;  /* Reduz o espaçamento */
  }
}

/* Imagem de fundo para a página EXAMES */
.exames-bg {
    background-image: url("../images/exames.jpg"); /* Caminho da imagem */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    color: #FAF2F2;
    padding: 20px;
}

/* Imagem de fundo para a página TRATAMENTOS */
.tratamentos-bg {
    background-image: url("../images/tratamentos.jpg"); /* Caminho da imagem */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    color: #FAF2F2;
    padding: 20px;
}

/* Aumentar o espaçamento entre as caixas de texto e os blocos */
.caixa-texto {
    margin: 40px auto; /* Aumenta o espaçamento vertical */
    padding: 20px; /* Espaçamento interno */
    max-width: 800px;
    text-align: left;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    font-family: "peridot-devanagari", sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* Aumentar o espaçamento entre os blocos */
.blocos-texto {
    margin: 40px auto; /* Aumenta o espaçamento vertical */
    padding: 20px;
    background-color: #004AAD;
}

/* Aumentar o espaçamento interno dos blocos */
.bloco {
    margin: 20px; /* Aumenta o espaçamento entre os blocos */
    padding: 30px; /* Aumenta o espaçamento interno */
    background-color: #004AAD;
    border: 0px solid #ddd;
    border-radius: 0px;
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}.h1 {
}
/* Estilos para o sistema Leia Mais */
.texto-completo {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.texto-completo.mostrar {
  display: block;
  opacity: 1;
}

.leia-mais-btn {
  background-color: transparent;
  color: #FAF2F2;
  border: 1px solid #333;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  margin: 15px 0;
  font-family: "peridot-devanagari", sans-serif;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.leia-mais-btn:hover {
  background-color: #333;
  color: #FAF2F2;
}

/* Ajuste para o texto principal */
.caixa-texto .texto-resumo h4,
.caixa-texto .texto-completo h4 {
  font-size: 1.1rem;
  font-weight: normal;
  color: #FAF2F2;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 15px;
}

/* Ajuste para os blocos */
.bloco .texto-resumo p,
.bloco .texto-completo p {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 15px;
}
/* === LEIA MAIS - ESTILOS === */
.texto-completo {
  display: none;
}

.leia-mais-btn {
  background: transparent;
  border: 1px solid #333;
  color: #FAF2F2;
  padding: 8px 15px;
  font-family: "peridot-devanagari", sans-serif;
  cursor: pointer;
  margin: 15px 0;
  transition: all 0.3s;
}

.leia-mais-btn:hover {
  background: #333;
  color: #FAF2F2;
}

/* Mantém o estilo original dos textos */
.caixa-texto h4, .bloco p {
  font-size: 1.1rem;
  line-height: 1.5;
  text-align: left;
}/* Estilos para o sistema Leia Mais */
.texto-resumo {
  display: block;
}

.texto-completo {
  display: none;
  opacity: 100;
  transition: opacity 0.5s ease;
}

.texto-completo.mostrar {
  display: block;
  opacity: 1;
}

.leia-mais-btn {
  background: transparent;
  border: 1px solid #333;
  color: #FAF2F2;
  padding: 8px 15px;
  font-family: "peridot-devanagari", sans-serif;
  cursor: pointer;
  margin: 15px 0;
  transition: all 0.3s;
}

.leia-mais-btn:hover {
  background: #333;
  color: #fff;
}

/* Carrossel */
.carousel {
    max-width: 400px; /* Largura máxima do carrossel */
    margin: 20px auto; /* Centraliza */
}

.carousel img {
    border-radius: 0; /* Borda arredondada nas imagens */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra */
}
/* CARROSSEL */
.carrossel-container {
    max-width: 400px;
    margin: 30px auto;
}
carousel-item {
    transition: transform 0.6s ease-in-out; /* Mais suave que o padrão */
}
.carousel-inner {
    border-radius: 0;
    overflow: hidden;
}

.carousel-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* Botões de navegação */
.carousel-control-prev, 
.carousel-control-next {
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 74, 173, 0.5);
    border-radius: 50%;
}

.carousel-control-prev { left: 15px; }
.carousel-control-next { right: 15px; }.p1 {
}