Uname: Linux dedi-15171674.espacofacial.com.br 5.14.0-687.36.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Aug 7 05:40:49 EDT 2026 x86_64
Software: Apache
PHP version: 8.2.33 [ PHP INFO ] PHP os: Linux
Server Ip: 172.67.154.186
Your Ip: 216.73.216.57
User: espa7358 (1004) | Group: espa7358 (1003)
Safe Mode: OFF
Disable Function:
NONE

name : toxina-botulinica.html
<html lang="en"><head>
    <!-- Responsive Setting -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Title & Favicon  -->
    <title>Toxina Botulínica (Botox)</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">

    <!-- Fonts & Font-Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/https://spartan.wingsts.com/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&amp;display=swap" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" href="css/procedimentos/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/procedimentos/owl.carousel.min.css">
    <!-- CSS StyleSheets -->
    <link rel="stylesheet" href="css/procedimentos/aos.min.css">
    <link rel="stylesheet" href="css/procedimentos/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css?V4">
    <link rel="stylesheet" href="css/responsive.css?V4">

    <!--ICONE BOOTSRRAP-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">

    <!--CSS ANIMAÇÃO-->
    <link rel="stylesheet" href="css/animate.css" media="all">

    <!--CARROSEL-->
    <link href=" https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css " rel="stylesheet">

   

</head>

