a:hover {
  text-decoration: none;
}

.heart {
  margin: .25rem 0;
  color: gray;
  cursor: pointer;
  transition: all .2s ease;
}
.heart:hover {
  color: red;
}
.heart.fav {
  color: red;
}
.heart.fav:hover {
  color: #d40404;
}

.pencil {
  margin: 17px 12px;
  color: gray;
  cursor: pointer;
  transition: all .2s ease;
}
.pencil:hover {
  color: #3f86f0;
}

.card-zoomed {
  overflow: hidden;
  width: 100%;
  background-size: cover;
  cursor: pointer;
  margin: 0 !important;
  aspect-ratio: 52/76;
}
.card-zoomed.landscape {
  aspect-ratio: 16/12;
}
/* .card-image.main {
  aspect-ratio: 9/13.5;
} */

.card-zoomed .fav {
  position: absolute;
  top: 8px;
  right: 6px;
  color: red;
}

.card-zoomed.landscape .card-image {
  object-fit: cover;
  height: 100%;
}

.card-zoomed.landscape2 .card-image {
  object-fit: cover;
  height: 80px;

}

.card-zoomed.landscape2 {
  aspect-ratio: 16/12;
}

/* .card-zoomed img {
  width: 100%;
  height: 100%;
} */

.product-container {
  transition: all .3s ease;
}

.precio_card::before {
  content: "$";
  color: gray;
  font-size: .85rem;
  font-family: 'Poppins-Regular';
  padding: 0 3px 0 1rem;
}

#sel_portrait {
  display: block !important;
  transition: all .2s ease;
}

#sel_portrait.closed {
  display: none !important;
}

#sel_landscape.closed {
  display: none !important;
}

#sel_landscape .card-zoomed {
  height: 80px;
  width: auto;
}

@media (max-width:792px) {
  #sel_landscape, #sel_portrait {
    display: none !important;
  }
}

.dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
}

.badge {
  padding-top: 4px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 0 !important;
  margin-right: 0 !important;
}

.badge-pink {
  color: white;
  background-color:#eba4e5
}

input[type="radio"]:checked * {
  color: red;
}

.btn-danger {
  border-radius: 15px !important;
}

.btn-circle {
  border-radius: 50%;
}

.btn-pink {
  color: #ff1bf0;
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #ff1bf0;
  padding: 3px 10px;
  border-radius: 15px !important;
  transition: all .3s ease;
  font-size: .8rem;
}
.btn-pink:hover {
  color: white;
  background-color: #ff1bf0;
  cursor: pointer;
}

.btn.download  {
  position: absolute;
  bottom: 2.5rem;
  right: 1.5rem;
  font-size: .65rem;
}

.btn-purple {
  color: white;
  background-color: #724490;
  cursor: pointer;
  border-radius: 15px !important;
}
.btn-rose {
  color: white;
  background-color: #ff1bf0;
  cursor: pointer;
  border-radius: 15px !important;
}
.btn-purple.btn-sm {
  /* padding: 4px 9px 2px 9px !important; */
  font-size: .8rem;
  height: 28px;
  border-radius: 15px !important;
}
.btn-md {
  padding: 4px 12px 4px 12px;
  font-size: 1rem;
  height: 32px;
  border-radius: 15px !important;
}
.btn-purple:hover {
  color: white;
  background-color: #8d5aaf;
}
.btn-rose:hover {
  color: white;
  background-color: #ff3df2;
  cursor: pointer;
}
.btn-purple.disabled {
  color: white;
  background-color: #8d5aaf;
  cursor: default;
}
.btn-rose:disabled {
  color: white;
  background-color: #ff3df2;
  cursor: default;
}
.btn-purple.disabled:hover {
  color: white;
  background-color: #8d5aaf;
}
.btn-rose.disabled:hover {
  color: white;
  background-color: #ff3df2;
}
.btn-outline-purple {
  border: 1px solid #8d5aaf;
  color: #724490;
}
.btn-outline-purple.btn-sm {
  padding: 4px 9px 2px 9px;
  font-size: .8rem;
  height: 28px;
  border-radius: 15px !important;
}
.btn-outline-purple:hover {
  background-color: #8d5aaf;
  color: white;
}

