.logo {
    margin: 0;
    height: 100%;
    position: relative;
}
.logo a{
    height: 100%;
}
input::placeholder {
  color: #7e7e7e  !important;
}


.logo a img{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}
.logo a img.full-height {
    height: 70%;
}
.stick .logo {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}

.header-bottom {
    background: #f3e2e3;
}

.min-h300 .bg-img{
    min-height: 300px;
    padding: 0;
}

.mean-container a.meanmenu-reveal span {
    background: #d7b771;
}

.banner-content.ver-custom{
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
    transform: translateY(0%);
}

.banner-content.ver-custom .box-int{
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    height: 55px;
}

.banner-content.ver-custom .box-int h4, .banner-content.ver-custom .box-int a{
    color: #fff;
    text-transform: uppercase;
}

.banner-content.ver-custom .box-int h4{
    font-size: 20px;
    }

.banner-content.ver-custom .box-int a{
    font-size: 13px;
}

.shopping-cart-title h4 {
    width: 130px;
}

.logo a h1 {
    font-size: 20px;
    margin-top: -8px;
}

.hidden {
    display: none;
}

.error {
    color: #d50018;
    margin: 10px;
    border: 1px solid;
    padding: 5px;
}

#instafeed a {
    overflow: hidden;
    margin-bottom: 20px;

}

#instafeed img{
    width: 100%;
    margin-bottom: 10px;
    transition: all 1s ease;;
}

/*#instafeed img:hover{*/
    /*width: 130%;*/
    /*margin-left: -10%;*/
/*}*/

.product-details-content .shop-list-cart-wishlist a:hover {
  background-color: #333;
}

.social-chats {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 999;
}
.social-chats a {
    display: block;
}
.social-chats a .icons{
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.whatsapp-btn {
    margin-bottom: 10px;
}
.whatsapp-icon {
     background-image: url('/img/whatsapp.svg');
}
.messenger-icon {
     background-image: url('/img/messenger.svg');
}
.whats-link{
    font-weight: 500;
}

#buscador {
    width: auto;
}
#btn-search {
    background-color: #eceff8;
    padding-right: 10px;
    height: 45px;
    line-height: 45px;
    float: right;

}
#btn-search i{
    font-size: 20px;
}
.booking-area select{
    background: #fff;
    height: 35px;
    padding: 0 7px;
    margin-bottom: 0;
}

.middle-item{
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}
.box-banners{
    min-height: 100px;
    padding: 15px 0;
    position: relative;
    margin-bottom: 25px;
}
.booking-area{
    background: #daae4d;
    padding: 7px 0;

}
.booking-area label{
    font-size: 16px;
    line-height: 35px;
    float: right;
    margin-bottom: 0;
}

.booking-area button{
    font-size: 16px;
    background: #d50018;
    height: 35px;
    padding-left: 7px;
    margin-bottom: 0;
    width: 100%;
    border: 0;
    color: #fff;
}
.modal button.btn-primary{
    background-color: #d50018;
    text-align: center;
    font-size: 16px;
    height: 35px;
    padding-left: 7px;
    margin-bottom: 0;
    width: 50%;
    border: 0;
    color: #fff;
    position: relative;
}
.modal a.btn-primary{
    background-color: #d50018;
    text-align: center;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding-left: 7px;
    margin-bottom: 0;
    width: 50%;
    border: 0;
    color: #fff;
    position: relative;
}

.modal button.btn-secondary{
    text-align: center;
    font-size: 16px;
    height: 35px;
    padding-left: 7px;
    margin-bottom: 0;
    width: 50%;
    border: 0;
    position: relative;
}
.modal .modal-changeForm button.btn-primary{
    right: 25%;
}
.modal select{
    width: 80%;
    background: #ebebeb;
    height: 35px;
    padding: 0 7px;
    margin-bottom: 15px;
    left: 10%;
    position: relative;
}
.modal-body {
    padding: 15px 50px 0;
}
.form-group {
    margin-bottom: 0;
}
.sel-region{
    color: #454545;
    display: inline-block;
    line-height: 1;
    font-weight: 600;
}
.sel-region span {
    color: #454545;
}
.alert-error{
    width: 80%;
    left: 10%;
}
.sel-error{
    border: 1px solid #d50018;
    color: #d50018;
}