<body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" style="" class="">

    <!-- Header -->

    <header class="">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="index.html">
                            <img src="img/logo.png" alt="logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="menu hamburger" data-menu="12">
                                <span class="icon"></span>
                            </span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarNav">
                            <a class="theme-btn d-inline-block d-lg-none text-decoration-none" href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                MAIS TRATAMENTOS
                                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 11.4713V0H0.526055V1.49626H9.44913L0 10.9426L1.05211 12L10.5112 2.54364V11.4713H12Z" fill="#F41E1E"></path>
                                </svg>
                            </a>
                        </div>
                        <div class="header-button-block d-lg-block d-none">
                            <a class="theme-btn text-decoration-none" href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                MAIS TRATAMENTOS
                                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 11.4713V0H0.526055V1.49626H9.44913L0 10.9426L1.05211 12L10.5112 2.54364V11.4713H12Z" fill="#F41E1E"></path>
                                </svg>
                            </a>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>

    <!-- Hero -->

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">

            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="exampleModalLabel">TRATAMENTOS</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3">
                                <a href="toxina-botulinica.html" class="active">
                                    <img src="">
                                    <p>Toxina Botulínica (Botox)</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Preenchimento Facial</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Peeling Químico</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Fios de Sustentação</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Skinbooster</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Bioestimuladores</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Microagulhamento</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Fox Eyes</p>
                                </a>
                            </div>

                            <div class="col-md-3">
                                <a href="#">
                                    <img src="">
                                    <p>Fios DPO</p>
                                </a>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--FIM MODAL-->





    <section class="hero">
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="hero-content">
                        <span data-aos="fade-up" data-aos-duration="800" class="aos-init aos-animate">tratamento
                            <!--<img src="https://spartan.wingsts.com/images/arrows.png" data-aos="fade-right" data-aos-duration="1200" alt="arrow" class="aos-init aos-animate">-->
                        </span>
                        <div class="stroke-text">
                            <h3 data-aos="fade-up" data-aos-duration="900" class="aos-init aos-animate">Toxina <br />Botulínica <br /> <small>(Botox)</small></h3>
                            <h3 data-aos="fade-up" data-aos-duration="900" class="aos-init aos-animate">Toxina <br />Botulínica <br /> <small>(Botox)</small></h3>
                        </div>
                        <!--<h2 data-aos="fade-up" data-aos-duration="800" class="aos-init aos-animate">DISCIPLINE</h2>-->
                        <div data-aos="fade-up" data-aos-duration="800" class="hero-text aos-init aos-animate">
                            <p>A toxina botulínica é uma das principais soluções para suavizar linhas de expressão, com resultados naturais e rápidos. Conheça tudo sobre esse tratamento revolucionário.</p>
                            <a href="#submenu-tratamento" class="theme-btn" type="button">
                                Saiba mais sobre este tratamento
                                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 11.4713V0H0.526055V1.49626H9.44913L0 10.9426L1.05211 12L10.5112 2.54364V11.4713H12Z" fill="#F41E1E"></path>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-xl-6">
                    <div id="comparison">
                      <figure>
                        <div id="divisor"></div>
                      </figure>
                      <input type="range" min="0" max="100" value="50" id="slider" oninput="moveDivisor()">
                    </div>
                </div>

            </div>
        </div>

        <!--<img src="img/Toxina-Botulinica.png" class="hero-person aos-init aos-animate" data-aos="fade-right" data-aos-duration="1400" alt="person">-->
    </section>

    <!-- Introduction -->

    <script type="text/javascript">
        var divisor = document.getElementById("divisor"),
        slider = document.getElementById("slider");
        function moveDivisor() { 
            divisor.style.width = slider.value+"%";
        }
    </script>

    <section class="introduction" id="submenu-tratamento">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="main-title-block">
                        <span data-aos="fade-up" data-aos-duration="900" class="aos-init">Introdução</span>
                        <h2 data-aos="fade-up" data-aos-duration="900" class="aos-init">A toxina botulínica é uma das principais soluções para suavizar linhas de expressão, com resultados naturais e rápidos. Conheça tudo sobre esse tratamento revolucionário.</h2>
                        
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-12 col-lg-4 aos-init aos-animate" data-aos="fade-right" data-aos-duration="900">
                    <button class="btn btn-primary table bg-primary-teme" type="button" data-bs-toggle="collapse" data-bs-target="#collapseUm" aria-expanded="false" aria-controls="collapseUm">Antes e Depois</button>

                    <!--MOBILE-->
                    <div class="collapse collapse-content mob" id="collapseUm">
                        <div class="bg-bege">
                            <p class="destaque">Antes e Depois</p>
                        </div>
                        <div class="card card-body">
                                <div class="col-md-8 m-auto">
                                    <section class="splide mobile" aria-labelledby="carousel-heading">
                                      <div class="splide__track">
                                            <ul class="splide__list">
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-1.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-2.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-3.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-4.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-5.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-6.jpg"> </li>
                                            </ul>
                                      </div>
                                    </section>
                                </div>
                            </div>
                    </div>
                    <!--FIM MOBILE-->



                    <!--MOBILE-->    
                    <button class="btn btn-primary table bg-primary-teme" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDois" aria-expanded="false" aria-controls="collapseDois">O que é o tratamento com toxina botulínica? </button>

                    <div class="collapse collapse-content mob" id="collapseDois">
                        <p class="destaque">O tratamento com toxina botulínica, conhecido como Botox, é um procedimento estético e terapêutico que utiliza uma neurotoxina produzida pela bactéria Clostridium botulinum. Essa toxina age bloqueando a liberação de acetilcolina nos terminais nervosos motores, reduzindo a contração muscular e promovendo relaxamento temporário.</p>
                        <div class="card card-body">
                            <div class="col-md-11 m-auto">
                                <img src="img/toxina-botulinica/O-que-e-o-tratamento-com-toxina-botulinica.jpg" alt="O que é o tratamento com toxina botulínica?">
                            </div>
                        </div>
                    </div>
                    <!--FIM MOBILE-->



                    <button class="btn btn-primary table bg-primary-teme" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTres" aria-expanded="false" aria-controls="collapseTres">Quais os resultados desejados nesse tratamento? </button>

                    <!--MOBILE-->
                    <div class="collapse collapse-content mob" id="collapseTres">
                        <p class="destaque">Os resultados incluem a suavização de rugas e linhas de expressão, proporcionando uma aparência mais jovem e descansada. O tratamento também é utilizado para fins terapêuticos, como no manejo de bruxismo, hiperidrose (suor excessivo) e disfunções da articulação temporomandibular, aliviando dor e desconforto muscular.</p>
                        <div class="card card-body">
                            <div class="col-md-11 m-auto">
                                <img src="img/toxina-botulinica/resultados-desejados.jpg" alt="Quais os resultados desejados nesse tratamento">
                            </div>    
                        </div>
                    </div>
                    <!--FIM MOBILE-->



                    <button class="btn btn-primary table bg-primary-teme" type="button" data-bs-toggle="collapse" data-bs-target="#collapseQuatro" aria-expanded="false" aria-controls="collapseQuatro">Como é realizado o tratamento? </button>

                    <!--MOBILE-->
                    <div class="collapse collapse-content mob" id="collapseQuatro">
                        <p class="destaque">O procedimento é realizado através de injeções intramusculares em pontos estratégicos previamente avaliados pelo profissional. Ele é minimamente invasivo, normalmente sem necessidade de anestesia, embora anestésicos tópicos possam ser aplicados. Os efeitos iniciais aparecem em 24 horas, com resultados máximos em até 15 dias e duração de 3 a 6 meses.</p>
                        <div class="card card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <img src="img/toxina-botulinica/botox-na-testa.jpg">
                                        <p class="info">Profissional de um médico aplicando a toxina na testa de uma paciente</p>
                                    </div>

                                    <div class="col-md-6">
                                        <img src="img/toxina-botulinica/areas-de-Aplicacao.jpg">
                                        <p class="info">Profissional de um médico aplicando a toxina na testa de uma paciente</p>
                                    </div>

                                    <div class="col-md-12 m-auto">
                                        <video width="100%" class="hero-video-bg" autoplay muted loop playsinline>
                                              <source src="video/Como-e-realizado-o-tratamento.webm" type="video/webm">
                                              <source src="video/Como-e-realizado-o-tratamento.mp4" type="video/mp4">
                                              Seu navegador não suporta vídeos.
                                        </video>
                                        <p class="info">Profissional aplicando a toxina.</p>
                                    </div>
                                </div>
                                
                            </div>
                    </div>
                    <!--FIM MOBILE-->



                    <button class="btn btn-primary table bg-primary-teme" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCinco" aria-expanded="false" aria-controls="collapseCinco">Quais são as possíveis adversidades? </button>

                    <!--MOBILE-->
                    <div class="collapse collapse-content mob" id="collapseCinco">
                        <p class="destaque">Embora seguro, o tratamento pode apresentar efeitos colaterais como <strong>hematomas</strong>, <strong>dores locais</strong>, <strong>inchaço</strong>, <strong>assimetria facial temporária</strong>, e, <strong>raramente, reações alérgicas graves</strong>. É essencial que o procedimento seja realizado por profissionais capacitados para minimizar os riscos.</p>

                        <div class="card card-body">
                            
                            
                        </div>
                    </div>
                    <!--FIM MOBILE-->



                    <button class="btn btn-primary table bg-primary-teme" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeis" aria-expanded="false" aria-controls="collapseSeis">Como a toxina botulínica age em nosso corpo? </button>

                    <!--MOBILE-->
                    <div class="collapse collapse-content mob" id="collapseSeis">
                        <p class="destaque">A toxina botulínica atua bloqueando temporariamente a comunicação entre os nervos e os músculos. Ela inibe a liberação de acetilcolina, uma substância que transmite o comando do nervo para que o músculo se contraia. Com isso, o músculo relaxa, reduzindo as rugas e suavizando expressões, além de aliviar tensões musculares em tratamentos terapêuticos.</p>
                        <div class="card card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <img src="img/toxina-botulinica/como-funciona-o-organismo.jpg">
                                    <p class="info">Diagrama 3D mostrando a toxina bloqueando a comunicação entre nervo e músculo.</p>
                                </div>

                                <div class="col-md-6">
                                    <iframe width="100%" height="415" src="https://www.youtube.com/embed/abcELFM2u4c?si=g5Wsp6ul6iK5tjMZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                    <p class="info">Ação da toxina no músculo e o relaxamento das linhas de expressão.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--FIM MOBILE-->



                    <button class="btn btn-primary table bg-primary-teme" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSete" aria-expanded="false" aria-controls="collapseSete">Depoimentos </button>

                    <!--MOBILE-->
                    <div class="collapse collapse-content mob" id="collapseSete">
                        <p class="destaque">Vídeos de clientes satisfeitos com o tratamento</p>
                        <div class="card card-body">
                            <div class="card card-body">
                                <div class="card card-body">
                                    <div class="col-md-10 m-auto mb-4">
                                        <iframe width="100%" height="415" src="https://www.youtube.com/embed/Fkq-aCBX5VM?si=juPQDlP3RsxzDoq0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <p class="info">Satisfação da cliente</p>
                                    </div>

                                    <div class="col-md-10 m-auto mb-4">
                                        <iframe width="100%" height="415" src="https://www.youtube.com/embed/GWTYS76E-kg?si=_lqw4AQV5uj4uQdg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <p class="info">Satisfação da cliente</p>
                                    </div>
                                
                                    <div class="col-md-10 m-auto">
                                        <iframe width="100%" height="415" src="https://www.youtube.com/embed/1hc1TSx2V8c?si=BghL5nMJLveGG-Fm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <p class="info">Satisfação da cliente</p>
                                    </div>
                                 
                                </div>    
                            </div>      
                        </div>
                    </div>
                    <!--FIM MOBILE-->
                </div>






                <!--DESKTOP-->
                <div class="col-md-12 col-lg-8">
                    <div class="row">
                        <!--DESKTOP-->
                        <div class="collapse collapse-content desk" id="collapseUm">
                            <div class="bg-bege">
                                <p class="destaque">Antes e Depois</p>
                            </div>
                            <div class="card card-body">
                                <div class="col-md-8 m-auto">
                                    <section class="splide desktop" aria-labelledby="carousel-heading">
                                      <div class="splide__track">
                                            <ul class="splide__list">
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-1.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-2.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-3.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-4.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-5.jpg"> </li>
                                                <li class="splide__slide"><img src="img/toxina-botulinica/carrosel-6.jpg"> </li>
                                            </ul>
                                      </div>
                                    </section>
                                </div>
                            </div>
                        </div>
                        <!--FIM DESKTOP-->


                        <div class="collapse collapse-content desk" id="collapseDois">
                            <p class="destaque">O tratamento com toxina botulínica, conhecido como Botox, é um procedimento estético e terapêutico que utiliza uma neurotoxina produzida pela bactéria Clostridium botulinum. Essa toxina age bloqueando a liberação de acetilcolina nos terminais nervosos motores, reduzindo a contração muscular e promovendo relaxamento temporário.</p>
                            <div class="card card-body">
                                <div class="col-md-11 m-auto">
                                    <img src="img/toxina-botulinica/O-que-e-o-tratamento-com-toxina-botulinica.jpg" alt="O que é o tratamento com toxina botulínica?">
                                </div>
                            </div>
                        </div>
                        <!--FIM DESKTOP-->


                        <!--DESKTOP-->
                        <div class="collapse collapse-content desk" id="collapseTres">
                            <p class="destaque">Os resultados incluem a suavização de rugas e linhas de expressão, proporcionando uma aparência mais jovem e descansada. O tratamento também é utilizado para fins terapêuticos, como no manejo de bruxismo, hiperidrose (suor excessivo) e disfunções da articulação temporomandibular, aliviando dor e desconforto muscular.</p>
                            <div class="card card-body">
                                <div class="col-md-11 m-auto">
                                    <img src="img/toxina-botulinica/resultados-desejados.jpg" alt="Quais os resultados desejados nesse tratamento">
                                </div>    
                            </div>
                        </div>
                        <!--FIM DESKTOP-->


                        <!--DESKTOP-->
                        <div class="collapse collapse-content desk" id="collapseQuatro">
                            <p class="destaque">O procedimento é realizado através de injeções intramusculares em pontos estratégicos previamente avaliados pelo profissional. Ele é minimamente invasivo, normalmente sem necessidade de anestesia, embora anestésicos tópicos possam ser aplicados. Os efeitos iniciais aparecem em 24 horas, com resultados máximos em até 15 dias e duração de 3 a 6 meses.</p>
                            <div class="card card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <img src="img/toxina-botulinica/botox-na-testa.jpg">
                                        <p class="info">Profissional de um médico aplicando a toxina na testa de uma paciente</p>
                                    </div>

                                    <div class="col-md-6">
                                        <img src="img/toxina-botulinica/areas-de-Aplicacao.jpg">
                                        <p class="info">Profissional de um médico aplicando a toxina na testa de uma paciente</p>
                                    </div>

                                    <div class="col-md-12 m-auto">
                                        <video width="100%" class="hero-video-bg" autoplay muted loop playsinline>
                                              <source src="video/Como-e-realizado-o-tratamento.webm" type="video/webm">
                                              <source src="video/Como-e-realizado-o-tratamento.mp4" type="video/mp4">
                                              Seu navegador não suporta vídeos.
                                        </video>
                                        <p class="info">Profissional aplicando a toxina.</p>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <!--FIM DESKTOP-->


                        <!--DESKTOP-->
                        <div class="collapse collapse-content desk" id="collapseCinco">
                            <p class="destaque">Embora seguro, o tratamento pode apresentar efeitos colaterais como <strong>hematomas</strong>, <strong>dores locais</strong>, <strong>inchaço</strong>, <strong>assimetria facial temporária</strong>, e, <strong>raramente, reações alérgicas graves</strong>. É essencial que o procedimento seja realizado por profissionais capacitados para minimizar os riscos.</p>

                            <div class="card card-body">
                                
                                
                            </div>
                        </div>
                        <!--FIM DESKTOP-->


                        <!--DESKTOP-->
                        <div class="collapse collapse-content desk" id="collapseSeis">
                            <p class="destaque">A toxina botulínica atua bloqueando temporariamente a comunicação entre os nervos e os músculos. Ela inibe a liberação de acetilcolina, uma substância que transmite o comando do nervo para que o músculo se contraia. Com isso, o músculo relaxa, reduzindo as rugas e suavizando expressões, além de aliviar tensões musculares em tratamentos terapêuticos.</p>
                            <div class="card card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <img src="img/toxina-botulinica/como-funciona-o-organismo.jpg">
                                        <p class="info">Diagrama 3D mostrando a toxina bloqueando a comunicação entre nervo e músculo.</p>
                                    </div>

                                    <div class="col-md-6">
                                        <iframe width="100%" height="415" src="https://www.youtube.com/embed/abcELFM2u4c?si=g5Wsp6ul6iK5tjMZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <p class="info">Ação da toxina no músculo e o relaxamento das linhas de expressão.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--FIM DESKTOP-->


                        <!--DESKTOP-->
                        <div class="collapse collapse-content desk" id="collapseSete">
                            <p class="destaque">Vídeos de clientes satisfeitos com o tratamento</p>
                            <div class="card card-body">
                                <div class="card card-body">
                                    <div class="col-md-10 m-auto mb-4">
                                        <iframe width="100%" height="415" src="https://www.youtube.com/embed/Fkq-aCBX5VM?si=juPQDlP3RsxzDoq0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <p class="info">Satisfação da cliente</p>
                                    </div>

                                    <div class="col-md-10 m-auto mb-4">
                                        <iframe width="100%" height="415" src="https://www.youtube.com/embed/GWTYS76E-kg?si=_lqw4AQV5uj4uQdg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <p class="info">Satisfação da cliente</p>
                                    </div>
                                
                                    <div class="col-md-10 m-auto">
                                        <iframe width="100%" height="415" src="https://www.youtube.com/embed/1hc1TSx2V8c?si=BghL5nMJLveGG-Fm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <p class="info">Satisfação da cliente</p>
                                    </div>
                                 
                                </div>    
                            </div>
                        </div>

                               

    

    
                            </div>
                        </div>
                        
                        
                    </div>
                </div>
            </div>
        </div>
    </section>

   

    <!-- Footer -->

    <footer>
        
    

    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="copyright-content">
                        <p>Copyright <strong>Espaço facial</strong> 2022 - Todos os direitos Reservados<br />