.color-circle {
  border: 1px solid gray;
  border-radius: 50%;
  cursor: pointer;
}
.color-circle.seleccionado {
  border: 3px solid #724490;
}

.btn-group a:hover {
  opacity: 1;
}

.card-overlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #724490cb;
  transition: all .2s ease;
}
.card-overlay:hover {
  opacity: .7;
}

.product-card {
  position: relative;
  opacity: 0;
  transform: scale(.5);
  transition: opacity 1s ease, transform .6s ease;
}
.product-card.loaded {
  opacity: 1;
  transform: scale(1);
}

.card-zoomed .card-image {
  opacity: 1;
  width: 100%;
  overflow: hidden;
  transition: .5s ease;
}
.card-zoomed:hover:not(.no-zoom) .card-image {
  transform: scale(1.05);
  transition: .5s ease;
}

.card-zoomed.max {
  transition: .5s ease;
}
.card-zoomed.max:hover  {
  transform: scale(1.05);
  transition: .5s ease;
}
.card-zoomed.max.md:hover  {
  transform: scale(1.025);
  transition: .5s ease;
}
.card-zoomed.max.land:hover  {
  transform: scale(1.025);
  transition: .5s ease;
}
.card-zoomed.max:hover .overlay {
  opacity: 1;
}
.card-zoomed.max .overlay {
  position: absolute;
  opacity: 0;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border: 1px solid white;
  border-radius: .35rem;
  transition: all .5s ease;
  z-index: 2;
}
.card-zoomed.max:hover .shadow {
  opacity: 1;
}
.card-zoomed.max .shadow {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: inset 0px 0px 12px 4px rgba(114,68,144,.3) !important;
  -moz-box-shadow: inset 0px 0px 12px 4px rgba(114,68,144,.3) !important;
  box-shadow: inset 0px 0px 12px 4px rgba(114,68,144,.3) !important;
  transition: all .5s ease;
  z-index: 1;
}

.card-zoomed .sale {
  position: absolute;
  top: -32px;
  left: -54px;
  background-color: #ff1bf096;
  color: white;
  transform: rotate(-45deg);
  width: 120px;
  height: 50px;
  text-align: center;
  padding: 56px 0 22px;
  font-size: .85rem;
}

/* .card-zoomed .proximamente {
  position: absolute;
  top: -34px;
  left: -50px;
  background-color: #f785ef96;
  color: white;
  transform: rotate(-45deg);
  width: 120px;
  height: 50px;
  text-align: center;
  padding: 50px 0 40px;
  font-size: .75rem;
} */

.card-zoomed .proximamente {
  position: absolute;
  top: 9px;
  right: 9px;
  background-color: #ffffff67;
  color: #321a42;
  text-align: right;
  padding: 3px 8px 1px;
  border-radius: 8px;
  font-size: .65rem;
}

.card-image.zoomable {
  cursor: -moz-zoom-in; 
  cursor: -webkit-zoom-in; 
  cursor: url(https://www.mccartney.com.ar/assets/images/zoom_in.png), auto;
  object-fit:cover
}

.card-zoomed:hover .card-items-holder {
  opacity: .4;
}
.card-zoomed:hover .card-items {
  opacity: 0;
}
.card-zoomed:hover .card-items-title {
  opacity: 0;
}
.card-items-holder.opened:hover {
  opacity: 1;
}
.card-zoomed:hover .card-items-holder.opened {
  opacity: 1;
}

.card-text-back {
  color: white;
  background: #724490cb;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: end;
  text-align: left;
  padding: .5rem .5rem .5rem 1rem;
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  transition: all .2s ease;
}
.card-text {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: .9rem;
  width: 100%;
  padding: 1px;
}
.card-zoomed:hover .card-text-back {
  color: #d4c7dd;
  background: #36144cb3;
}

.card-items-scroll {
  position: absolute;
  bottom: 0/* -400px */;
  display: flex;
  flex-direction: column;
  width: inherit;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
}

.card-items-holder.opened .card-items-scroll {
  bottom: 0;
  opacity: 1;
}

.card-items-holder {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  transition: all .3s ease;
  background-color: #724490de;
  opacity: 0;
}
.card-items-holder.opened {
  opacity: 1;
  cursor: default;
}
.card-items-holder.opened .card-items {
  opacity: 1;
}
.card-items-holder.opened .card-items-title {
  opacity: 1;
}

.card-items-holder:not(.opened) {
    pointer-events: none;
    cursor: default;
}

.card-items-title {
  opacity: 0;
  height: 150px;
  margin-bottom: 0/* 2rem */;
  transition: all .3s ease;
}

.card-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: .5rem 2rem 1rem 2rem;
  transition: all .3s ease;
}
.card-items::-webkit-scrollbar {
  display: none;
}

