body {
    font-family: 'Roboto', sans-serif; /* Fonte padrão do site */
    line-height: 1.6; /* Melhor legibilidade */
  }

  .ruler {
    border: none;
    border-top: 3px solid #012e42; /* Linha sólida */
    width: 100%; /* Ocupa toda a largura */
    margin: 40px 0; /* Margem acima e abaixo */
  }

  .ruler-dashed {
    border: none;
    border-top: 2px dashed #012e42; /* Linha tracejada */
    width: 100%;
    margin: 20px 0;
  }

  .section-title {
    font-family: 'Merriweather', serif; /* Fonte médica clássica */
    font-weight: 700; /* Negrito para títulos */
    color: #033a4b; /* Verde associado à medicina */
    text-align: center;
    margin-bottom: 20px;
  }

  .section-titlew {
    font-family: 'Merriweather', serif; /* Fonte médica clássica */
    font-weight: 700; /* Negrito para títulos */
    color: #ffffff; /* Verde associado à medicina */
    text-align: center;
    margin-bottom: 20px;
  }

  .section-content {
    font-family: 'Roboto', sans-serif; /* Fonte moderna para o corpo do texto */
    font-size: 16px;
    color: #333;
    text-align: center;
  }

  /* Custom CSS for the responsive background container */
  .bg-container {
    background-image: url('../../img/saude.jpg'); /* Replace with your image URL */
    background-size: cover; /* Ensure the image covers the entire container */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Avoid repeating the image */
    height: 400px; /* Adjust the height as needed */
  }

  .justified-text {
    text-align: justify; /* Justifica o texto */
  }

  .bg-profissional {
    background-image: url('../../img/fundo.jpg'); /* Replace with your image URL */
    background-size: cover; /* Ensure the image covers the entire container */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Avoid repeating the image */
    height: 70%; /* Adjust the height as needed */
  }

  /*footer*/

      .rodape {
          background-color: #797979;

      }

  /* Alinhamento dos itens do menu ao lado da imagem */


       /* Menu flutuante */
       .navbar {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          z-index: 1000;
          background-color: #797979;
      }

      /* Estilos dos links do menu */
      .navbar-nav .nav-link {
          color: white !important;
          display: flex;
          gap: 15px; /* Espaçamento entre os itens */
      }

      .navbar-nav .nav-link:hover {
          color: #e8e9e4 !important;
      }

      /* Ajuste do conteúdo para não ficar escondido atrás do menu */
      body {
          padding-top: 70px; /* Ajuste para o conteúdo não ser ocultado pelo menu fixo */
      }

      /* Garantir que o menu fique alinhado à esquerda */
      .navbar-collapse {
          display: flex;
          justify-content: flex-start; /* Alinhar à esquerda */
          align-items: center; /* Alinhar verticalmente */
      }

      .navbar-collapse ul {
          padding-left: 0;
          margin-bottom: 0;
      }

      .navbar-collapse .nav-item {
          margin-right: 15px; /* Ajuste para espaçamento entre os itens */
      }

      .hero {
          background: linear-gradient(to bottom, #ffffff, #f8f9fa);
          text-align: center;
          padding: 50px 20px;
      }
      .hero img {
          max-width: 250px;
      }
      .btn-custom {
          background-color: #007bff;
          color: #fff;
          border-radius: 50px;
          padding: 10px 20px;
          margin: 10px;
      }
      .btn-custom:hover {
          background-color: #0056b3;
      }
      .features img, .social-icons img {
          width: 100px;
          margin-bottom: 10px;
      }
      .about-section {
          background-color: #f8f9fa;
          padding: 50px 20px;
      }
      .about-section img {
          max-width: 100%;
          height: auto;
      }
      .map-section {
          padding: 50px 20px;
          text-align: center;
      }
      .map-section iframe {
          width: 100%;
          height: 450px;
          border: 0;
      }
      .form-section {
          background-color: #f8f9fa;
          padding: 50px 20px;
      }


      .social-icons {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .social-icons a {
        font-size: 2rem;
        color: #ffffff;
        transition: transform 0.3s ease, color 0.3s ease;
    }

    .social-icons a:hover {
        color: #c7c7c7;
        transform: scale(1.2);
    }

    /* Citação */
    .blockquote {
        font-size: 1.25rem;
        font-style: italic;
        border-left: 4px solid #4A90E2;
        padding-left: 15px;
        color: #333;
    }
    .blockquote-footer {
        font-size: 0.9rem;
        color: #666;
    }

    /* imagem artigo */
    img.rounded-circle {
        width: 200px;
        height: 200px;
        object-fit: cover;
    }
    
    .text-justify {
        text-align: justify;
      }