@import url("https://fonts.googleapis.com/css2?family=Poppins: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&display=swap");





@font-face {

  font-family: 'myFirstFont';

  src: url('bBigerOver.otf');

}

html, body {

  font-family: 'myFirstFont'; 

  overflow-x: hidden;

  color: #5c5c5c;

  font-size: 12px; }

  @media (min-width: 425px) {

    html, body {

      font-size: 14px; } }

  @media (min-width: 768px) {

    html, body {

      font-size: 16px; } }

  @media (min-width: 1200px) {

    html, body {

      font-size: 19px; } }

p{
  font-family: 'Poppins', sans-serif; 
}

.bold {

  font-weight: bold !important; }

.semi-bold{

  font-weight: 600!important;

}

.text-yellow {

  color: #606060 !important; }
  .yellow{
    color: #C92D43;
  }

.btn-reservas img{
  width: 155%;
transition: all .3s ease-in-out;
}
.btn-reservas:hover img{
transform: scale(1.1);
}
.content-title {

  display: flex;

  position: relative;
}

  @media (min-width: 992px) {

    .content-title {

      justify-content: start; } }

  .content-title img {
    left: -57px;
    width: 3rem;

    height: 3rem;

    margin-right: 0.5rem; }



.title {

  font-family: 'myFirstFont';

  font-size: 2rem!important;
  font-weight: 300!important;

  color: white;

  text-align: center; }

  h1,h2,h3,h4,h5{

    font-family: 'myFirstFont';

  }

  .title-slider, .col-plato .title{

    font-family: 'Poppins', sans-serif; 

  }


  .redes-blue img,.redes-yellow img{
    max-width: 30px;
    margin-right: 10px;
    transition:.3s ease;
  }
  .redes-blue img:hover,.redes-yellow img:hover{
    transform:scale(1.1);
  }
.redes-blue {

  text-decoration: none; }

  .redes-blue .fa-stack {

    font-size: 1.2rem; }

    .redes-blue .fa-stack .icon-bg {

      color: #C92D43;

      

      transition: all 0.3s; }

    .redes-blue .fa-stack .icon-red {

      color: #ffffff;

      transition: all 0.3s; }

  .redes-blue:hover .icon-bg {

    color: #ffffff; }

  .redes-blue:hover .icon-red {

    color: #C92D43; }



.redes-yellow {

  text-decoration: none; }

  .redes-yellow .fa-stack {

    font-size: 1.2rem; }

    .redes-yellow .fa-stack .icon-bg {

      color: #C92D43;

      transform: rotate(45deg);

      transition: all 0.3s; }

    .redes-yellow .fa-stack .icon-red {

      color: #ffffff;

      transition: all 0.3s; }

  .redes-yellow:hover .icon-bg {

    color: #ffffff; }

  .redes-yellow:hover .icon-red {

    color: #C92D43; }



#navbar {

  display: none;

  position: fixed;

  top: 0;

  width: 100vw;

  z-index: 1030;

  transition: all 0.3s; }

  @media (min-width: 1200px) {

    #navbar {

      display: block; } }

  #navbar .navbar {

    background-color: transparent;

    transition: all 0.3s; }

    @media (max-width: 1199.98px) {

      #navbar .navbar {

        max-width: 100%; } }

    #navbar .navbar a {

      font-weight: 400;

      font-size: .7rem; }

    #navbar .navbar .navbar-brand {

      padding-top: 5px;

      padding-bottom: 5px;

      margin: 0 auto; }

      #navbar.down .navbar .navbar-brand .logo-navbar {

        height: 80px; }

        

             #navbar .navbar .navbar-brand .logo-navbar {

        height: 200px;

        transition:all.3s ease-in-out;} 

    #navbar .navbar .navbar-nav {

      width: 40%; }

      #navbar .navbar .navbar-nav.navbar-nav-left {

        justify-content: flex-end; }

      #navbar .navbar .navbar-nav.navbar-nav-center {

        width: 20%;

        justify-content: center; }

      #navbar .navbar .navbar-nav.navbar-nav-right {

        justify-content: flex-start; }

      #navbar .navbar .navbar-nav .nav-item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0rem;

        padding-right: 0rem;

        width: 33.33%; }

        @media (min-width: 1400px) {

        }

        #navbar .navbar .navbar-nav .nav-item .nav-link {

            font-family: 'myFirstFont';

          color: #ffffff;

          font-weight: 600;

          border-bottom: 2px solid transparent;

          text-align: center; }

          #navbar .navbar .navbar-nav .nav-item .nav-link.active:before {

            left: 0;

            right: 0;

            background: #C92D43; }

        #navbar .navbar .navbar-nav .nav-item:hover .nav-link:before {

          background: #C92D43; }