.card-item {
  font-size: 20px;
  height: 38px;
  width: 33%;
  text-align: center;
  text-transform: uppercase;
}
.card-item a {
  color: white;
}
.card-item a:hover {
  color: white;
}
@media (max-width:520px) {
  .card-item a {
    font-size: 13px;
  }
  .card-item {
    height: 32px;
  }
}

.card-items img {
  margin: 10px;
  width: 100%;
}

@media (max-width:520px) {
  .card-items-title {
    height: 100px;
    margin-bottom: .5rem;
  }
}

.scroll-items {
  display: flex;
  overflow-y: scroll;
  margin: 0 /* 1rem */;
  gap: 1rem;
}
/* .scroll-items::-webkit-scrollbar {
  display: none;
} */

.title-image {
  width: 75%;
}

@media (min-width:768px) {
  .title-image {
    width: 35%;
  }
  .card-zoomed {
    max-width: 700px;
  }
  .card-items {
    max-width: 700px;
    margin-left: calc((100% - 700px) / 2);
  }
}

.back-image {
  background-image: url('/assets/images/bkg_reel.jpg');
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.card.luxury {
  background-image: url('/assets/images/lin_reallingerie.jpg');
  height: 90vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.modal-dialog.flexed {
  display: flex;
  justify-content: center;
  max-width: none;
}
.modal-dialog.flexed .modal-content {
  width: fit-content;
}
.modal-dialog.flexed .modal-image {
  height: 90dvh;
  /* width: 90%; */
  cursor: url(https://www.mccartney.com.ar/assets/images/zoom_in.png), auto;
}
.modal-dialog.flexed .modal-image.x2 {
  cursor: url(https://www.mccartney.com.ar/assets/images/zoom_out.png), auto;
}
/* .modal-dialog {
  min-width: 75% !important;
  justify-content: center;
}

@media (max-width:768px) {
  .modal-dialog {
    min-width: 100%;
  }  
} */

@media (max-width:768px) {
  .col-6.medium {
    max-width: 47%;
  }  
  .card-container {
    margin: .5rem !important;
    /* gap: 1rem !important; */
  }
  .section-item-white {
    padding: .35rem 1rem .35rem 0 !important;
  }
}


.card-zoomed.rotated {
  cursor: default;
  transition: all .5s ease;
}
.card-zoomed.rotated:hover {
  transform: perspective(2000px) rotateY(10deg);
}

.card-foot {
  position: absolute;
  color: white;
  font-size: .9rem;
  width: 100%;
  height: fit-content;
  padding: 0;
  bottom: -32px;
  transition: height .3s ease;
  transition: all .5s ease;
  background-image: linear-gradient(to bottom, transparent 0%, rgba(114, 68, 144, 0.2) 40%, rgba(114, 68, 144, 0.6) 100%);
}
.card-foot.simple {
  bottom: 0;
  height: fit-content;
  padding-bottom: .5rem;
  /* background-image: none; */
}

.card-foot .descripcion {
  color: white;
  filter: drop-shadow(-2px 2px 2px rgb(0 0 0));
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: .25rem 1rem;
  transition: all .2s ease;
  line-height: 1.35rem;
}

.card-foot .descripcion .detalle {
  line-height: 2.4rem;
}


.section-title {
  font-family: 'Eames-Century-Modern-Regular';
  font-size: 1.7rem;
  color: #724490;
}

.section-item {
  padding: .25rem 1rem;
}

.section-item a {
  color: #724490;
}

.section-item a:hover {
  opacity: .8;
}

.section {
  border: 1px solid #dee2e6 !important;
  border-radius: 0.25rem !important;
  box-shadow: 0 .125rem .25rem #00000013 !important;
  /* background-color: #f3f3f321; */
  padding: 0.5rem 1rem;
  overflow: hidden; 
  background-color: rgba(255, 255, 255, 0.6);
}

.section-background {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: .15;
  width: 64%;
}


.flip {
  position: relative;
  overflow: hidden;
}
.flip .front, .flip .back {
  display: block;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  transition-duration: 1s;
  transition-property: transform, opacity;
  transform-style: preserve-3d;
}
.flip .front {
  transform: rotateY(0deg);
  cursor: pointer;
}
.flip .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  height: 100%;
  transform: rotateY(-180deg);
}
.flip.open .front {
  transform: rotateY(180deg);
}
.flip.open .back {
  opacity: 1;
  transform: rotateY(0deg);
  pointer-events: all;
}
.flip .back .close {
  color: white;
  cursor: pointer;
  position: absolute;
  left: 12px;
  top: 14px;
  font-size: 20px;
  z-index: 4;
}

.flip {
  position: relative;
  /* display: inline-block; */
  margin: 0;
  padding: 0;
}
.flip .front,
  .flip .back {
    display: block;
    color: white;
    width: 100%;
    overflow: hidden;
}
.flip .back {
  margin: 1px;
  background-color: rgba(114, 68, 144, 0.855);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  pointer-events: none;
}
.flip .front::after {
  content: '';
  background-color: #7241924b;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all .3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .card-zoomed:hover .card-foot.simple {
    bottom: 0;
  }
  .card-zoomed:hover .card-foot {
    bottom: 0;
  }
  .card-zoomed:hover .card-foot .detalle {
    opacity: 1;
  }
  .flip:hover .front::after {
    opacity: 1;
  }
  .flip:hover .flip-content {
    transform: scale(1.1);
  }
  .flip:hover .flip-title {
    transform: scale(1.1);
    z-index: 3;
  }
}

.flip .flip-content {
  transition: all .5s ease;
}

.section-item-white {
  padding:0.25rem 1rem .25rem 0;
}

.section-item-white a {
  color: white;
}

.section-item-white a.disabled {
  pointer-events: none;
}

.section-item-white a:hover {
  opacity: .8;
}

.flip-list {
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 4rem);
  width: calc(100% - 4px);
}
/* .flip-list::-webkit-scrollbar {
  display: none;
}
.flip-list {
  -ms-overflow-style: none; 
  scrollbar-width: none;
} */
.flip-list::-webkit-scrollbar {
  width: 10px;
}
 
.flip-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(114, 68, 144, 0.855);
  border-radius: 12px;
}
 
.flip-list::-webkit-scrollbar-thumb {
  background-color: rgba(152, 112, 179, 0.855);
  outline: 1px solid rgba(114, 68, 144, 0.855);
  border-radius: 12px;
}

.flip-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* -webkit-transform: translateZ(50px);
          transform: translateZ(50px); */
  filter: drop-shadow(-2px 2px 2px rgb(0 0 0));
  position: absolute;
  bottom: .5rem;
  width: 70%;
  left: 15%;
  transition: all 1s ease;
}

.sun {
  height: 600px;
  width: 600px;
  background: rgb(152,112,179);
  background: radial-gradient(circle, rgba(152,112,179,0.3) 0%, rgba(152,112,179,0.12) 26%, rgba(152,112,179,0) 51%);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
  position: absolute;
  z-index: -2;  
}