<?php
require_once('config.php');
$light_mode = false;
$small_footer = false;
?>
<!doctype html>
<html lang="en">
  <head>
      <?php 
      // global head tag stylesheet
      /* **************************************** */
      include_once("components/head.php");
      /* **************************************** */
      // global head tag stylesheet
      ?>  

    <!-- CUSTOM CSS VIEW --> 
    <style>
      .franjas {
        background-image: linear-gradient(to right, white 11.1%, red 11.1% 22.2%, white 22.2% 33.3%, 
                    red 33.3% 44.4%, white 44.4% 55.5%, red 55.5% 66.6%, 
                    white 66.6% 77.7%, red 77.7% 88.8%, white 88.8% 100%);
        display: inline-block;
        border: 1px solid #dfdfdf;
        
      }

      h1 > .franjas{
        height: 35px;
        width: 100px;
      }


      h2 > .franjas{
        width: 50px;
        height: 28px;
      }

      @media (max-width: 575px) {
        h1 > .franjas{
          height: 25px !important;
          width: 55px !important;
        }

        #header.fixed-stop {
          max-height: 70px !important;
        }
        #divide-header {
          height: 70px !important;
        }
        #reserver-container {
            margin-top: -380px !important;
            padding-bottom: 15px !important;
        }
      }

      .newdate{
        background: red;
        color: #fff;
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 4px 10px;
        font-weight: bold;
        font-family: 'Anton', sans-serif;
      }

      .newview{
        background: red;
        color: #fff;
        position: relative;
        bottom: 10px;
        left: 10px;
        padding: 2px 8px;
        font-weight: bold;
        width: 100px;
        margin-bottom: -20px;
        margin-top: 10px;
      }

      #reserver-container{
        margin-top: -260px;
  padding-bottom: 85px;
  z-index: 3 !important;
  display: block;
  position: relative;
      }
      .reserva-home{
        padding: 30px;
  background: rgba(0,0,0,0.4);
      }


      aside{
        background: #e3e3e3;
        padding: 50px;
      }

    </style>
    <!-- CUSTOM CSS VIEW END --> 
  </head>

  <body>

    <main role="main" class="main">
    
    <?php 

      // global header menu 
      /* **************************************** */
          require_once("components/header.php");
      /* **************************************** */
      // global header end
    ?> 
    <!-- COMPONENT CAROSULE -->
    <section class="py-5 text-start position-relative overlay-opacity overlay-opacity-scale-4" style="background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(assets/img/header-habitacion.webp);
}">
      <div class="container position-relative">
        <div class="row py-lg-5">
          <div class="col-12 mx-auto mt-5 text-white">
            <h1 class="fw-bold">Escapada Romantica</h1>
            <h3 class="font-secondary text-11"></h3>
            <p class="lead text-light"><i class="bi bi-arrow-bar-left"></i> <a href="<?=WEB?>ofertas.php" class="text-light">Volver</a></p>
            
          </div>
        </div>
        </div>
  </section>
    <!-- COMPONENT CAROSULE END -->



    <div class="container my-5"> 

      <div class="row justify-content-sm-center">
        <div class="col-12 col-sm-8">


        <p class="lead mb-4">Cualquier momento es perfecto para una escapada romántica con la mejor gastronomía en nuestro Restaurante en el corazón de Las Condes.    </p>
        
          

        
          <div class="row justify-content-center align-items-top  mb-4">

          <h5 class="fw-light mb-2">ESTA OFERTA DE HOTEL INCLUYE</h5> 
            <div class="col">

                  <p>Habitación Superior.</p>
                  <p>Cena gastronómica (menú de 3 tiempos con 1 entrada para compartir, 1 plato de fondo por persona, 1 postre para compartir y 2 copas de vino).</p>
                  <p>Vino espumoso de la casa de cortesía en la habitación (a partir de las 18:00 horas)</p>
                  <p>Fitness Center (Gimnasio) y Saunad</p>
                  <p>Desayuno en el Restaurante</p>
                  <p>Salida tardía 14:00 hrs.</p>
                  <p>Estacionamiento (sujeto a disponibilidad).</p>

<small>* Valores para chilenos y residentes en el país se les debe sumar el pago del IVA. (Valor sujeto a tipo de cambio) y para turistas extranjeros exentos de impuesto  </small>
            </div>


            
            
          </div>


          <div class="row justify-content-center align-items-top  mb-4">

          <h5 class="fw-light mb-2">TAMBIÉN OFRECEMOS</h5> 
            <div class="col">

                  <p>Noche adicional consecutiva 10% de descuento sobre tarifa rack.</p>
                  <p>0% de descuento en masajes previa solicitud y sujeto a disponibilidad.  </p>

<small>* Valores para chilenos y residentes en el país se les debe sumar el pago del IVA. (Valor sujeto a tipo de cambio) y para turistas extranjeros exentos de impuesto  </small>
            </div>


            <div class="d-grid mt-5">
							<a href="<?=WEB?>habitaciones" class="btn btn-lg btn-primary mb-0 text-light">RESERVAR AHORA</a>
						</div>
            
          </div>
          
        

     
        
        
        </div>
        <div class="col-12 col-sm-4">
        <img src="assets/img/ofertas-valentin.webp" class="w-100">
        </div>


        

       
       
      
      </div>
    </div>



      <div class=" animation" data-animated="fade-in-down-2s" data-delay="1000" id="reserver-all" style="position: absolute;
  z-index: 99;
  top: 130px;
  right: 20px;background: rgba(0,0,0,.7);
  padding: 20px; width: 180px;">
        <div class="row justify-content-md-center">
          
          <div class="col">
                      <div class="reserva-interior">

                                    <div class="input-group">
                                      <input type="date" class="form-control" placeholder="Desde" aria-label="Desde">
                                      <span class="input-group-text">to</span>
                                      <input type="date" class="form-control" placeholder="Hasta" aria-label="Hasta">
                                    </div>
                                    <button class="btn btn-primary w-100 h-100 pt-2 mt-2" type="submit">Reservar Ahora</button>
                                  </div>
                         
                      </div>
          </div>
        </div>
      </div>





    


 


</main>
    
    <?php 
      /* **************************************** */
      // footer
      require_once("components/footer.php");
      // footer end
      // script js global
      require_once('components/bottom.php');
      //  script js global end
      /* **************************************** */
    ?>        


    <!-- CUSTOM VIEW SCRIPT/LIBRARY END -->
    <script type="module" src="assets/js/views/home.js?<?=date('U')?>"></script>
    <!-- CUSTOM VIEW SCRIPT/LIBRARY END -->
   

    <script>

  

       window.addEventListener('scroll', function() {
          var scrollMessage = document.getElementById('header');
          // Si el desplazamiento vertical es mayor que 0, se ha desplazado hacia abajo.
          if (window.scrollY > 0) {
            scrollMessage.style.background = 'rgba(255,255,255,1)';
          } else {
            scrollMessage.style.background = 'rgba(255,255,255,.6)';
          }
        });
    </script>

  </body>
</html>
