@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
  :root{
    --verde-claro:  #5EB57F !important;
  }

  .verde-claro{
    color:  var(--verde-claro);
  }

  .f-verde-claro{
    background-color: var(--verde-claro);
  }

  body{
    font-family: 'Noto Sans', sans-serif !important;
    font-size: var(--f-16);
  }

  .icones-geral{
    font-size: 16px !important;
  }

  /* ---------- topo ---------- */
    .header-fixo{
      background-color: rgba(0, 0, 0, 0.5);
      transition: 0.4s linear;
    }

    header, .navbar{
      background-color: rgb(0, 0, 0 / 15%);
      /*box-shadow: 1px 0px 9px var(--cor-cinza-900);*/
    }

      header .navbar .navbar-brand .img-logo{
        width: 140px;
        padding: 10px;
      }

      header .navbar .navbar-nav .nav-item .nav-link{
        padding: 10px;
        color: var(--cor-branco);
        font-weight: bold;
      }

        header .navbar .navbar-nav .nav-item .nav-link:hover{
          color: var(--verde-claro) !important;
        }

   /* ---------- botao ---------- */
    .botao-verde, .b-verde{
      background-color: var(--verde-claro); 
      border-radius: 100px !important;
      padding: 15px 30px !important;
      color: var(--cor-branco) !important;
      border: 2px solid var(--verde-claro);
      font-weight: 700 !important;
    }

      .botao-verde:hover, .b-verde:hover{
        background-color: var(--cor-verde) !important; 
        color: #fff !important;
        border:  2px solid var(--cor-verde) !important;
      }

    .b-verde-linha{
      background-color: var(--sem-cor); 
      border-radius: 100px !important;
      padding: 15px 30px !important;
      color: var(--verde-claro) !important;
      border: 2px solid var(--verde-claro);
      font-weight: 700 !important;
    }

      .b-verde-linha:hover{
        background-color: var(--cor-verde) !important; 
        color: #fff !important;
        border:  2px solid var(--cor-verde) !important;
      }

    .b-branco-linha{
      background-color: var(--sem-cor); 
      border-radius: 100px !important;
      padding: 15px 30px !important;
      color: var(--cor-branco) !important;
      border: 2px solid var(--verde-claro);
      font-weight: 700 !important;
    }

      .b-branco-linha:hover{
        background-color: var(--cor-verde) !important; 
        color: #fff !important;
        border:  2px solid var(--cor-verde) !important;
      }

    .s1{
      background-image: url(../img/fundos/principal.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .s2{
      background-image: url(../img/fundos/clinica.png);
      background-size: cover;
      background-position: right;
      background-repeat: no-repeat;
    }


    .s3{
      background-image: url(../img/fundos/redes-sociais.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .s4{
      background-image: url(../img/fundos/olhos.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }


    .servicos-img{
      width: 100px;
      margin:  10px;
    }

    #sup-sup{
      margin-top: -115px;
      padding-top: 200px !important;
    }

    .menu-fix{
      visibility:visible!important;
    }

    /* formulario  */
    #form-copp .form-floating{
         border: 2px solid var(--verde-claro);
    }
    #form-copp .form-floating input,
    #form-copp .form-floating textarea{
      border: 0px;
    }
    #form-copp .form-floating textarea{
      height: 150px;
    }
    #form-copp .form-floating, 
    #form-copp .form-floating input,
    #form-copp .form-floating textarea{
      border-radius: 20px;
      color: var(--verde-claro);
    }

    /* medico  */
    .slide-medico-item {
      border:  2px solid var(--cor-azul-escuro) !important;
      border-radius: 10px;
      box-shadow: 2px 2px 2px #ccc;
      background-color: var(--cor-azul-escuro) !important;
    }

      .slide-medico-item .slide-medicos-img{
        width: 250px !important;
        border-radius: 10px;
      /*  border:  1px solid var(--cor-azul-escuro);*/
        background-color: var(--cor-branco);
        margin: auto;
      }
    

    /* depoimentos  */
    #depoimentos{

    }

    #depoimentos .slide-depoimentos{
      border-radius: 20px;
      margin: 30px;
    }

    #depoimentos .owl-carousel .item{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    } 

      #depoimentos .owl-theme .owl-dots{
        display: none;
      }

      #depoimentos .owl-theme .owl-nav{
        position:absolute;
        top: 0%;
        left:0; 
        right:0;
        z-index:999;}

        #depoimentos .owl-theme .owl-nav .owl-next,
        #depoimentos .owl-theme .owl-nav .owl-prev{
          position:absolute;
          height:auto;
          color:inherit;
          background:0 0;
          border:none;
          z-index:100;
          min-height:60vh;
          margin-top:30px;
        }

          #depoimentos .owl-theme .owl-nav button:focus{
            outline:thin dotted;
            outline:0 auto -webkit-focus-ring-color;
            outline-offset:0;
          }

            #depoimentos .owl-theme .owl-nav .owl-prev{
              -webkit-transition:all .25s ease;
              -moz-transition:all .25s ease;
              -o-transition:all .25s ease;
              -ms-transition:all .25s ease;
              transition:all .25s ease;
              left: 45%;}

              #depoimentos .owl-theme .owl-nav .owl-next{
                -webkit-transition:all .25s ease;
                -moz-transition:all .25s ease;
                -o-transition:all .25s ease;
                -ms-transition:all .25s ease;
                transition:all .25s ease;
                right: 45%;}

  /* medica */
    #medicos .owl-carousel .item{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    } 

      #medicos .owl-theme .owl-dots{
        display: none;
      }

      #medicos .owl-theme .owl-nav{
        position:absolute;
        top: 70%;
        left:0; 
        right:0;
        z-index:99;}

        #medicos .owl-theme .owl-nav .owl-next,
        #medicos .owl-theme .owl-nav .owl-prev{
          position:absolute;
          height:auto;
          color:inherit;
          background:0 0;
          border:none;
          z-index:100;
          min-height:60vh;
          margin-top:30px;
        }

          #medicos .owl-theme .owl-nav button:focus{
            outline:thin dotted;
            outline:0 auto -webkit-focus-ring-color;
            outline-offset:0;
          }

            #medicos .owl-theme .owl-nav .owl-prev{
              -webkit-transition:all .25s ease;
              -moz-transition:all .25s ease;
              -o-transition:all .25s ease;
              -ms-transition:all .25s ease;
              transition:all .25s ease;
              left: 45%;}

              #medicos .owl-theme .owl-nav .owl-next{
                -webkit-transition:all .25s ease;
                -moz-transition:all .25s ease;
                -o-transition:all .25s ease;
                -ms-transition:all .25s ease;
                transition:all .25s ease;
                right: 45%;}

     /* convenios  */
    #slide-convenios .owl-carousel .item{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    } 

      #slide-convenios .owl-theme .owl-dots{
        display: none;
      }

      #slide-convenios .owl-theme .owl-nav{
        position:absolute;
        top: 0%;
        left:0; 
        right:0;
        z-index:9;}

        #slide-convenios .owl-theme .owl-nav .owl-next,
        #slide-convenios .owl-theme .owl-nav .owl-prev{
          position:absolute;
          height:auto;
          color:inherit;
          background:0 0;
          border:none;
          z-index:100;
          min-height:60vh;
          margin-top:30px;
        }

          #slide-convenios .owl-theme .owl-nav button:focus{
            outline:thin dotted;
            outline:0 auto -webkit-focus-ring-color;
            outline-offset:0;
          }

            #slide-convenios .owl-theme .owl-nav .owl-prev{
              -webkit-transition:all .25s ease;
              -moz-transition:all .25s ease;
              -o-transition:all .25s ease;
              -ms-transition:all .25s ease;
              transition:all .25s ease;
              left: 170px;}

              #slide-convenios .owl-theme .owl-nav .owl-next{
                -webkit-transition:all .25s ease;
                -moz-transition:all .25s ease;
                -o-transition:all .25s ease;
                -ms-transition:all .25s ease;
                transition:all .25s ease;
                right: 170px;}

    .botao-borda img{
      border-radius: 5px !important;
      border: 3px solid var(--cor-vermelho);
      padding: 5px;
    }

      .botao-borda:hover img{
        border: 3px solid var(--cor-amarelo);
      }

    .redes-sociais{
      border:  2px solid #fff;
      border-radius: 300px;
    }

    .redes-sociais img{
      width: 60px;
    }

    .atalho-whatsapp-mobile{
      display: none;
    }

    .atalho-whatsapp{
      position: fixed;
      bottom: 50px;
      right: 20px;
      z-index: 999;
    }

      .atalho-whatsapp .botao-atalho{
        width: auto;
        padding:12px;
        background-color: #83CE77;
        border-radius: 100px;
        color:  #fff;
        box-shadow: 1px 0px 9px var(--cor-cinza-300);
      }

      .atalho-whatsapp .botao-atalho:hover{
        padding: 14px;
        transition: all 0.1s linear;
      }

        .atalho-whatsapp .botao-atalho img{
          width: 40px;
          padding:7px;
          background-color: #83CE77;
          border-radius: 100px;
        }


   /* .atalho-whatsapp{
      position: fixed;
      bottom: 25px;
      right: 20px;
      z-index: 999;
    }

      .atalho-whatsapp .botao-atalho img{
        width: 65px;
        padding:8px;
        background-color: #83CE77;
        border-radius: 100px;
      }

        .atalho-whatsapp .botao-atalho:hover img{
          width: 70px;
          transition: all 0.2s linear;
        }

      .atalho-whatsapp .botao-atalho .desc-atalho{
        /*display: none;*
        background-color: #2e496a;
        color: #fff !important;
        border: 0px solid red;
        border-radius:3px;
        padding: 5px;
        font-weight: bold;
        position: absolute;
        right: 73px;
        top: 18px;
        width: 180px;
        text-align: center;
      }
*/
        /*.atalho-whatsapp .botao-atalho:hover .desc-atalho{
          display: block;
          transition: all 0.5s linear;
        }*/

    #topo-quem-somos{
      background: url('../img/fundos/integra.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 450px;
      background-attachment: fixed;
    }

        #nossos-servicos-atalho{
          background: url('../img/fundos/servicos.jpg');
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
        }

        .servicos-item{
          background-size: cover;
          background-position: center;
          background-attachment: fixed;
        }

        .link-servico{
          color:  var(--cor-amarelo-escuro) !important;
        }

        .link-servico:hover{
          color: var(--cor-azul-escuro) !important;
        }

            .s_1{
               background: url('../img/fundos/s_1.jpg');
            }

            .s_2{
               background: url('../img/fundos/s_2.jpg');
            }
            .s_3{
               background: url('../img/fundos/s_3.jpg');
            }
            .s_4{
               background: url('../img/fundos/s_4.jpg');
            }
            .s_5{
               background: url('../img/fundos/s_5.jpg');
            }
            .s_6{
               background: url('../img/fundos/s_6.jpg');
            }
            .s_7{
               background: url('../img/fundos/s_7.jpg');
            }

    #fale-conosco{
     background: url('../img/fundos/servicos.jpg');
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
    }

   /* #numeros{
        background: url('../img/extra/mapa-br.png');
          background-repeat: no-repeat;
          background-size: 450px;
          background-position: right;
    }
*/
    #analise-avaliacao{
      background:   url('../img/fundos/qualidade-avaliacao.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

    }


    /* #body-quem-somos .modal .modal-dialog .modal-content, */
    #body-quem-somos .modal .modal-dialog .modal-content {
      background-color: transparent !important;
    }

    #body-quem-somos .modal .modal-dialog .modal-content .modal-header{
      border: 0px;
    }

    #body-quem-somos .modal .modal-dialog .modal-content .modal-header .btn-close{
      color: #fff;
      background-color: #fff;
    }


    #body-quem-somos .modal .modal-dialog .modal-content .modal-header,
    #body-quem-somos .modal .modal-dialog .modal-content .modal-body{
       background-color: rgba(0, 0, 0, 0.9)  ;
    }

    #body-quem-somos .modal .{
      background-color: var(--cor-cinza-400) 0.15;
    }

    .fundo-item-servicos{
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    footer .nav .nav-link{
      padding: 8px 0px;
      color: var(--cor-branco);
      font-weight: bold;
    }

    footer .nav .nav-link:hover{
      color: var(--verde-claro);
    }

    footer .redes-sociais{
      border:  0px;
    }


    footer .redes-sociais img{
      width: 40px;
    }

    .footer-extra{
      display: none;
    }


/* ######################### config  #########################   */

    .cookies{ position: fixed; bottom: 30px; left: 25px; z-index: 999; max-width: 30%; min-width: 280px; }
    .cookies .alert{border:  1px solid #2897cf !important; margin: 0px !important; padding: 10px !important;}

    .cookies-revela{display: block;}
    .cookies-esconder{display: none;}