html {
  scroll-behavior: smooth;
  

}

body{
  background-color: transparent  !important;
  background-image: url(../img/backgrounds/bk-snowflake.jpg) !important;
}


@font-face {
  font-family: "Lobster";
  src: url("../fonts/Lobster-Regular.ttf") format("truetype");
}

.navbar{
    margin-bottom: 0px;
}

/* .navbar .nav {
    position: relative;
    left: 0;
    display: block;
    margin: 0 10px 0 0;
  } */

  .navbar .nav > li {
    /* float: left; */
    margin: 6px 30px;
    
    a{
      font-family: "Lobster", sans-serif;
        font-size: 20px;
        text-shadow: none;
        color:#ffd84b;
        /* text-shadow: 0 0 4px #ffe8a2; */
        /* text-shadow: 3px 1px 3px #24183a, 0px 3px 3px #ffe8a2; */
        /* text-shadow: 2px 1px 3px #f8f8f8, 0px 2px 2px #ffe8a2; */
        /* background-color:#004771; */
        background-color: #172b68;

        border-radius:10px 40px;
        /* box-shadow: 0 0 2px #fff; */
        /* box-shadow: inset 0 0 20px #c9e5fb,1px 0px 6px #443893; */
        /* box-shadow: 0 0 10px #c9e5fb; */
        box-shadow: 0 25px 15px 0 rgba(255, 255, 255, 0.15) inset,
        0 1px 5px 0 rgba(4, 2, 2, 0.2);
        /* font-weight: bold; */
        /* padding: 10px 30px ; */
        padding: 8px 20px;
        transition: .2s;
    }

    a:hover{
      background-color: #dfdfdfcf;
    color: #333333;
    text-decoration: none;
    /* box-shadow: 1px 0px 8px 1px #333; */
    box-shadow: 0 25px 15px 0 rgba(255, 255, 255, 0.75) inset, 0 1px 5px 0 rgba(4, 2, 2, 0.2);
  }
  }
  .logo img{
    position:absolute;
    left: 5%;
    width:8%;
    height:auto;
    top:0;
    z-index:2;

  }

.color-nav{
    width:50%;
    float: inline-end;
  /* border-radius: 0 90px 80px 0; */
  /* box-shadow: 4px 4px 9px #000; */
    /* background: linear-gradient(180deg, rgb(223, 208, 255) 0%, rgb(198, 224, 255) 100%);  */
    /* background: linear-gradient(180deg, rgb(190, 226, 255) 0%, rgb(198, 224, 255) 100%); */
    /* background: linear-gradient(180deg, rgb(175, 252, 198) 0%, rgb(80, 146, 0) 100%); */
    background: linear-gradient(180deg, rgb(175, 252, 198) 0%, rgb(30, 98, 114) 100%);
}
  