#navbar-mobile {
  transition: all .3s ease-in-out;
  background-color: #C92D43;

  position: fixed;

  top: 0;

  display: flex;

  align-items: center;

  width: 100%;

  height: fit-content;

  z-index: 1030; }

  @media (min-width: 1200px) {

    #navbar-mobile {

      display: none; } }

  #navbar-mobile .menu {

    display: flex;

    justify-content: center;

    align-items: center; }
    #navbar-mobile .nav-item{
  display: flex;
    align-items: center;
    justify-content: center;
}
    #navbar-mobile .menu > div:nth-child(1) {

      width: 30%; }
      #navbar-mobile .menu > div:nth-child(2) {

        width: 40%; }
        #navbar-mobile .menu > div:nth-child(3) {

          width: 30%; }

   
    
         #navbar-mobile .menu .img-logo {
          transition: all .3s ease-in-out;
          height: auto;
          width: 100%;
          max-width: 220px;
          
          }
          #navbar-mobile.down .menu .img-logo {
          transform:none;
            height: auto;
            width: 120px;
            }
    #navbar-mobile .menu .btn-menu {

      background: transparent;

      border: none; }

      #navbar-mobile .menu .btn-menu img {

        height: 20px; }

  #navbar-mobile .menu-open {

    position: fixed;

    top: 0;

    left: -100%;

    width: 70%;

    background-color: #C92D43;

    height: 100%;

    overflow-y: auto;

    padding: 1rem 1rem 3rem 1rem;

    z-index: 1030;

    transition: all .7s; }

    #navbar-mobile .menu-open .icon-close {

      text-align: end; }

      #navbar-mobile .menu-open .icon-close img {

        width: 35px; }

    #navbar-mobile .menu-open .contenedor-menu {

      margin-top: 5rem; }

      #navbar-mobile .menu-open .contenedor-menu .title-menu {

        font-size: 3rem;

        color: #ffffff;

        font-weight: bold;

        text-align: center; }

      #navbar-mobile .menu-open .contenedor-menu .list-menu {

        padding-left: 0;

        list-style: none; }

        #navbar-mobile .menu-open .contenedor-menu .list-menu li {

          border-bottom: 1px solid #e2cdcd;

          padding: 1rem; }

          #navbar-mobile .menu-open .contenedor-menu .list-menu li:nth-child(1) {

            border-top: none; }

          #navbar-mobile .menu-open .contenedor-menu .list-menu li a {

            text-decoration: none;

            color: #ffffff;

            font-weight: 500;

            font-size: 1.3rem; }

     

          #navbar-mobile .menu-open .contenedor-menu .list-menu li .notificacion {

            display: inline-block;

            font-size: 1rem;

            font-weight: 700;

            line-height: 1;

            color: #ffffff;

            text-align: center;

            white-space: nowrap;

            vertical-align: baseline;

            border-radius: 50%;

            background-color: #C92D43;

            padding: .6rem .8rem;

            margin-left: .8rem; }

      #navbar-mobile .menu-open .contenedor-menu .redes-menu ul {

        display: flex;

        justify-content: center;

        list-style: none;

        padding: 0; }

        #navbar-mobile .menu-open .contenedor-menu .redes-menu ul li {

          padding: 0 1rem; }

          #navbar-mobile .menu-open .contenedor-menu .redes-menu ul li a img {

            width: 3rem; }



.btn-rounded {

  border-radius: 50px;

  line-height: 1.75; }



