@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html, body{font-family: "Roboto", sans-serif; overflow-x: hidden !important; }



#topo{background-color: #ece4e8; padding: 20px 0;}
.navabar{padding: 25px 0px 36px;}
.navbar-brand img{width: 180px;}
.navbar-light .navbar-nav .nav-link{color: #1e2326 ; text-transform: uppercase; font-size: 15px; font-weight: 500;}
.nav-link::after {content: "";position: absolute;top: 30px;left: 0;bottom: 0;width: 0%;height: 36px; background-color: #d7cfd3; transition: width 0.3s ease;}
.nav-link:hover::after {width: 100%;}
.navbar-light .navbar-nav .nav-link:hover{color: #424344;}
.icones-redes{position: absolute; display: flex; right: 20px; top: 20px; gap: 10px; }
.icones-redes h4{color: #1e2326; font-size: 1.2rem; margin: 0; }
.icones-redes img{width: 25px;}
.navbar-collapse{margin-top: 75px;}
.numero-tel{text-align: right;}
.numero-tel p{font-size: 12px;}



.banner-mobile{display: none; }

.carousel-control-next, .carousel-control-prev{opacity: 1; z-index:3;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 30px; height: 30px;}
.carousel-control-prev {left: 100px;}
.carousel-control-next {right: 100px;}
.carousel-control-prev-icon{background-image: url("..//img/seta-01.svg");}
.carousel-control-next-icon{background-image: url("..//img/seta-02.svg");}
.descricao-banner {position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 2;}
.descricao-banner .container {padding: 20px;display: flex;flex-direction: column;align-items: flex-start; gap: 10px; }
.descricao-banner h1, .descricao-banner h2 {color: #fff;text-transform: uppercase;display: inline-block;margin: 0; }
.descricao-banner h1{background-color: #007922; font-weight: bold; padding: 0px 20px;}
.descricao-banner h2{background-color: #d1080e; padding: 5px 20px;}
.descricao-banner h2:nth-of-type(2) {margin-top: -7px;}
.descricao-banner .btn{margin-top: 60px;}


#tratamento{ padding: 30px 0;}
#tratamento .linha{margin-top: -10px;}
.linha img{width: 242px; height: 4px;}
.texto-depoimento{color: #313131;}
.texto-depoimento h1{font-weight: 200; text-transform: uppercase; font-size: 2rem; }
.texto-depoimento h2{font-weight: 200; text-transform: uppercase; font-size: 2rem; padding-bottom: 30px;}
.texto-depoimento p{padding-bottom: 30px;}
.btn{background-color: #232323; border-radius: 0; color: #fff; padding: .375rem 1.5rem; text-transform: uppercase;}
.btn:hover{background-color: #4e4e4e; color: #fff;}
.video-ep h1{color: #fff; font-family: 'Astrid'; padding-bottom: 20px;}
.video{padding-bottom: 30px;}
.video img{width: 100%;}
.box-video {box-shadow: 0px 0px 0px #000;
overflow: hidden;max-width: 100%;}
.video-container {position: relative;width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

.texto-sobre h1{font-weight: 400; color: #007922; text-transform: uppercase; font-size: 1.8rem; padding-bottom: 10px;}

#produtos{background-color: #f2f2f2; padding-bottom: 00px;}

#cases{padding: 30px 0;}
#cases h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 300; color: #007922; padding-bottom: 20px;}
#cases a{text-decoration: none;}
#cases .item .imgTitle img{width: 100%;}
#cases .item >h2{text-transform:capitalize; color: #00283b;}
#cases .descricao h3{color: #979797;}
.lancamento h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 300; color: #00283b; font-size: 35px; margin: 0; }
.lancamento p{font-family: 'Roboto', sans-serif; color: #979797; font-size: 25px; font-weight: 300;}
.item-texto{ padding-top: 10px; margin-bottom: 20px;}
.item-texto h2{font-family: 'Roboto', sans-serif; color: #00283b; font-size: 15px;}
.descricao-2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 15px 0;
}

.descricao-2 .text{
    flex: 1;
    min-width: 0; /* essencial para quebrar linha corretamente */
}

.descricao-2 h2{
    font-size: 16px;
    margin: 0;
    color: #313131;
    word-break: break-word;
}

.descricao-2 p{
    margin: 5px 0 0;
}

.btn-a{
    width: 30px;
    height: 30px;
    background-color: #1f1f1f;
    color: #fff;
    text-align: center;
    line-height: 30px;
    transition: all 0.5s;
    flex-shrink: 0; /* impede o botão de encolher */
}

.btn-a:hover{
    background-color: #636363;
}
.topo-titulo{padding-top: 20px; margin: 0; color: #2d2d2d;}
.btn-a span{display: flex;align-items: center;justify-content: center;font-size: 20px;padding-right: 0px; font-weight: lighter;}
.imgTitle {transition: all 0.5s ease-in-out;}
.imgTitle {position: relative;display: inline-block;}
.imgOverlay {position: relative; border-bottom: 8px solid #979797;}
.imgOverlay::before{content: "";position: absolute;inset: 0;  background: rgba(0,0,0,0.55); opacity: 0;  transition: opacity .35s ease;pointer-events: none; }
.imagens:hover .foto:not(:hover) .imgOverlay::before {opacity: 1; }
.foto:hover .imgOverlay::before {opacity: 0;}
.imgOverlay img {display: block;width: 100%;height: auto; vertical-align: middle ; transition: transform .35s ease; }
.foto:focus-within .imgOverlay::before,
.foto:focus .imgOverlay::before {opacity: 0;}
.imgTitle:hover::before {opacity: 1;}

#sobre{background-color: #ede5e9; padding: 30px 0;}
.fotos-galeria{margin-bottom: 30px;}


.stats{background-color: #ede5e9; text-align: center; padding: 50px 0; } 
.stats .row{align-items: center;}
.stats img{width: 70px;}
.sobre-numeros{color: #1a1a1a; padding: 20px 0;}
.sobre-numeros p,
.sobre-numeros h1,
.sobre-numeros h2 {margin: 0;line-height: 1;}
.sobre-numeros P{ font-size: 13;}
.sobre-numeros h1{color: #1a1a1a;}
.sobre-numeros h2{font-weight: 500;}


#endolaser{background-image: url("../img/fundo-endolaser.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 90px; color: #323232;}
#endolaser h1{font-weight: 300; margin: 0; color: #ede5e9; width: 555px;}
#endolaser p{font-size: 2rem; font-weight: bold; color: #ede5e9; width: 555px;}
#endolaser p span{color: #b4b4a7;}
.btn-endolaser{background-color: #ede5e9; color: #181818; padding: .375rem 0.5rem; }
.btn-endolaser:hover{background-color: #4e4e4e; filter: invert(100%); transition: all .5s; color: #181818;} 

#comparativo{padding: 30px 0;}
#comparativo h2 {font-size: 15px;margin-bottom: 10px;}
.imagens {display: flex;justify-content: center;}
.foto {width: 290px;height: auto;}
.foto img {width: 100%;height: 450px; object-fit: cover; display: block;}
.foto img:hover{background-color: #97979775;}
.foto .imgOverlay{border: none;}
.foto p {margin-top: 6px;font-size: 0.9rem;color: #555;font-weight: 600; line-height: 1.2; text-align: left;}
.imagens .foto:nth-of-type(2) p {text-align: right; float: right;}


#maps iframe{width: 100%; height: 450px; border:0;}


/* Sobre */
.banner-sobre{margin-bottom: 20px;}
.banner-sobre img{width: 100%; border-bottom: 3px solid #000;}
.texto-sobre-pg{padding-top: 20px;}
.texto-sobre-pg h1{font-weight: 400; color: #007922; text-transform: uppercase; font-size: 1.8rem; margin: 0;}
#sobre-pg{padding: 30px 0;}
.galeria-fotos .col-lg-2{flex: 0 0 20%; max-width: 20%;}
.galeria-fotos .col-lg-2 img{border-bottom: 3px solid #000;}
/* ===== Modal ===== */
.modal {display: none;position: fixed;z-index: 9999;inset: 0; background-color: rgba(0,0,0,0.9);justify-content: center;align-items: center;flex-direction: column;}
.modal-conteudo {max-width: 80%;max-height: 80vh;border-radius: 8px;box-shadow: 0 0 20px rgba(0,0,0,0.6);transition: 0.3s ease;}
.fechar {position: absolute;top: 20px;right: 30px;color: #fff;font-size: 35px;font-weight: bold;cursor: pointer;transition: 0.3s;}
.fechar:hover { color: #d02c35; }
.anterior, .proximo {cursor: pointer;position: absolute;top: 50%;color: #fff;font-size: 40px;font-weight: bold;padding: 16px;margin-top: -22px;transition: 0.3s;user-select: none;}
.anterior { left: 20px; }
.proximo { right: 20px; }
.anterior:hover, .proximo:hover { color: #d02c35; }
/* Tratamentos */
#tratamentos{padding: 30px 0;}
/* Tratamentos Detalhes */
.tratamentos-detalhe{padding: 30px 0;}
.header-tratamento {display: flex;justify-content: space-between;align-items: center;}
.btn-voltar {background-color: #000;color: #fff;border: none;padding: 8px 18px;font-size: 14px;cursor: pointer;}
.btn-voltar:hover {background-color: #333;}
.conteudo-tratamento {display: flex;gap: 40px;align-items: flex-start;}
.imagem-tratamento img {width: 400px;object-fit: cover; border-bottom: 8px solid #000;}
.texto-tratamento {flex: 1;}
.texto-tratamento h3 {font-size: 28px;margin-bottom: 15px;color: #222;}
.texto-tratamento p { font-size: 16px;
line-height: 1.6;margin-bottom: 15px;color: #444;}
.box-medico {position: relative; display: flex;align-items: center;margin-top: 30px;}
.img-medico{position: absolute; width: 150px; margin-top: -12px;}
.texto-medico {display: flex;flex-direction: column;gap: 2px; padding-top: 30px;}
.texto-medico .frase {background-color: #000;width: 270px;text-align: right;padding: 5px;font-weight: bold;font-size: 15px;color: #fff;margin: 0;}
.btn-agendar {background-color: #000;color: #fff;text-decoration: none;width: 415px; padding: 5px; text-align: right; font-size: 15px;font-weight: 600; text-decoration: none;}
.btn-agendar img{width: 20px; margin-right: 5px;}
.btn-agendar:hover {background-color: #383838; color: #fff; text-decoration: none;}
.btn-secundario {background-color: #000;width: 260px;text-align: right;padding: 5px;font-weight: bold;font-size: 15px;color: #fff;margin: 0;}
.btn-secundario:hover {background-color: #383838;color: #fff; text-decoration: none;}
/* Antes e Depois */
#antesedepois{padding: 30px 0;}
.btn-section{padding:20px 0;}
.btn-procedimento{background-color: #000; color: #fff; border-radius: 0;}
#antesedepois .comparativo::after {content: ""; display: block; width: 100%; height: 3px; background-color: #d7cfd3; margin: 20px 0;}
#antesedepois .item::after {content: ""; display: block; width: 100%; height: 3px; background-color: #d7cfd3; margin: 20px 0;}
#antesedepois h3{font-size: 15px;}
#antesedepois .col-lg-6{padding-top: 20px 10px;}
.btn-comparativo{color: #fff !important; border-radius: 0;}
.comparativo-card{background-image: url("..//img/fundo-comparativo.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
.comparativo-card .row{align-items: center;}
.comparativo-card h1{font-weight: 300; margin: 0; color: #ede5e9; padding-bottom: 30px;}
.comparativo-card p{font-size: 2rem; font-weight: bold; color: #ede5e9; width: 555px;}
.btn-endolaser{background-color: #ede5e9; color: #181818; padding: .375rem 0.5rem; }
.btn-endolaser:hover{background-color: #4e4e4e; filter: invert(100%); transition: all .5s;} 
.medico img{width: 100%; margin-top: -25px;}
/* Agendamento */
#agendamento{padding-top: 30px;}
.form-row{align-items: end;}
.form-control{border-radius: 0; border: none; border-left: 7px solid #000; background-color: #d9d9d9;}
input.form-control {padding: 1.380rem .75rem;}
.btn-agendamento{border-radius: 0 !important; background-color: #000 !important; color: #fff !important; padding: .6rem .75rem;}
.btn-agendamento:hover{background-color: #4e4e4e !important; color: #fff !important;}
.paciente{margin-bottom: -27px;}
.agendar-whats{position: absolute;top: 215px;left: 0;right: 0;}
.btn-saiba {background-color: #000 !important;color: #fff !important; margin-top: 30px; border-radius: 20px;}
/* Contato */
.endereco{text-align: center;}
.endereco img{width: 35px;}
.endereco p{display: flex;flex-direction: column;align-items: center;}
.endereco p:nth-of-type(1){font-size: 1.5rem;}
.btn-contato{float: right; background-color: #213949; color: #fff; border-radius: 0;     padding: 20px 35px;font-size: 1.3rem;font-weight: 400;}
.btn-contato:hover{background-color: #476274;}

/* Produtos */
.sobre-produtos{padding-top: 30px;}
.img-produtos{margin-bottom: 20px;}
.img-produtos img{width: 100%;}
.texto-produto{border-bottom: 2px solid #007922 ; margin-bottom: 20px;}
.texto-produto h1{font-weight: 300; padding-bottom: 10px;}
.texto-produto p{font-size: 14px; font-weight: 400; margin-bottom: 10px;}
/* Parceiros */
.parceiros-img {display: flex;align-items: center;justify-content: center;height: 120px; padding: 10px; margin: 25px 0;
border: 1px solid transparent;}
.parceiros-img img {max-height: 100%;max-width: 100%;object-fit: contain;display: block;margin: 0 0 30px 0; padding: 0;}
/* Contatos */
/*:::::: Contatos ::::::*/
#contatos{padding: 30px 0;}
#contatos label{font-family: 'Roboto', sans-serif; color: #646464; padding: 20px 0 0px 0; font-size: 20px; margin: 0;}
#contatos input{background-color: #e0e0e0; border-radius: 0px; border-left: 5px solid #000;}
#contatos .form-control{background-color: #e0e0e0; border-radius: 0px; border-left: 5px solid #000;}
#contatos button{ background-color: #000; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; border-radius: 0px; margin-top: 20px;}
#contatos-direto{ padding-left:7% ; padding-top: 50px;}
#contatos-direto a{text-decoration: none;}
#contatos-direto h1{padding-top: 40px; padding-bottom: 30px;}
#contatos-direto h3{font-family: 'Roboto', sans-serif; font-size: 25px; color: #6d6868; font-weight: 300;}
#contatos-direto h3:hover{color: #1a6e81;}
#contatos-direto h3 img{width: 14%; padding-right: 10px;}
.email{cursor: pointer;}
#contatos-direto p{font-family: 'Roboto', sans-serif; color: #4c4b4b; font-size: 16px; font-weight: 300; margin: 0; padding: 10px 0 10px 0; text-align: justify;}
#contatos-direto p:hover{color: #1a6e81;}
#contatos-direto p img{padding-right: 10px; width: 12%;}
.endereco-container a{display: flex; align-items: center; justify-content: center;}
.endereco-container img{width: 15%; padding-left: 5px; padding-right: 15px;}
.barra2{width: 230px; height: 3px; background-color: #f5f5f5; margin-top: 20px;}
.barra3{width: 230px; height: 3px; background-color: #f5f5f5; }
.maps iframe{width: 100%; height: 330px; padding-top: 20px; padding-bottom: 50px; }
input[type="file"] {font-family: 'Roboto', sans-serif; padding: 0.375rem 0.75rem;}

.footer-contatos{background-color: #ede5e9; padding: 50px 0; margin-top: -7px;}
.logo-center{display: flex; align-items: center; }
.footer-contatos h2{font-size: 1.75rem; color: #1e2326; text-transform: uppercase;}
.logo-rodape{width: 100%;}
.logo-rodape img{width: 80%;}
.menu-site{padding-left: 25px;}
.mapa-site {padding-top: 20px;}
.mapa-site ul{padding: 0; list-style: none; color: #fff;}
.mapa-site ul li a{color: #777674;}
.menu1{padding-left: 50px;}
.contato{color: #fff; padding-top: 20px;}
.contato h3{color: #44474a; margin: 0;}
.contato span{color: #44474a; font-weight: 500;}
.contato p{color: #777674; font-size: 15px; margin-bottom: 5px;}
.social{padding-top: 95px;}
.social a{text-decoration: none;}
.social a img{width: 30px;}

footer {background-color: #1c1c1c; padding: 20px 0;}
footer .row{align-items: center;}
#direitos p{margin: 0; color: #fff;}
#logo-as{text-align: right;}
#logo-as a img{width: 15%;}

@media (max-width: 1024px) {
    .texto-depoimento h1{font-size: 1.4rem;}
    .texto-depoimento p{font-size: 13px;}
    .imagem-ceo img{width: 100%;}
    .texto-sobre p{font-size: 13px}
    .banner-desktop{display: none;}
    .banner-mobile{display: block; }
    .carousel-control-prev {left: 0px;}
    .carousel-control-next {right: 0px;}
    .order-2{order: 2;}
    .order-1{order: 1;}
    #numeros .col-lg-3{width: 50%;}
    .texto-sobre-pg{text-align: center;}
    
}

@media (max-width: 990px) {
    .texto-depoimento {text-align: center;}
    .texto-depoimento h1{font-size: 2rem;}
    .texto-depoimento p{font-size: 16px;}
    .btn{margin-bottom: 20px;}
    .texto-sobre{text-align: center;}
    .imagem-ceo img{width: 100%;}
    .texto-sobre p{font-size: 16px}
    #cases{text-align: center;}
    #lavoura{text-align: center;}
    .footer-contatos{text-align: center;}
    .logo-rodape{width: 60%; margin:  0 auto;}
    .social {padding-top: 20px;}
    footer {text-align: center;}
    #logo-as{text-align: center; }
    .navbar-collapse {position: absolute;top: 90px;right: 0px;width: 200px;background: #000; z-index: 10; margin-top: 0;}
    .navbar-light .navbar-nav .nav-link{color: #fff ;}
    .navbar-light .navbar-nav .nav-link:hover{color: #777777;}
    .nav-item{padding: 0 10px;}
    .descricao-2{margin-bottom: 20px;}
    .btn-a{margin: 0 auto; bottom: 0; float: none;}
    .menu1{padding-left: 10px;}
    #endolaser {text-align: center; padding: 30px 10px;}
    #endolaser h1{width: auto;}
    #endolaser p{width: auto;}
    .galeria-fotos .col-lg-2 {flex: 0 0 50%;max-width: 50%; padding-bottom: 20px;}
    #tratamentos .item{text-align: center;}
    .medico img {width: 100%;margin-top: 20px;}
    .comparativo-card{text-align: center; padding-top: 20px;}
    .comparativo-card p{width: auto;} 
    .paciente {margin-bottom: 0px;}
    .btn-contato{float: none;}
    #contatos{text-align: center;}
    .conteudo-tratamento{flex-direction: column-reverse; align-items: center;}
}

   


@media (max-width: 768px) {
    .icones-redes{position: relative; top: 5px; right: -45px; }
    .numero-tel{display: none;}
    .navbar-brand img{width: 80px;}
    button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
    #sementes .row .col-lg-2 {flex: 0 0 50%;max-width: 50%;}
    #contatos-direto{padding-left: 20px;}
    .icone-r{position: relative; left: 80px;}
}

@media (max-width: 500px) {
    .icones-redes { right: -10px;}
}