@media (max-width: 768px) {
    .account-curr-lang-wrap.f-right{
        justify-content: center;
        display: flex;
        float: inherit;
    }
    .no-movil {
        display: none !important;
    }
    .text-cm-center{
        text-align: center;
    }
    .text-cm-center .sel-region{
        width: auto;
    }
    .booking-area select  {
         margin-bottom: 10px;
     }
    .middle-item{
        position: relative;
    }
    .de-flex{
        display: flex;
        text-align: center;
        margin-bottom: 25px;
    }
    .sel-region{
        text-align: center;
        width: auto;
    }
    .header-top{
        height: auto;

      }
}

.solo-movil {
    margin-bottom: 10px;
}


.err{
    color: #d50018;
}
select.error {
    border: 1px solid #d50018;
}
.social-icon li a {
    font-size: 40px;
}
.new-app{
    width: 250px;
}

.no-available{
    color: #D50018;
    font-weight: 500;
    font-size: 14px;
}
.modal-body .box-regiones{
    display: flex;
    flex-wrap: wrap;
    scroll-snap-type: x mandatory;
    justify-content: space-around;
    /*align-items: center; /* Alinea verticalmente las cards al centro dentro del slider */

}
.box-regiones .card {
    flex: 0 0 auto;
    background-color: #ffffffe8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding-bottom: 45%;
    align-items: center;
    width: 45%;
    align-items: center;
    margin-bottom: 15px;
}
.box-regiones .card img{
    max-width: 80px;
}
.box-regiones .card h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
    font-family: 'Martel', sans-serif;
}
.thumbnails {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-top: 1px solid #ebebeb;
    overflow: hidden;
    padding: 20px 0 0;
  }
.thumbnail {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px;
    height: 70px;
  border-radius: 0;
  overflow: hidden; /* Evita que el contenido desborde el área del thumbnail */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Agrega una sombra suave */
}

.thumbnail img {
  width: 100%; /* Hace que la imagen ocupe todo el ancho del thumbnail */
  height: 100%; /* Hace que la imagen ocupe todo el alto del thumbnail */
  object-fit: cover; /* Ajusta la imagen para que cubra todo el espacio disponible */
  transition: transform 0.3s ease; /* Agrega una transición suave en la transformación */
}

.thumbnail:hover img {
  transform: scale(1.1); /* Aumenta ligeramente el tamaño de la imagen al pasar el mouse por encima */
}
.caption h5 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .caption p {
    font-size: 12px;
  }



.header-top{

    height: 55px;
    display: flex;
    align-items: center;
    align-content: center;

  }
  .header-top .align-v-middle{
    display: flex;
    align-items: center;
  }
  .header-top .align-v-middle a{
    line-height: 1;
  }
  .header-top .align-v-middlewelcome-area{
    display: flex;
    height: 100%;
    align-items: center;
    align-content: center;
  }
  .header-top .account-curr-lang-wrap.f-right ul {

    justify-content: center;
    display: flex;
    align-items: center;
  }
  .header-top .account-curr-lang-wrap.f-right ul li:last-child {

    display: flex;
    justify-content: start;
  }
  .header-top .account-curr-lang-wrap.f-right ul li form {

    display: flex;
    justify-content: start;
  }
  .header-top .account-curr-lang-wrap.f-right ul li a{
    line-height: 1;
  }

  .header-top .welcome-area{
    display: flex;
    align-items: center;
    height: 100%;
  }
  .header-top .welcome-area > p{
    margin-bottom: 0;
    margin-top: 0;
  }
  .header-top .align-v-middle.f-wrap{
  flex-wrap: wrap;
}
.main-menu ul li a{
    font-family: 'Martel', sans-serif;
}


  /* Estilos para el fondo de imagen */
  background-page {
    background-size: contain;
}
/* Estilos para el slider */
.slider {
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    justify-content: center; /* Alinea horizontalmente las cards al centro dentro del slider */
    /*align-items: center; /* Alinea verticalmente las cards al centro dentro del slider */

}