.btn-custom {

  font-size: .8rem; }

  .btn-blue-white {

    padding-left: 2rem;

    padding-right: 2rem;

    color: #ffffff;

    font-size: 1.6em;

      letter-spacing: 0.1em;

      font-weight: 500;

    background: #C92D43;

    border: none;

    transition: all 0.3s; }

    .btn-blue-white:hover {

      color: #C92D43;

      box-shadow: 0 0 1px 1px #C92D43; }

    .btn-blue-white:before {

      background: #ffffff;

      border-radius: 50px; }

    .btn-blue-white:focus {

      box-shadow: 0 0 1px 1px #C92D43;

      color: #C92D43; }



.btn-yellow-white {
  font-family: 'Poppins', sans-serif!important;
  padding-left: 2rem;

  padding-right: 2rem;

  color: #ffffff;

  font-weight: 300;

  background: #C92D43;

  border: none;

  transition: all 0.3s; }

  .btn-yellow-white:hover {

    color: #C92D43;

    box-shadow: 0 0 1px 1px #C92D43; }

  .btn-yellow-white:before {

    background: #ffffff;

    border-radius: 50px; }

  .btn-yellow-white:focus {

    box-shadow: 0 0 1px 1px #C92D43;

    color: #C92D43; }



.btn-black-white {

  padding-left: 2rem;

  padding-right: 2rem;

  color: #ffffff;

  font-weight: bold;

  background: #5c5c5c;

  border: none;

  transition: all 0.3s; }

  .btn-black-white:hover {

    color: black;

    box-shadow: 0 0 1px 1px black; }

  .btn-black-white:before {

    background: #ffffff;

    border-radius: 50px; }

  .btn-black-white:focus {

    box-shadow: 0 0 1px 1px black;

    color: black; }



.btn-combos {

  min-width: 100%;

  max-width: 100%;

  padding-left: 1rem;

  padding-right: 1rem;

  color: #ffffff;

  font-weight: bold;

  background: linear-gradient(to right, white 0%, white 5%, #00a9dc 53%, white 95%, white 100%);

  border: none;

  transition: all 0.3s; }

  @media (min-width: 768px) {

    .btn-combos {

      min-width: 85%; } }

  @media (min-width: 1024px) {

    .btn-combos {

      min-width: 100%; } }

  @media (min-width: 1200px) {

    .btn-combos {

      min-width: 80%; } }

  .btn-combos:hover {

    color: #ffffff;

    background: linear-gradient(to right, white 0%, white 5%, #ffbf53 53%, white 95%, white 100%); }

  .btn-combos.active {

    background: linear-gradient(to right, white 0%, white 5%, #ffbf53 53%, white 95%, white 100%); }



.btn-center-out {

  transform: perspective(1px) translateZ(0);

  overflow: hidden; }



.btn-center-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  transform: scale(0);

  transition-property: transform;

  transition-duration: 0.3s; }



.btn-center-out:hover:before,

.btn-center-out:focus:before,

.btn-center-out:active:before {

  transform: scale(1.15); }



.btn-underline-from-center {

  display: inline-block;

  vertical-align: middle;

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden; }



.btn-underline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 51%;

  right: 51%;

  bottom: 0;

  height: 2px;

  transition-property: left, right;

  transition-duration: 0.3s;

  transition-timing-function: ease-out; }



.btn-underline-from-center:hover:before,

.btn-underline-from-center:active:before {

  left: 0;

  right: 0; }



.section-footer1 {

  background-color: #ffffff;

  padding-top: 3rem;

  padding-bottom: 3rem; }

  .section-footer1 h5 {
    font-family: 'Poppins', sans-serif; 
  
    color: #2e2a2b!important;
    font-weight: bold; }
    .section-footer1 * {
      font-family: 'Poppins', sans-serif!important; 
      
    }
  .section-footer1 p {
    
    color: #5c5c5c;

    font-weight: 200; }

  .section-footer1 ul {

    padding-left: 0; }

  .section-footer1 li {

    list-style: none;

    margin-bottom: .3rem; }

    .section-footer1 li .items-menu {

      color: #5c5c5c;
      font-family: 'Poppins', sans-serif; 
      font-weight: 200;

      text-decoration: none; }

      .section-footer1 li .items-menu:hover {

        color: #C92D43; }

  .section-footer1 small {

    color: #5c5c5c; }

  .section-footer1 .dropdown-menu {

    min-width: 145px !important;

    padding: 0 !important;

    border-radius: 1.25rem !important;

    border: none;

    margin-bottom: -3px !important; }

    .section-footer1 .dropdown-menu li {

      margin-bottom: 0 !important; }

  .section-footer1 .dropdown-item {

    color: #5c5c5c;

    background-color: #ffffff !important; }

    .section-footer1 .dropdown-item:hover {

      color: #5c5c5c;

      background-color: #C92D43 !important; }

  .section-footer1 .btn-idiomas {

    color: #5c5c5c;

    border-radius: 1.2em;

    background-color: #ffffff;

    text-align: left;

    max-width: 145px; }

    .section-footer1 .btn-idiomas .arrow-down {

      width: 0.8rem; }

    .section-footer1 .btn-idiomas.show {

      border-top-left-radius: 0;

      border-top-right-radius: 0; }

  .section-footer1 .logo-footer {

    width: 60%; }

    @media (max-width: 767.98px) {

      .section-footer1 .logo-footer {

        width: 50%;

        max-width: 400px; } }



.section-mobil-footer {

  background-color: #ffffff;

  color: #5c5c5c;

  padding: 2rem; }
  .section-mobil-footer * {
    font-family: 'Poppins', sans-serif!important; 
    
  }
  .section-mobil-footer .accordion-button {

    color: #5c5c5c;

    background-color: #ffffff;

    font-weight: bold;

    font-size: 1.1rem; }

    .section-mobil-footer .accordion-button:focus {

      border-color: #ffffff;

      box-shadow: none; }

  .section-mobil-footer .accordion-body {

    background-color: #ffffff; }

    .section-mobil-footer .accordion-body ul {

      list-style: none;

      color: #C92D43;

      padding-left: 0; }

      .section-mobil-footer .accordion-body ul a {

        text-decoration: none;

        color: #5c5c5c; }

        .section-mobil-footer .accordion-body ul a.hover {

          color: #C92D43; }

  .section-mobil-footer .inf-oneup {

    padding: 1.5rem; }

    .section-mobil-footer .inf-oneup h5 {

      font-size: 1.1rem;

      font-weight: bold; }



.section-footer2 {

  background-color: #2e2a2b;

  padding: .5rem; }

  .section-footer2 p {

    color: white;

    font-weight: 200; }



.ventanaPeq {

  width: 30vh;

  height: 60px;

  position: fixed;

  bottom: 0;

  right: 0;

  background-color: #C92D43;

  display: flex;

  justify-content: center;

  align-items: center; }

  @media (min-width: 768px) {

    .ventanaPeq {

      width: 320px; } }

  .ventanaPeq .close-reservar-peq {

    width: 15px;

    position: absolute;

    top: 0.5rem;

    right: 0.5rem;

    cursor: pointer; }

  .ventanaPeq .img-rombo-reserva {

    width: 50px;

    margin-right: 1rem; }

  .ventanaPeq a {
    font-family: "myFirstFont";
    color: white;

    font-size: 1rem;

    text-decoration: none;

    font-weight: bold; }



.ventanaGde {

  width: 30vh;

  height: 340px;

  position: fixed;

  bottom: 0;

  right: 0;

  background-color: #C92D43;

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center; }

  @media (min-width: 768px) {

    .ventanaGde {

      width: 320px; } }

  .ventanaGde .close-reservar {

    width: 15px;

    position: absolute;

    top: 0.5rem;

    right: 0.5rem;

    cursor: pointer; }

  .ventanaGde .img-rombo-reserva {

    width: 60%; }

  .ventanaGde a {
color:white;
    

    font-size: 1.2rem;

    text-decoration: none;

    font-weight: bold; }



.section-newsletter {

  background-image: url(../images/bg-newsletter.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 4rem;

  padding-bottom: 4rem;

  position: relative; }

  .section-newsletter form {
    font-family: 'Poppins', sans-serif; 
    padding-left: 2rem;

    padding-right: 2rem; }

    .section-newsletter form .form-control {

      height: 2.5rem; }

      .section-newsletter form .form-control:focus {

        color: #5c5c5c;

        background-color: #ffffff;

        border-color: #C92D43;

        outline: 0;

        box-shadow: 0 0 0 0.25rem rgba(255, 191, 83, 0.25); }

    .section-newsletter form .form-check-input {

      margin-bottom: 1rem; }

      .section-newsletter form .form-check-input:checked {

        background-color: #C92D43;

        border-color: #C92D43; }

      .section-newsletter form .form-check-input:focus {

        border-color: #C92D43;

        outline: 0;

        box-shadow: 0 0 0 0.25rem rgba(255, 191, 83, 0.25); }

    .section-newsletter form .form-check-label a {

      color: #ffffff;

      text-decoration: none;

      transition: all 0.3s; }

      .section-newsletter form .form-check-label a:hover {

        color: #C92D43; }

    .section-newsletter form #btn-newsletter {
      width: fit-content;
      margin: 0 auto;
      height: 2.5rem;
      
      padding: 0.5rem; 
      display: flex;
      justify-content: center;
      align-items: center;}

      

     .vbox-close{

         

             padding: 15px 15px !important;

     }

     

     .vbox-content{

         max-height:100%;

         min-height: auto !important;

        

     }

     .vbox-container{

          overflow-y:hidden !important;

     }



.placaNewsletter {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-image: url(../images/bg-newsletter.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  text-align: center; }

  .placaNewsletter p {

    font-size: 1.5rem;

    font-weight: bold;

    color: #ffffff; }





    .language-select {
      border: none;
      background: #2e2a2b!important;
      padding: 5px 15px;
      border-radius: 50px;
      color: white!important;
      cursor: pointer;
  }