.color-nav::before{
    content:'';
  position:absolute;
  top:-36px;
  width:54%;
  height:126px;	
  background: linear-gradient(180deg, rgb(175, 252, 198) 0%, rgb(30, 98, 114) 100%);
  box-shadow: 0 2px 2px black, 0 4px 10px #ffffff;
  border-radius: 0 0 20px 20px / 0 0 30px 30px; 
  transform: perspective(1200px) rotateX(-65deg);
  z-index:-1;
  }

  .wrapper{
     /* position:relative; */
    width:100%; 
    height:100vh; 
    /* height: 100vh; */
    /* min-height: 100%; */
    overflow: hidden;
  }
  .product-title div.call-to-action { text-align: center; }

  .menu_pp{
    position:absolute;
    z-index:20;
    display: flex;
    justify-content: center;
    margin-top:4px;
    width: fit-content !important;
  }

  header {
    z-index: 50;
    /* position: relative; */
    /* position: absolute; */
  width: 100%;
  }

  .navbar_ {
    margin: 0;
    /* position: relative; */
  }
  .navbar_ .container {
    position: relative;
  }
  .nav-collapse_ {
    padding: 0;
    z-index: 10;
    /* float: right; */
    /* margin-top:30px; */
    margin-top: 6px;
  
  }




  .navbar .nav > li{
 
    /* margin: 6px 0px; */
  span{
  
    font-size:14px;
    color:#261d48;
    /* text-shadow: 2px 1px 3px #f8f8f8, 0px 2px 2px #ffe8a2; */
    display: inline-flex;
    align-items: center;
    padding: 10px 0 10px 0 ;
  
  }
}
  .navbar .nav > li:nth-child(2), .navbar .nav > li:nth-child(8)
  {
    margin: 6px 0;
    /* display:none; */
  }


  .navbar .nav > li:nth-child(3) , .navbar .nav > li:nth-child(7)
  {
    margin-top: 6px;
  }

  .navbar .nav > li:nth-child(4) , .navbar .nav > li:nth-child(6)
  {
    margin: 6px 0;
    /* display:none; */
  }

  



  /* .navbar .nav > li:nth-child(4){
    margin: 76px 0;
  } */



  #contact-form .error,
  #contact-form .empty {
    color: #ff9c9c;
    font-size: 14px;
    font-style: italic;
    line-height: 1.27em;
    display: none;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 2px 4px 6px 4px;
    text-transform: none;
    text-shadow: 0 0 2px #ff0404;
  }


  .franja-down{
    position: relative;
    background-repeat:no-repeat;
    margin-top: 0;

    
    /* width:100%;
    height:100%; */
  }

  .navbar .btn-navbar{
    position: absolute;
    margin-left: 60px;
    margin-right:0;
    font-family: "Lobster", sans-serif;
    font-size:24px;
    background-image: none;
  background-color:#172b68;
  color: #ffd84b;
  box-shadow: 0 25px 15px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px 0 rgba(4, 2, 2, 0.2);
  /* border-radius: 12px;   */
  font-weight: normal;
    padding: 14px 30px;
    transition: .2s;
    border-color:transparent;
  }

  .navbar .btn-navbar:hover{
  background-color: #dfdfdfcf;
    color: #333333;
    text-decoration: none;
    box-shadow: 1px 0px 8px 1px #333;
    box-shadow: 0 25px 15px 0 rgba(255, 255, 255, 0.75) inset, 0 1px 5px 0 rgba(4, 2, 2, 0.2);
  }
  .acerca{
    margin-top:40px;
  }

  


  .slogan{
    width:50%;
    margin: 0 5%;
    /* margin:0 auto; */

  }




  header{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background-image: url(../img/backgrounds/splash.jpg);
    background-size: cover;
    /* background-size: 100% 100%; */
    
    z-index:5;
  }

  video{
    position: absolute;
    width:100vw;
    height:100vh;
    opacity: .4;
    top:0;
    left:0;
  }

  .overlay  { 
    background-image: url(../img/franjas.png);
    background-size: 100% 100%;
    width:100%;
    height:100vh;
    
    z-index:-1;
    
  }





#logo-slogan{
  position: absolute;
  display: flex;
  background-color: rgba(205, 205, 205, 0.616);

  /* background: linear-gradient( rgba(209, 210, 218, 0.5), rgba(184, 184, 184, 0.6)); */
  /* background: linear-gradient( rgb(215, 215, 215), rgba(189, 189, 189, 0.78)); */
  background: linear-gradient( rgba(215, 215, 215, 0.78), rgba(189, 189, 189, 0.78));
  /* background: linear-gradient( rgba(209, 210, 218, 0.6), rgba(184, 184, 184, 0.7)); */
  /* background: linear-gradient( rgb(215, 215, 215), rgba(189, 189, 189, 0.78)); */
  box-shadow: inset 4px 4px 12px #ffffff;
  border-radius: 26px 56px;
  /* top:0; */
  z-index: 5;
  /* width:300px; */
  /* height:300px; */
  /* top: 50%;
    left: 30%; */
    top: 57%;
  left: 40%;
  width: 428px;
  transform: translate(-85%, -50%);
  align-items: center;
  /* padding: 30px 24px; */
  padding: 24px 20px;
  gap:10px;

}