.box-regiones{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    justify-content: center; /* Alinea horizontalmente las cards al centro dentro del slider */
    /*align-items: center; /* Alinea verticalmente las cards al centro dentro del slider */

}
.card {
    position: relative;
    width: 30%;
    padding-bottom: 30%; /* Relación de aspecto cuadrada (1:1) */
    background-color: #ffffffe8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    margin: 1%;
  }

  .content {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    display: flex;
    align-items: center;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    border: 1px solid #d6b46a;

  }
  .bar-logo{
      z-index: 1;
      display: block;
      text-align: center;
      position: relative;
      margin-bottom: 5rem;
  }
  .bar-copyright{
      z-index: 1;
      display: block;
      text-align: center;
      position: relative;
      width: 80%;
      background-color: #ffffffe8;
      margin-left: 10%;
      margin-top: 3rem;
      padding: 30px 15px;


  }

  .bar-copyright p{
      margin-bottom: 0;
  }

  .bar-copyright .content{
    padding: 0px;

  }
.owl-carousel .owl-item .card img {
    width: 128px;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
}

.card h3 {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Martel', sans-serif;
    display: block;
    width: 100%;
    text-align: center;
}

#app {
  justify-content: center; /* Alinea horizontalmente el contenido al centro */
  align-items: center; /* Alinea verticalmente el contenido al centro */
  height: 100vh;
  overflow: hidden;
  position: relative;
  padding: 50px 0;
  }
  .owl-item{
    display: grid;
  }
  .owl-stage{

    justify-content: center;
    height: 100%;
    scroll-snap-type: x mandatory;
    display: flex;
  }
  .background-page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    animation: slider 50s linear infinite;
  }
  .background1 {
    animation-name: slider1;
  }

  .background2 {
    animation-name: slider2;
  }

  .background3 {
    animation-name: slider3;
  }
  .product-details-content .shop-list-cart-wishlist a {
    width: auto;
    padding: 0 15px;
    height: auto;
    background-color: #d7b771;
    color: #fff;
    line-height: 40px;
  }
  .product-details-content .shop-list-cart-wishlist a i{
    display: inline-block;
    margin-left: 7px;
  }

  @media (max-width: 768px) {
    #app {
      display: block;
      height: 100vh;
      padding: 25px 0;
    }
    .header-top{
        height: auto;
        padding-top: 15px;
      }
      .header-top .align-v-middle {
        justify-content: center;
        margin-bottom: 15px;
    }

    .card {
      position: relative;
      width: 48%;
      padding-bottom: 48%; /* Relación de aspecto cuadrada (1:1) */
      background-color: #ffffffe8;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      border-radius: 0;
      margin-bottom: 15px;
      margin: 1%;
    }
    .card h3 {
      font-size: 21px;
  }
  .box-regiones .card h3 {
    font-size: 14px;
  }
  .box-regiones .card .content{
    padding: 10px;
  }
}

/* Mobile Menu Text */
.mean-container .meanmenu-reveal::after {
    content: "Menú";
    position: absolute;
    left: 0;
    top: 30px;
    color: #d6b46a;
    font-size: 11px;
    font-weight: 600;
}

.mean-container .mean-bar {
    padding-bottom: 0;
}



@keyframes slider1 {
  0% {
    background-position: center;
    transform: scale(1);
  }
  25% {
    background-position: top;
    transform: scale(1.2);
  }
  50% {
    background-position: bottom;
    transform: scale(1.2);
  }
  75% {
    background-position: center;
    transform: scale(1.2);
  }
  100% {
    background-position: bottom;
    transform: scale(1);
  }
}

@keyframes slider2 {
  0% {
    background-position: center;
    transform: scale(1);
  }
  25% {
    background-position: bottom;
    transform: scale(1.2);
  }
  50% {
    background-position: top;
    transform: scale(1.2);
  }
  75% {
    background-position: center;
    transform: scale(1.2);
  }
  100% {
    background-position: top;
    transform: scale(1);
  }
}

