/*
* SomosForma
* 30-08-2024
* Style nuevos
*/

body {
  padding-bottom: 0rem;
  color: #5a5a5a;
  /* background-color: #333333; */
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  line-height: normal;
}

.navbar-brand{
  max-width: 200px;
}

header .current_page_item a{
  color: #000 !important;
  background-color: #ffffff;
}

.container-footer p br, .container-footer .widget br{
  display: none;
}

.container-footer p, .container-footer .widget-title, .container-footer h4{
  margin-bottom: 1rem;
}
.container-footer a{
  color: white;
}

.wpml-ls-statics-footer{
  display: none;
}

.elements-language{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.elements-language img{
  width: 20px;
  margin-right: 5px;
}

.white {
  color: white;
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn-secondary {
  color: #fff;
  background-color: #535353;
  border-color: #51585e;
  margin-right: 7px;
}
.btn-secondary:hover {
  opacity: 70%;
}
.btn-secondary.active {
  color: #333333;
  background-color: #fff;
  border-color: #51585e;
}
.bg-dark {
  background-color: #333333 !important;
}
.carousel-control-prev-icon {
  background-image: url(../img/arrow-left-square.svg);
  filter: invert(1);
}
.carousel-control-next-icon {
  background-image: url(../img/arrow-right-square.svg);
  filter: invert(1);
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
.carousel-indicators .active {
  opacity: 3 !important;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px #000 !important;
}
.btn-outline-dark {
  color: #fff !important;
  border-color: #fff !important;
  text-shadow: 0px 0px 1px #000 !important;
}
.btn-outline-dark:hover {
  color: #fff !important;
  background-color: #212529;
  border-color: #212529;
}
.btn-outline-dark-tm {
  color: #fff !important;
  border-color: #fff !important;
  margin-right: 7px;
  margin-top: 14px;
}
.btn-outline-dark-tm:hover {
  color: #fff !important;
  background-color: #212529;
  border-color: #212529;
}
button.btn.btn-outline-dark-tm.active {
  color: #000 !important;
  background-color: #ffffff;
  border-color: #212529;
}
li {
  list-style: none;
  margin-bottom: 1rem;
}
ol,
ul {
  padding-left: 0rem;
}
ol a {
  color: #9c9998;
  text-decoration: none;
}
ul a {
  color: #9c9998;
  text-decoration: none;
}
a:hover {
  color: #6c757d !important;
  text-decoration: none;
}
a.link-footer {
  color: #9c9998;
  text-decoration: none;
}
a.link-footer:hover {
  color: #6c757d !important;
  text-decoration: none;
}
a.sn-menu {
  color: #f8ece8 !important;
  text-decoration: none;
  margin-right: 10px;
}
a.sn-menu:hover {
  color: #fff !important;
}

.border-top {
  border-top: 1px solid #414243 !important;
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 5.8rem !important;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.container-video {
  width: 90%;
  max-width: 1336px;
  position: relative;
  margin: 0 auto;
  display: block;
  background-repeat: no-repeat;
  background-position-x: center;
}
.container-footer {
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: block;
  background-color: #181818 !important;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
/* nav.navbar.navbar-expand-md.navbar-dark.fixed-top.bg-dark {
  border-bottom: 2px solid #ffffff;
} */

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

@media (max-width: 768px) {
  .carousel-item > img {
    object-fit: cover !important;
  }
  li.nav-item {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 3px !important;
  }
  .dropdown, .dropend, .dropstart, .dropup {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 3px !important;
    width: 100% !important;
  }
  button.btn.btn-secondary {
    width: 100% !important;
    margin-bottom: 1px !important;
  }
  .btn-secondary {
    color: #fff !important;
    background-color: #535353 !important;
    border-color: #51585e !important;
    margin-right: 0px !important;
  }
  .btn-outline-dark-tm {
    color: #000 !important;
    background-color: #ffffff;
    border-color: #212529;
    width: 100%;
  }
  .sm {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  .g-5, .gy-5 {
    --bs-gutter-y: 0rem !important;
  }

  .g-5, .gx-5 {
    --bs-gutter-x: 0rem !important;
  }

  .dropdown-menu.show {
    display: inline-flex !important;
    width: 100% !important;
  }
}

/* CAROUSEL ------------------------------------------------- */

.carousel {
    margin-bottom: 0rem !important;
  }
  
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
  }
  
  .carousel-item {
    height: 32rem;
  }
  .carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
  }
  
  .marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .marketing h2 {
    font-weight: 400;
  }
  
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  
  .featurette-divider {
    margin: 5rem 0; 
  }
  
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
  }
  
  @media (min-width: 40em) {
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }
  
  .c-BannerPrincipal--items{
    width: 100% !important;
  }

  .AboutBrand--items{
    margin-top: 1rem;
    text-align: center;
  }

  .catalt {
    height: 6rem;
    font-size: 14px !important;
 }

 @media (min-width: 900px) and (max-width: 1170px) {
  .catalt {
    height: 8rem;
  }
  .sub-menu-wines-active .c-CardCategories .catalt {
    height: 9rem !important;
  }
  .sub-menu-wines-active .c-CardCategories .btn {
    font-size: 10px;
    max-width: 80%;
  }
 }

.prodalt p {
  height: 14rem !important;
  line-height: normal !important;
  font-size: 14px !important;
}

.prodalts {
  height: 13rem !important;
  line-height: normal !important;
  font-size: 14px !important;
}

h3.pordtitle {
  height: 3.5rem !important;
}

@media (min-width: 1200px) and (max-width: 1290px) {
  .prodalt p{
    height: 17rem !important;
    margin-top: 10px;
  }
  .prodalts{
    height: 13rem !important;
    margin-top: 10px;
  }
  .c-CardWines--inner h3, .c-CardNews--inner p{
    max-width: 95% !important;
  }
  .c-BannerDefault--widget li{
    min-width: 160px !important;
  }
  .c-BannerDefault--widget{
    gap: 3em;
  }

  .sub-menu-wines {
    width: 75% !important;
  }
}

#sliderHome .carousel-item {
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-menu-header-pt-container a:before, .menu-menu-header-container a:before {
  content:"";
  background-image: url("https://qa.reservadowines.com/wp-content/themes/reservado/assets/img/check2-circle.svg");
  display: inline-flex;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(1) !important;
}

p.newsalt {
  height: 12rem !important;
}

@media (min-width: 900px) and (max-width: 1160px) {
  p.newsalt {
    height: 19rem !important;
  }
}

p.newsalts {
  height: 13rem !important;
}

@media (min-width: 900px) and (max-width: 1160px) {
  p.newsalts {
    height: 22rem !important;
  }
}

.c-NewsHome a{
  width: 150px;
  color: #6c757d;
}

.c-NewsHome a:hover{
  color: white !important;
}

.c-BannerCategory--bg{
  height: 100% !important;
}

.legend{
  padding: 5px 0px;
}

.c-CardNews--inner h3{
  height: 4rem;
}

@media (max-width: 768px) {
  .c-WinesCategories{
    padding: 10px !important;
  }
  .prodalt p{
    height: 10rem !important;
  }
  .prodalts{
    height: 9rem !important;
  }

  #sliderHome .carousel-item{
    background-position: right;
  }

  #sliderHome .btn{
    margin-top: 2rem !important;
  }

  .c-CardWines--inner p{
    max-width: 80% !important;
  }

  .c-CardNews--inner h3{
    max-width: 100% !important;
  }

  .search-results .c-CardNews--inner p, .page-template-news .c-CardNews--inner p{
    max-width: 100% !important;
    height: 14rem !important;
  }

  .c-CardNews--inner p{
    max-width: 100% !important;
    /* height: 14rem !important; */
  }

  .container-footer .widget{
    margin-top: 2rem !important;
  }

  .catalt {
    height: 8rem;
  }

  .prodtitle{
    margin: 0.3em 0 .5em 0 !important;
  }

  .c-BannerCategory--content {
    margin-top: 20% !important;
  }

  .c-BannerPrincipal--items{
    flex-wrap: wrap;
  }

  .c-BannerDefault--widget li{
    min-width: 160px !important;
  }
  .c-BannerDefault--widget{
    gap: 0px 1em;
  }
  .c-BannerDefault--widget {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.sliderBackgroundBlack{
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 45%);
}

.c-CardCategories--image{
  top: 50%;
  right: 0em;
}
.c-CardCategories--image img{
  transition: all 0.3s ease-in-out;
}

.c-CardCategories:hover .c-CardCategories--image img{
  height: 250px !important;
}

.carrito{
    height: 22px;
    width: 22px;
    display: inline-flex;

}

.footer-medal, .medallas-repeater{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-medal img, .medallas-repeater img{
    width: auto !important;
    margin: 10px;
}

.card_products h2{
  margin-bottom: 30px; 
  width: 68%; 
  display: inline-block;
}

.card_products h2 a{
  position: relative;
  overflow: hidden;
  color: #6c757d;
}

.card_products:hover .divbtn{
  display: inline-block !important;
}

.card_products .divbtn{
  display: none; 
  text-align: end; 
  width: 29%;
  transition: all 0.3s ease-in;
}

.card_products .divbtn a:hover{
  color: white !important;
  background-color: var(--mask-color) !important;
}
.card_products h2:hover a{
  color: var(--mask-color) !important;
}

.mask-color-hover-background:hover{
  background-color: var(--mask-color) !important;
  color: white !important;
  border-color: white !important;
}

.card_products h2 a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: var(--mask-color) !important;
  transition: width 0.5s ease-out;
}

.card_products h2:hover a::after {
  width: 100%;
  animation: underline-animation 0.5s ease-out forwards;
}

@keyframes underline-animation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.c-WinesCategories--content{
  justify-content: center;
}

.wpml-language-selector li{
  margin-bottom: .5rem !important;
}

@media (max-width: 380px) {
  .card_products h2{
    width: 62% !important;
  }
  .card_products .divbtn{
    width: 35% !important;
  }
  .c-CardCategories--image {
    top: 50%;
  }
  .card_products .divbtn{
    display: inline-block;
  }
}

#wpadminbar{
  display: none;
}

/* Ajustes del card en header de vinos */

.sub-menu-wines{
  position: absolute;
  top: 5em;
  color: white;
  border-radius: 10px;
  width: 70%;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 0;
  margin-left: -5em;
  opacity: 0;
  font-weight: initial;
  transition: all 0.5s ease-out, opacity 0.25s ease-in, margin-left 0.5s ease-out, clip-path 0.4s ease-out;
  left: 45%;
  transform: translateX(-50%);
  border-radius: 15px;
  background: #333333;
  border: 1px solid #f5f5dc1f;
  box-shadow: 14px 13px 20px -5px rgb(0 0 0 / 61%);
  
}

.sub-menu-wines-active {
  opacity: 1;
  margin-left: 0;
  pointer-events: all;
  z-index: 999 !important;

}
.content-submenu .btn{
  border-radius: 10px;
  padding: .5rem;
}

.sub-menu-wines .c-HeaderSection p{
  display: none;
}

.content-submenu{
  width: 90%;
  margin: 0 auto;
}

.sub-menu-wines .c-WinesCategories{
  padding: 0px !important;
}

.sub-menu-wines .c-CardCategories h3 {
  font-size: 20px !important;
}

.sub-menu-wines .c-CardCategories .catalt {
  height: 6rem;
  font-size: 12px !important;
  max-width: 85% !important;
}
.sub-menu-wines .c-CardCategories .c-CardCategories--inner {
  padding: 20px 20px !important;
  width: 90% !important;
}

.sub-menu-wines .c-CardCategories--image img{
  height: 190px;
}

.sub-menu-wines .c-CardCategories--image{
  top: 50%;
  right: 0em;
}

.sub-menu-wines .c-CardCategories:hover .c-CardCategories--image img {
  height: 210px !important;
}

.sub-menu-wines{
  max-width: 1100px !important;
}

.sub-menu-wines .arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f9f9f9;
  position: absolute;
  top: -10px;
  left: 30%;
  transform: translateX(-50%);
}

.sub-menu-wines .background-submenu{
  background-image: url(/wp-content/uploads/2024/08/bg-bannerPrincipal-01.svg);
  padding: 2em 0.5em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* modificacion de las tarjetas de categorias */