.slog{
  padding: 0 10px;
  h1{
    text-align: right;
    color: black;
    text-shadow: 4px 1px 4px #fff;
    text-decoration: none;
    margin:5px 0;
  }
  p{
    color: rgb(0, 0, 0);
    /* text-shadow: 1px 1px 3px #000, 2px 2px 2px #000; */
    /* text-shadow: 1px 1px 1px #000000, 1px 1px 6px #000000, 0px 2px 8px #000000; */
    /* text-shadow: 1px 1px 1px #000000d9, 1px 1px 4px #665959, 0px 2px 10px #646464; */
    /* text-shadow: 1px 1px 1px #fff, 1px 1px 4px #fff, 0px 2px 10px #fff; */
    text-shadow: 1px 1px 1px #fff, 1px 1px 4px #846c6c, 0px 2px 10px #fff;
    /* font-weight: 600; */
    padding: 10px 0 0 4px;
    text-align: justify;
    line-height: 1.6rem;
    margin:0 0 20px 0 ;
    font-size: 18px;;
  }
  }
  
  
  .navbar .nav > li:nth-child(5) 
  {
    margin-top: 0px;
    img{
      
      width:100px;
      height: auto;
    }
  }


  #about-section{
    margin-top:-40px;
  }


  .fa-whatsapp {
    color: #00420a;
    background: linear-gradient(#3bfb91,#3bfb91) 14% 84%/16% 16% no-repeat, radial-gradient(#3bfb91 58%,transparent 0);
  }
  
  #toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    /* bottom: 50px; */
    bottom:10%;
    right: 10px;
    overflow: hidden;
    width: 48px;
    height: 60px;
    border: none;
    text-indent: 100%;
    background: url(../img/move-to-top.png) no-repeat 0px 0px;
    z-index: 30;
  }

/* 
  .fa-whatsapp {
    color: #00420a;
    background: linear-gradient(#3bfb91,#3bfb91) 14% 84%/16% 16% no-repeat, radial-gradient(#3bfb91 58%,transparent 0);
  } */

  #app-whatsapp {
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 28%,#fff 29%, #fff6f6 50%, #fff 72%, rgba(255, 255, 255, 0) 73%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 27%,#fff 28%, #fff6f6 50%, #fff 72%, rgba(255, 255, 255, 0) 73%); */
    font-size: 12px;
    color: #006818;
    /* background-color: white; */
    position: fixed;
    right: 10px;
    bottom: 20%;
    width: 45px;
    z-index: 1000;
    display: block;
  }

  #bandera {
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 28%,#fff 29%, #fff6f6 50%, #fff 72%, rgba(255, 255, 255, 0) 73%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 27%,#fff 28%, #fff6f6 50%, #fff 72%, rgba(255, 255, 255, 0) 73%); */
    font-size: 12px;
    /* color: #006818; */
    /* background-color: white; */
    position: fixed;
    right: 8px;
    top:11%;
    width: 76px;
    z-index: 20;
    display: block;
    /* box-shadow: 0 0 4px 2px white; */
    transition: 1s;
    :hover{
      width:60px;
    }
  }


  hr{
    border:none;
  }

  h1{
    font-size:40px;
    margin:30px 0;
    color:#3a3071;
    text-shadow: 2px 2px 4px #62d3ff;
    text-decoration-line: underline;
      
  }



  .horario {
    display: inline-block;
    width: 80%;
    margin: 0 auto; 
    text-align: left;
    /* vertical-align:middle; */
    p{
      font-style: normal;
    }
  }

footer h1{
  font-size: 40px;
  margin: 30px 0;
  color: #ffe495;
  text-shadow: 2px 2px 4px #000000;
  text-decoration:none;
}


#footer-datos{
  padding-left: 76px;
}



.mobile_visible{
  display:none;
  position: absolute;
  width:200px;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);

}



/* 
h1::before, h1::after{

  content: "";
  border-top: .1rem solid #3a3071;
  display: inline-block;
  width: 4%;
  margin: 10px 2rem;
} */

/* 
  * {
    outline: 1px solid rgba(189, 0, 0, 0.765) !important;
  }
  */