Desenvolvido pela: <a class="link" href="https://andradesweb.com.br/" target="_blank"> <strong>Andrades Web</strong></a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

</footer>
    <!-- Modal -->
    <div class="modal fade video-modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header d-none">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-0">
                    <iframe src="https://www.youtube.com/embed/yAoLSRbwxL8" title="Dummy Video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
                </div>
                <div class="modal-footer d-none">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>

    <!--CSS ANIMAÇÃO WOW ANIMATE-->
    <script src="js/wow.min.js"></script>
    <script src="js/animacao.js"></script>

    <!--COLLAPSES-->
    <script>
        // Adiciona evento para fechar outros collapses
        document.querySelectorAll('[data-bs-toggle="collapse"]').forEach(button => {
        button.addEventListener('click', () => {
        const target = button.getAttribute('data-bs-target');
            document.querySelectorAll('.collapse').forEach(collapse => {
                if (collapse.id !== target.replace('#', '') && collapse.classList.contains('show')) {
                    // Fecha todos os outros collapses
                    new bootstrap.Collapse(collapse, { toggle: true });
                }
                });
            });
        });
    </script>

    <script>
        // Gerenciar a classe "active" no botão selecionado
        document.querySelectorAll('[data-bs-toggle="collapse"]').forEach(button => {
            button.addEventListener('click', () => {
                // Remove a classe "active" de todos os botões
                document.querySelectorAll('.btn').forEach(btn => btn.classList.remove('active'));

                // Adiciona a classe "active" ao botão atual, se o colapso for aberto
                const target = button.getAttribute('data-bs-target');
                const collapseElement = document.querySelector(target);
                if (!collapseElement.classList.contains('show')) {
                    button.classList.add('active');
                }
            });
        });
    </script>

    <!--TIME LINE-->
    <script type="text/javascript">
      (function () {
          "use strict";

          // define variables
          var items = document.querySelectorAll(".timeline li");

          // check if an element is in viewport
          // http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
          function isElementInViewport(el) {
            var rect = el.getBoundingClientRect();
            return (
              rect.top >= 0 &&
              rect.left >= 0 &&
              rect.bottom <=
                (window.innerHeight || document.documentElement.clientHeight) &&
              rect.right <= (window.innerWidth || document.documentElement.clientWidth)
            );
          }

          function callbackFunc() {
            for (var i = 0; i < items.length; i++) {
              if (isElementInViewport(items[i])) {
                items[i].classList.add("in-view");
              }
            }
          }

          // listen for events
          window.addEventListener("load", callbackFunc);
          window.addEventListener("resize", callbackFunc);
          window.addEventListener("scroll", callbackFunc);
        })();
    </script>

    <script src="js/procedimentos/jquery-3.6.2.min.js"></script>
    <script src="js/procedimentos/popper.min.js"></script>
    <script src="js/procedimentos/bootstrap.min.js"></script>
    <script src="js/procedimentos/owl.carousel.min.js"></script>
    <script src="js/procedimentos/custom.js"></script>
    <script src="js/procedimentos/aos.min.js"></script>

    <!---CARROSSEL-->
    <script src=" https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js "></script>
    <script>
      window.addEventListener("DOMContentLoaded",function(){
        var splide = new Splide( '.splide.mobile', {
            type      : 'loop',
            pagination     : false,
            autoplay: true,
         });
        splide.mount();
    });
    </script>

    <script>
      window.addEventListener("DOMContentLoaded",function(){
        var splide = new Splide( '.splide.desktop', {
            type      : 'loop',
            pagination     : false,
            autoplay: true,
         });
        splide.mount();
    });
    </script>

    
</body></html>
© 2026 UnknownSec