<?php include("includes/inc_top.php") ?>
<!DOCTYPE html>
<html class="wide wow-animation" lang="es">
  <head>

  <?php
  $modulo = 'head';
  include("includes/inc_varios.php");
  ?>
  <script src='https://www.google.com/recaptcha/api.js'></script>

  </head>
  <body>
    <div class="preloader loaded">
      <div class="preloader-body">
        <div class="cssload-container">
          <div class="cssload-speeding-wheel"></div>
        </div>
        <p>Loading...</p>
      </div>
    </div>
    <div class="page">
      <!-- Page Header-->
      <header class="section page-header">
        <!-- RD Navbar-->
        <div class="rd-navbar-wrap">
          <nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="50px" data-xl-stick-up-offset="50px" data-xxl-stick-up-offset="50px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
            <div class="rd-navbar-main-outer">
              <div class="rd-navbar-main">
                <!-- RD Navbar Panel-->
                <div class="rd-navbar-panel">
                  <!-- RD Navbar Toggle-->
                  <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
                  <!-- RD Navbar Brand-->
                  <div class="rd-navbar-brand"><a class="brand" href="/"><img class="brand-logo-light" src="images/logo.png" alt="<?php echo(parametro('title'))?>"  height="28"/></a></div>
                </div>
                <div class="rd-navbar-nav-wrap">
                  <!-- RD Navbar Nav-->
                  <ul class="rd-navbar-nav">
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#aboutLink">Dra. Seleme</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#services">Deep Plane</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#cita">Coordina tu cita</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#faqs">Preguntas frecuentes</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#contacts">Contacto</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </header>
      <!-- hero header-->
      <!-- Video-->
        <?php
        $imagen3a = explode('.',$institucional9['documento3']);
        ?>
      <section class="vide_bg video-bg-overlay" <?php if($institucional9['documento4'] != ''){?>data-vide-bg="imagenes/contenidos/<?php echo($institucional9['documento4'])?><?php /*video/Keep_Running*/?><?php } else {?>data-vide-bg="imagenes/contenidos/<?php echo($imagen3a[0])?><?php } ?>" data-vide-options="posterType: jpg">

        <div class="section-xxl context-dark text-center">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-12 overflow-hidden">
                <!--
                <div class="group-md">
                  <p class="subtitle wow fadeInDown" data-wow-delay="800ms">movies</p>
                  <p class="subtitle wow fadeInDown" data-wow-delay="800ms">animations</p>
                  <p class="subtitle wow fadeInDown" data-wow-delay="800ms">videos</p>
                </div>
                <-->
                <h1><span class="wow fadeInUp" data-wow-delay="200ms"><?php echo($institucional9['titulo'])?></span></h1>
                <h6 class="wow fadeInUp fw-medium" data-wow-delay="800ms"><?php echo($institucional9['titulo2'])?></h6>
                <div class="group-sm"><a class="button button-primary button-nina fadeInUp wow" data-wow-delay="800ms" href="#" data-custom-scroll-to="services">¿Por qué Deep Plane?</a><a class="button button-default-outline button-icon button-icon-right fadeInUp wow" style="line-height: 20px;" data-wow-delay="800ms" href="#" data-bs-toggle="modal" data-bs-target="#modalvideo"><span class="icon mdi mdi-play"></span>🎬 La Dra. te explica<br class="d-block d-md-none">el procedimiento</a></div>
              </div>
            </div>
          </div>
        </div>
      </section>

        <div id="aboutLink" class="pt-5"></div>
      <section class="section bg-default text-start section-lg" id="about" data-type="anchor">
        <div class="container">
          <div class="row row-50 flex-md-row-reverse justify-content-between align-items-center">
            <div class="col-md-6">
              <div class="pe-xl-5">
                <h4 class="fw-bold verde-oliva"><?php echo($institucional1['titulo'])?></h4>
                <div class="divider divider-sm"></div>
                <p class="heading-5 fw-light fst-italicI gris-piedra"><?php echo($institucional1['titulo2'])?></p>
                  <?php
                  $desc = str_ireplace('<p>', '<p class="gris-piedra">', $institucional1['descripcion']);
                  echo($desc)?>

                  <a class="button button-primary bp2 button-ninax" href="https://www.gseleme.com.ar" target="_blank">Ir a GSeleme.com.ar</a>
                  <?php /*
                  <!--
                <ul class="list-marked-2">
                  <li>Every project I work on is built on details and combines unique approach with modern technologies.</li>
                  <li>I strive for the highest quality and perfection while maintaining affordable pricing for all my services.</li>
                </ul>
                -->
                */?>
              </div>
            </div>
            <div class="col-md-5 col-xl-5">
              <figure class="about-decoration about-decoration-mod-1"><img src="imagenes/contenidos/<?php echo($institucional1['documento1'])?>" alt="<?php echo($institucional1['titulo'])?>" width="442" height="403"/>
              </figure>
            </div>
          </div>
        </div>
      </section>
     
      <!-- process-->
      <section class="section section-md bg-hueso-suave text-center" id="services" data-type="anchor">
        <div class="container">
          <p class="subtitle"><span><?php echo($institucional2['titulo'])?></span></p>
          <h2><?php echo($institucional2['titulo2'])?></h2>
            <?php echo($institucional2['descripcion'])?>
          <div class="row row-30 justify-content-center">

          <?php
          $icon1 = 'magic-wand';
          $icon2 = 'clock';
          $icon3 = 'users';
          for ($x = 1; $x <= 3; $x++) {?>
            <div class="col-md-6 col-xl-4">
              <div class="box-process bg-white">
                <div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-<?php echo(${"icon".$x})?>"></span>
                  <h5 style="z-index: 1"><?php echo(${"institucionalconfig2"}['valor_tit'.$x])?></h5>
                </div>
                <div class="box-process-body gris-piedra text-justify">
                    <?php echo(${"institucionalconfig2"}['valor_desc'.$x])?>
                  <ul class="list-marked">
                    <?php
                    $desc = explode("\r",${"institucionalconfig2"}['valor_descul'.$x]);
                    ?>
                    <?php foreach ($desc as $valor){?>
                    <li><?php echo($valor)?></li>

                    <?php } ?>
                  </ul>
                </div>
              </div>
            </div>
           <?php } ?>

              <?php foreach ($prensa as $valor){
                  $valor_config = json_decode( $valor['configuracion'] , true);
                  ?>
              <div class="col-md-12 col-xl-12">
                  <div class="box-process bg-white">
                      <h5><?php echo($valor['titulo'])?></h5>
                      <p><?php echo($valor['titulo2'])?><br><br>
                          <a class="button button-primary bp2 button-ninax" href="<?php echo($valor_config['link'])?>" target="_blank"><?php echo($valor_config['CTA'])?></a>
                      </p>
                  </div>
              </div>
              <?php } ?>


            <div class="col-12 text-center">
                <a class="button button-primary bp2 button-nina" href="#faqs">Preguntas Frecuentes</a>
            </div>
          </div>
        </div>
      </section>
      <!--cta-->
      <section class="section parallax-container context-dark" data-parallax-img="imagenes/contenidos/<?php echo($institucional3['documento1'])?>" id="cita">
        <div class="parallax-content section-md">
          <div class="container section-cta text-center">
            <div class="row justify-content-center">
              <div class="col-lg-8 col-xl-6">
                <p class="subtitle"><?php echo($institucional3['titulo'])?></p>
                <h2><?php echo($institucional3['titulo2'])?></h2>
                  <?php echo($institucional3['descripcion'])?>
                  <a class="button button-primary button-nina" href="#" data-bs-toggle="modal" data-bs-target="#appointment">Agenda ahora</a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--portfolio-->
      <section class="section section-md bg-default text-center" id="portfolio" data-type="anchor">
        <div class="container">
          <p class="subtitle"><span><?php echo($institucional4['titulo'])?></span></p>
          <h2><?php echo($institucional4['titulo2'])?></h2>
          <div class="isotope-wrap">

            <?php /*
            <ul class="list-nav isotope-filters-responsive">
              <li>
                <p>Choose your category:</p>
              </li>
              <li class="block-top-level">
                <button class="isotope-filters-toggle button button-sm button-primary" data-custom-toggle="#isotope-1" data-custom-toggle-hide-on-blur="true">Filter<span class="caret"></span></button>
                <div class="isotope-filters" id="isotope-1">
                  <ul class="inline-list">
                    <li><a class="active" data-isotope-filter="*" data-isotope-group="gallery" href="#">All</a></li>
                    <li><a data-isotope-filter="Category 1" data-isotope-group="gallery" href="#">videography</a></li>
                    <li><a data-isotope-filter="Category 2" data-isotope-group="gallery" href="#">photography</a></li>
                    <li><a data-isotope-filter="Category 3" data-isotope-group="gallery" href="#">editing</a></li>
                  </ul>
                </div>
              </li>
            </ul>
            */?>
            <div class="isotope row row-30 mt-5" data-isotope-layout="fitRows" data-isotope-group="gallery">

              <?php
              $contarum = 0;
              foreach ($archivoscontenidos4 as $valor){
                  $contarum = $contarum + 1;
                  ?>
              <div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 1">
                  <a class="box-portfolio" data-lightgallery="item" href="imagenes/archivos/<?php echo($valor['archivo'])?>">
                  <figure>
                      <img src="imagenes/archivos/<?php echo($valor['archivo'])?>" alt="<?php echo($valor['titulo'])?>">
                  </figure>
                  <div class="caption">
                    <h5 class="portfolio-title"><?php echo($valor['titulo'])?></h5>
                    <p class="portfolio-subtitle"><?php echo($valor['descripcion'])?></p>
                  </div></a>
              </div>
                    <?php if($contarum == 4){?>
                        <div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 1">
                            <div class="portfolio-centered" style="min-height: 280px; ">
                                <h5><span class="fw-normal">Tu Cita</span>
                                </h5><a class="button button-default-outline button-nina" href="#" data-bs-toggle="modal" data-bs-target="#appointment">Agenda ahora</a>
                            </div>
                        </div>
                    <?php } ?>

              <?php } ?>


            </div>
          </div>
            <div class="col-12 text-center my-5">
                <a class="button button-primary bp2 button-nina" href="#faqs">Preguntas Frecuentes</a>
            </div>
        </div>
      </section>


        <section class="section section-md context-dark bg-image text-center" id="projects" data-type="anchor" style="background-image: url(images//pattern-bg.jpg)">
            <div class="container">
                <p class="subtitle"><?php echo($institucional6['titulo'])?></p>
                <h2><?php echo($institucional6['titulo2'])?></h2>
            </div>
            <!-- Owl Carousel-->
            <div class="owl-carousel carousel-project" data-items="1" data-md-items="1" data-dots="true" data-nav="true" data-stage-padding="15" data-md-stage-padding="150" data-xl-stage-padding="200" data-xxl-stage-padding="350" data-loop="true" data-autoplay="true" data-center="true" data-margin="30" data-xl-margin="0" data-xxl-margin="0" data-mouse-drag="false" data-nav-text="[&quot;anterior&quot;, &quot;siguiente&quot;]">

                <?php foreach ($archivoscontenidos6 as $valor){?>
                    <div class="box-project">
                        <div class="box-project-image"><img src="imagenes/archivos/<?php echo($valor['archivo'])?>" alt="" width="632" height="375"/>
                        </div>
                        <div class="box-project-body">
                            <div class="box-project-inner">
                                <h5 class="box-project-title" style="color: #CBB994"><?php echo($valor['titulo'])?></h5>
                                <div class="box-project-subtitle"><?php echo($valor['descripcion'])?></div>
                            </div>
                            <?php /*
              <div class="box-project-social"><span class="icon icon-lg linearicons-share2" data-project-toggle></span>
                <ul class="list-inline-sm box-project-icon-list">
                  <li><a class="icon-sm mdi mdi-facebook novi-icon icon" href="#"></a></li>
                  <li><a class="icon-sm mdi mdi-twitter novi-icon icon" href="#"></a></li>
                  <li><a class="icon-sm mdi mdi-google-plus novi-icon icon" href="#"></a></li>
                  <li><a class="icon-sm mdi mdi-vimeo novi-icon icon" href="#"></a></li>
                  <li><a class="icon-sm mdi mdi-youtube-play novi-icon icon" href="#"></a></li>
                  <li><a class="icon-sm mdi mdi-pinterest novi-icon icon" href="#"></a></li>
                </ul>
              </div>
              */?>
                        </div>
                    </div>

                <?php } ?>

            </div>
        </section>


      <!-- Services-->
      <section class="section section-md bg-hueso-suave">
        <div class="container">
          <div class="row row-50 justify-content-center services-container">
            <div class="col-12">
              <div class="box-strategy gris-piedra">
                <div class="box-strategy-inner box-strategy-title">
                  <h2><?php echo($institucional5['titulo'])?></h2>
                </div>
                <?php /*
                <div class="box-strategy-inner box-strategy-body">
                  <p>Every video I work on undergoes three different stages that <br class="d-none d-xl-inline-block"> make the final experience of the video a lot more enjoyable.</p><a class="button button-primary-outline button-icon button-icon-right" href="#" data-bs-toggle="modal" data-bs-target="#appointment">free consultation</a>
                </div>
                */?>
              </div>
              <hr>
            </div>

              <?php
              $icon1 = 'calendar-full';
              $icon2 = 'checkmark-circle';
              $icon3 = 'heart';
              for ($x = 1; $x <= 3; $x++) {?>

            <div class="col-sm-6 col-lg-4">
              <div class="box-service">
                <div class="box-service-heading"><span class="icon icon-circle icon-primary icon-md icon-effect-7 linearicons-<?php echo(${"icon".$x})?>"></span>
                  <h5 style="z-index: 1"><?php echo(${"institucionalconfig5"}['valor_tit'.$x])?></h5>
                </div>
                <div class="box-service-body">
                    <?php echo(${"institucionalconfig5"}['valor_desc'.$x])?>
                </div>
              </div>
            </div>

            <?php } ?>

        </div>
      </section>
      <!--testimonials-->
      <section class="section section-md"  data-type="anchor" id="faqs">
        <div class="container">
          <h2>Resolvemos tus dudas</h2>
            
        <div class="row">
            <div class="col-12">
           
                <div class="accordion mt-3" >

  <?php
  $contarum = 0;
  foreach (${"preguntas-frecuentes"} as $valor){
      $contarum = $contarum + 1;
      ?>
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading<?php echo($valor['id'])?>">
      <button class="accordion-button <?php if($contarum != 1){?>collapsed<?php } ?>" type="button" data-bs-toggle="collapse" data-bs-target="#collapse<?php echo($valor['id'])?>" aria-expanded="<?php if($contarum != 1){?>false<?php } else {?>true<?php } ?>" aria-controls="collapse<?php echo($valor['id'])?>">
        <?php echo($valor['titulo'])?>
      </button>
    </h2>
    <div id="collapse<?php echo($valor['id'])?>" class="accordion-collapse collapse <?php if($contarum != 1){?>collapsed<?php } else {?>show<?php } ?>" aria-labelledby="heading<?php echo($valor['id'])?>" data-bs-parent="#faqs">
      <div class="accordion-body">
          <?php echo($valor['descripcion'])?>
      </div>
    </div>
  </div>

  <?php } ?>

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

      <!--subscribe-->
      <section class="section parallax-container context-dark" id="newsletter" data-parallax-img="imagenes/contenidos/<?php echo($institucional7['documento1'])?>">
        <div class="parallax-content section-md">
          <div class="container text-center">
            <div class="row justify-content-center">
              <div class="col-lg-8 col-xl-6">
                <p class="subtitle"><?php echo($institucional7['titulo'])?></p>

                <?php if($envio == 2){?>
                    <h2>Muchas gracias. Muy pronto recibirás nuestras noticias</h2>
                <?php } else {?>
                <h2><?php echo($institucional7['titulo2'])?></h2>
                  <?php echo($institucional7['descripcion'])?>

                <!-- RD Mailform-->
                <form class="rd-formx rd-mailformx rd-form-inlinex" data-form-outputx="form-output-global" data-form-typex="subscribe" method="post" action="home#newsletter">
                  <div class="form-wrapx">
                    <input class="form-input" id="subscribe-form-0-email" required type="email" name="emailsus" style="background-color: #F0F0EA; color: #5E5E5E" data-constraints="@Email @Required"/>
                    <label class="form-label" for="subscribe-form-0-email" style="color:#5E5E5E">Tu email</label>
                  </div>
                  <div class="form-button">
                    <button class="button button-primary button-nina" type="submit">Suscribirme</button>
                  </div>
                </form>

                <?php } ?>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--contact-->
      <section class="section section-md bg-default" id="contacts" data-type="anchor">
        <div class="container text-center">

            <?php if($envio == 1){?>
                <h2>¡Muchas gracias! Muy pronto nos contactaremos. </h2>
            <?php } else {?>

          <p class="subtitle"><span><?php echo($institucional8['titulo'])?></span></p>
          <h2><?php echo($institucional8['titulo2'])?><?php /*Agenda tu consulta personalizada<br class="d-none d-md-block"> con la Dra. Seleme */?></h2>
            <?php echo($institucional8['descripcion'])?>

          <!-- RD Mailform-->
          <form class="rd-form rd-mailformx" data-form-output="form-output-global" data-form-type="contact" method="post" action="home#contacts">
            <div class="row row-20">
              <div class="col-md-3">
                <div class="form-wrap form-wrap-icon input--nao">
                  <input class="form-input input__field--nao" id="contact-name" required type="text" name="name" data-constraints="@Required">
                  <label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name">Tu nombre</label>
                  <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                    <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                  </svg>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-wrap form-wrap-icon input--nao">
                  <input class="form-input input__field--nao" id="contact-email" required type="email" name="email" data-constraints="@Email @Required">
                  <label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email">Tu e-mail</label>
                  <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                    <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                  </svg>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-wrap form-wrap-icon input--nao">
                  <input class="form-input input__field--nao" id="contact-phone" required type="text" name="phone" data-constraints="@Numeric">
                  <label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone">Tu teléfono</label>
                  <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                    <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                  </svg>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-wrap form-wrap-icon input--nao">
                  <input class="form-input input__field--nao" id="profesion" required type="text" name="profesion">
                  <label class="form-label input__label--nao mdi mdi-account-outline" for="profesion">Tu profesión</label>
                  <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                    <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                  </svg>
                </div>
              </div>
              <div class="col-12">
                <div class="form-wrap form-wrap-icon input--nao">
                  <textarea class="form-input input__field--nao" id="contact-message" required name="message" data-constraints="@Required"></textarea>
                  <label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message">Tu mensaje</label>
                  <svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
                    <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                  </svg>
                </div>
              </div>
                <div class="col-12 my-2">
                    <div class="g-recaptcha" data-theme="" data-sitekey="6LeVx-YUAAAAABPJWGbOaN5tmcXh2Oujk5OkbY0k"></div>
                </div>
              <div class="col-12 text-center form-button">
                <p> La Clínica Seleme Medical Beauty se encuentra en Palermo -  Ciudad autónoma de Buenos Aires.</p>
                <button class="button button-primary button-nina" type="submit">Enviar</button>
              </div>
            </div>
          </form>
          <?php } ?>
        </div>
      </section>

        <section>
            <?php echo(parametro('google_maps'))?>
        </section>
        
      <!-- Page Footer-->
      <footer class="section footer-classic text-white" style="background-color: #5E5E5E">
        <div class="container">
          <div class="row row-30">
            <div class="col-md-4 col-xl-5">
              <div class="pe-xl-4"><a class="brand" href="index.html">
                  <img class="brand-logo-light" src="images/logo-white.png" style="height: 100px" alt=""/></a>
                <?php echo(parametro('texto_pie'))?>
                <!-- Rights-->
                <p class="rights"><span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span>Seleme</span><span>&nbsp;</span></p>
              </div>
            </div>
            <div class="col-md-4">
              <h5 class="text-white">Contacto</h5>
              <dl class="contact-list mt-4">
                <dt>Dirección:</dt>
                <dd><?php echo(parametro('direccion'))?></dd>
              </dl>
              <dl class="contact-list my-4">
                <dt>email:</dt>
                <dd><a href="mailto:<?php echo(parametro('email'))?>"><?php echo(parametro('email'))?></a></dd>
              </dl>
              <dl class="contact-list my-4">
                <dt>Whatsapp:</dt>
                <dd><a href="https://web.whatsapp.com/send?phone=549<?php echo(preg_replace('/\D/', '',parametro('whatsapp')))?>&text="><?php echo(parametro('whatsapp'))?></a>
                </dd>
              </dl>
                 <dl class="contact-list my-4">
                <dt>Horario de atención</dt>
                <dd><?php echo(parametro('horario'))?></dd>
              </dl>
            </div>
            <div class="col-md-4 col-xl-3">
              <h5 class="text-white">Links</h5>
              <ul class="nav-list">
                <li><a href="#about">Dra. Seleme</a></li>
                <li><a href="#services">Deep Plane</a></li>
                <li><a href="#cita">Coordina tu cita</a></li>
                <li><a href="#faqs">Preguntas frecuentes</a></li>
                <li><a href="#contacts">Contacto</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="row g-0 social-container" style="margin-top: 0px; text-align: right">
            <div style="float:right">
                Powered by <a href="https://ebeyondagency.com/" target="_blank"><img src="images/ebeyond.webp" style="height: 20px; margin-right: 10px;"></a>
            </div>
        </div>
        <div class="row g-0 social-container">
          <div class="col"><a class="social-inner" href="<?php echo(parametro('facebook'))?>" target="_blank"><span class="icon mdi mdi-facebook"></span><span>Facebook</span></a></div>
          <div class="col"><a class="social-inner" href="<?php echo(parametro('instagram'))?>" target="_blank"><span class="icon mdi mdi-instagram"></span><span>instagram</span></a></div>
        </div>
      </footer>
      <div class="modal fade" id="appointment" role="dialog">
        <div class="modal-dialog modal-dialog_custom">
          <!-- Modal content-->
          <div class="modal-dialog__inner">
            <button class="close" type="button" data-bs-dismiss="modal"></button>
            <div class="modal-dialog__content">
              <h4>Agenda tu cita</h4>
              <!-- RD Mailform-->
              <form class="rd-form rd-mailformx" data-form-output="form-output-globalx" data-form-type="contact" method="post" action="home#contacts">
                <div class="row row-20">
                  <div class="col-12">
                    <div class="form-wrap form-wrap-icon input--nao">
                      <input class="form-input input__field--nao" id="contact-name-modal" required type="text" name="name" data-constraints="@Required">
                      <label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name-modal">Tu nombre</label>
                      <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                      </svg>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="form-wrap form-wrap-icon input--nao">
                      <input class="form-input input__field--nao" id="contact-email-modal" required type="email" name="email" data-constraints="@Email @Required">
                      <label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email-modal">Tu email</label>
                      <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                      </svg>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="form-wrap form-wrap-icon input--nao">
                      <input class="form-input input__field--nao" id="contact-phone-modal" required type="text" name="phone" data-constraints="@Numeric">
                      <label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone-modal">Tu teléfono</label>
                      <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                      </svg>
                    </div>
                  </div>

                  <div class="col-12">
                    <div class="form-wrap form-wrap-icon input--nao">
                      <input class="form-input input__field--nao" id="contact-profesion-modal" required type="text" name="profesion">
                      <label class="form-label mdi mdi-account-outline input__label--nao" for="contact-profesion-modal">Tu profesión</label>
                      <svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                      </svg>
                    </div>
                  </div>

                  <div class="col-12">
                    <div class="form-wrap form-wrap-icon input--nao">
                      <textarea class="form-input input__field--nao" id="contact-message-modal" required name="message" data-constraints="@Required"></textarea>
                      <label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message-modal">Contanos si queres que te gustaría mejorar</label>
                      <svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                      </svg>
                    </div>
                  </div>
                <div class="col-12 my-2">
                    <div class="g-recaptcha" data-theme="" data-sitekey="6LeVx-YUAAAAABPJWGbOaN5tmcXh2Oujk5OkbY0k"></div>
                </div>

                  <div class="col-12 text-center form-button">
                    <p>La Clínica Seleme Medical Beauty se encuentra en Palermo -  Ciudad autónoma de Buenos Aires.</p>
                    <button class="button button-primary button-nina" type="submit">Enviar</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>

      <div class="modal fade" id="modalvideo" role="dialog">
        <div class="modal-dialog modal-dialog_custom modal-dialog_custom-details">
          <!-- Modal content-->
          <div class="modal-dialog__inner">
            <button class="close" type="button" data-bs-dismiss="modal"></button>
            <div class="modal-dialog__content">
              <div class="modal-dialog__content-inner"> 
                <?php /*
                <div class="ratio ratio-16x9">
                  <iframe class="ratio-item" id="video" width="560" height="315" src="https://www.youtube.com/embed/-AhmuMqZB0s" allowfullscreen></iframe>
                </div>
                */?>
                  <div class="embed-responsive embed-responsive-16by9">
                         <video class="embed-responsive-item" controls="" poster="imagenes/contenidos/<?php echo($institucional9['documento1'])?>">
                            <source src="imagenes/contenidos/<?php echo($institucional9['documento2'])?>" type="video/mp4">
                            Tu navegador no soporta la etiqueta de video.
                        </video>
                        </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <?php
        $modulo = 'footer';
        include("includes/inc_varios.php");
    ?>

  </body>
</html>