@keyframes slider3 {
  0% {
    background-position: center;
    transform: scale(1);
  }
  25% {
    background-position: bottom;
    transform: scale(1.2);
  }
  50% {
    background-position: center;
    transform: scale(1.2);
  }
  75% {
    background-position: top;
    transform: scale(1.2);
  }
  100% {
    background-position: bottom;
    transform: scale(1);
  }
}
/*
CUSTOM HACIENDO NEGRO EL LAYOUT
*/
body {
  background-color: #000;
  color: #fff;
}
.welcome-area > p {
  color: #fff;
}
a, button, input {
  color: #fff;
}
a:hover {
  color: #95989a;
}
.sel-region span {
  color: #fff !important;
}
.account-curr-lang-wrap ul li a {
  color: #fff;
}
.main-menu ul li a {
  color: #fff;
}
.main-menu ul li:hover > a {
  color: #d7b771;
}
.header-cart > a .cart-icon i {
  color: #d7b771;
}
.cart-text > span {
  color: #fff;
}
.header-bottom {
  background: #232323 !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #d7b771;
}
.shop-catigory ul > li a {
  color: #fff;
}
.shop-catigory ul li:hover > a, .shop-catigory ul li > a.active {
  color: #d7b771;
}
.view-mode li.active a {
  color: #d7b771;
}
p {
  color: #fff;
}
.shorting-style > label {
  color: #fff;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #fff;
}
.product-content > h4 a:hover {
  color: #d7b771;
}
.product-price-wrapper > span {
  color: #fff;
}
.product-action a:hover {
  background-color: #d7b771;
}
.gray-bg-3 {
  background-color: #232323;
}
.subscribe-form form .clear-2 input {
  background-color: #d7b771;
}
.gray-bg-2 {
  background-color: #111;
}
.copyright > p {
  color: #fff;
}
.copyright > p a {
  color: #d7b771;
}
.copyright > p a:hover {
  color: #fff;
}
.header-cart > a .cart-icon span {
  background-color: #333;
}
.shop-sidebar-wrapper {
  border: 1px solid #d7b771;
}
.shop-catigory > ul {
  border-top: 1px solid #d7b771;
}
.shop-topbar-wrapper {
  border: 1px solid #d7b771;
}
.pagination-total-pages {
  border: 1px solid #d7b771;
}
.social-icon li a:hover, .footer-contact li a:hover {
  color: #d7b771;
}

.account-curr-lang-wrap ul li:hover > a {
  color: #d7b771;
}
.btn-style-2 {
  background-color: #d7b771;
  color: #fff;
}
.cart-shiping-update > a:hover, .cart-clear > button:hover, .cart-clear > a:hover {
  background-color: #d7b771;
  color: #fff;
}
.overview-content-2 > h2::before {
  background-color: #d7b771;
}
.contact-tab-list li a.active, .contact-tab-list li a:hover{
  color: #d7b771;
}
.main-menu ul li.top-hover ul li > a::before, .grand-totall > button, .contact-form-style > button{
  background-color: #d7b771;
}

.shopping-cart-btn a:hover, .checkout-login-btn > a:hover, .checkout-register > a:hover, .billing-btn > button:hover {
    background-color: #d7b771;
    color: #fff;
}
.footer-content li a:hover, .table-content table td.product-remove a:hover, h4.grand-totall-title, h5.panel-title a:hover, .billing-back-btn>span a, .billing-back > a i, .billing-back>a:hover {
  color: #d7b771;
}
.header-top .account-curr-lang-wrap.f-right ul .top-hover ul{
  display: block;
  padding-top: 10px;

}
.header-top .account-curr-lang-wrap.f-right ul .top-hover ul li{
  margin: 10px 0;
}
.header-top .account-curr-lang-wrap.f-right ul .top-hover ul li a:hover{
  color: #d7b771;
}
.header-top .account-curr-lang-wrap.f-right ul .top-hover ul li a{
  color: #fff;
}
.account-curr-lang-wrap ul li.top-hover ul > li > a::before{
  background-color: #d7b771;
  top: 5px;
}
.contact-tab-list li a, .modal-header .close:hover{
  color: #d7b77188;
}
.register-us ul li{
  color: #d7b77188;
}
.tax-select-wrapper input, .bar-copyright .content{
  color: #232323;
}
.slider .content p, .box-regiones .content p{
  color: #232323;
}

.contact-form-style input, .contact-form-style textarea {
  color: #fff;
}
.modal-content {
  background-color: #232323;
}
.StripeElement{
  padding: 10px;
  border: 1px solid;
  background-color: #fff;
  border-radius: 4px;
  height: 40px;
}
.modal-dialog.modal-showError p{
  color: #fff;

}
#card-errors{
  color: #d50018;
  margin-left: 2rem;
  margin-bottom: 1rem;
}