:root {
  --size: 50vmin;

  --white: #fff;

  --blue: #3051f1;

  --purple: #c92bb7;

  --red: #f73344;

  --orange: #fa8e37;

  --yellow: #fcdf8f;

  --green1: #00ce7e;

  --pink1: #c97584;

  --pink2: #db8189;

  --pink3: #ff9caf;

  --pink4: #ffa3b3;

  --pink5: #ff9daf;

  --pink6: #c87483;

  --pink7: #d08895;

  --pink8: #edc8d0;

  --pink9: #e58193;

  --pink10: #ff9eb0;

  --pink11: #ff9eae;

  --pink12: #f08d9e;

  --pink13: #ff9eaf;

  --pink14: #ffa0b0;

  --pink15: #e28090;

  /* títulos principales H1, H2 */
  --font-playfair: "Playfair Display", serif;
  /* subtítulos H3, H4 */
  --font-cormorant: "Cormorant Garamond", serif;
  /* texto corrido, menú, botones */
  --font-montserrat: "Montserrat", sans-serif;

  --color-principal: #f6f3ef;

  --color-alter: #efe9e4;

  --color-divi: #e3ddd8;

  --color-titulo: #5e5552;

  --color-sub: #7a706c;

  --color-corri: #9a918c;

  --rosa-principal: #cfa3a3;

  --rosa-hover: #e6c6c6;

  --rosa-oscuro: #b78484;
}

body {

  font-weight: 400;

  font-style: normal;

  font-style: normal;

  color: #4d4d4d;
}

.wow {
  visibility: hidden;
}

.wrap {
  overflow: hidden;

  padding: 0 3.91%;

  background: var(--color-principal);
}

#header {
  background: #fff;

  /* height: 232px; */

  position: relative;

  z-index: 2;
}

#topShipment {
  height: 25px;
  background: var(--rosa-oscuro);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-montserrat);
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  position: relative;
  z-index: 3;
}

#topShipment > div {
  display: flex;
  align-items: center;
}

.shipment-carousel-wrapper {
  overflow: hidden;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  background: transparent;
  font-size: 15px;
  font-weight: 300;
}

.shipment-track {
  display: flex;
  animation: slideHorizontal 35s linear infinite;
}

.shipment-slide {
  display: inline-block;
  white-space: nowrap;
  flex-shrink: 0;
}

.shipment-slide span {
  margin-left: 8px;
  font-weight: 800;
}

@keyframes slideHorizontal {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

#header .container {
  position: relative;

  max-width: inherit;
}

#topOptions {
  position: relative;

  z-index: 2;

  padding: 0 40px;

  border-top: 60px solid var(--color-principal);

  border-bottom: 60px solid var(--color-principal);

  background: #fff;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 15px;

  color: #54565b;

  font-family: "Arial";
}

#topOptions #logoTop {
  display: flex;

  align-items: center;

  flex-shrink: 0;
}

#topOptions #logoTop figure {
  display: block;

  margin: 0;
}

#topOptions #logoTop img {
  margin: 0;

  height: 114px;

  width: auto;
}

#topOptions #telsTop {
  display: flex;

  flex-direction: row;
}

#topOptions #telsTop > div {
  margin-right: 55px;
}

#topOptions #telsTop .tels {
  display: flex;

  align-items: center;
}

#topOptions #telsTop .tels .tel:first-child {
  margin-right: 55px;
}

#topOptions #telsTop .tel {
  display: flex;
}

#topOptions #telsTop span {
  position: relative;

  width: 36px;

  height: 36px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: var(--pink3);

  margin-right: 5px;

  border-radius: 50%;
}

#topOptions #telsTop svg {
  width: 22px;

  position: relative;

  top: 2px;
}

#topOptions #telsTop .mail svg {
  width: 17px;

  top: 0;
}

#topOptions a {
  color: inherit;

  text-decoration: none;

  display: flex;

  align-items: center;
}

#socialTop {
  height: 36px;

  display: none;
}

.socialMedia {
  display: flex;

  flex-direction: row;
}

.socialMedia li {
  position: relative;

  -webkit-transition: linear all 0.1s;

  -o-transition: linear all 0.1s;

  transition: linear all 0.1s;
}

.socialMedia a {
  display: block;

  background: var(--rosa-oscuro);
}

#socialTop li a {
  display: flex;

  justify-content: center;

  align-items: center;

  height: 36px;

  -webkit-transition: linear all 0.2s;

  -o-transition: linear all 0.2s;

  transition: linear all 0.2s;
}

#socialTop .socialMedia {
  justify-content: space-between;

  align-items: center;
}

.socialMedia a svg {
  fill: #fff;

  width: 30px;

  -webkit-transition: linear all 0.2s;

  -o-transition: linear all 0.2s;

  transition: linear all 0.2s;
}

.socialMedia a.fb {
  padding-left: 0 !important;
}

.socialMedia a.fb svg {
  width: 28px;

  position: relative;

  top: 4px;
}

.socialMedia a.in svg {
  width: 20px;
}

.socialMedia a.tk svg {
  width: 21px;
}

#socialTop a:hover {
  border-radius: 0;
}

#datFooter .item3 .socialMedia {
  margin-top: 15px;
}

#datFooter .item3 .socialMedia li {
  margin-right: 5px;
}

#datFooter .item3 .socialMedia li a {
  display: flex;

  justify-content: center;

  align-items: center;

  height: 36px;

  width: 36px;

  border-radius: 50%;

  transition: linear all 0.2s;
}

#datFooter .item3 .socialMedia li a:hover {
  background: var(--rosa-principal);
}

#userCart {
  width: 200px;

  display: flex;

  justify-content: end;

  align-items: center;

  position: relative;

  margin-left: 62px;
}

#userCart > div {
  display: block;
}

#topOptions #userCart a {
  display: block;

  position: relative;

  line-height: 1;

  cursor: pointer;
}

#topOptions #userCart #cartTop {
  border-left: 1px solid var(--color-divi);

  padding-left: 15px;

  margin-left: 15px;
}

#topOptions #userCart #cartTop a {
  position: relative;

  width: 30px;

  display: block;
}

#topOptions #userCart #cartTop a img {
  display: block;

  width: 100%;
}

#topOptions #userCart #cartTop span {
  position: absolute;

  top: -6px;

  right: -8px;

  min-width: 18px;

  height: 18px;

  padding: 0 4px;

  background: var(--rosa-principal);

  border-radius: 50%;

  font-size: 10px;

  font-weight: 600;

  color: #fff;

  font-family: var(--font-montserrat);

  display: flex;

  align-items: center;

  justify-content: center;
}

#topOptions #menuUser > li {
  position: relative;

  font-family: var(--font-montserrat);
}

#topOptions #menuUser > li > a {
  padding-right: 0;

  font-family: var(--font-montserrat);

  display: flex;

  align-items: center;

  gap: 6px;

  cursor: pointer;
}

#topOptions #menuUser > li > a img {
  width: 22px;

  height: 22px;
}

#topOptions #menuUser > li > a span {
  font-size: 16px;

  color: var(--color-sub);

  font-weight: 500;
}

#topOptions #menuUser .sf-with-ul::after {
  display: none;
}

#topOptions #menuUser ul {
  position: absolute;

  background: #fff;

  display: block;

  width: 164px;

  height: 62px;

  border-radius: 30px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

  left: 50%;

  margin-left: -82px;

  top: 30px;

  padding: 0 13px;
}

#topOptions #menuUser ul li {
  list-style: none;

  padding: 0;

  height: 31px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-bottom: dashed 1px #d7d7d7;

  font-family: var(--font-montserrat);

  font-size: 13px;
}

#topOptions #menuUser ul li:last-child {
  border-bottom: none;
}

#topOptions .sf-arrows .sf-with-ul::after {
  background: url("../images/down-arrow-gray.svg") center center no-repeat;

  height: 12px;

  background-size: auto 230%;

  width: 100%;

  border: none;

  margin: 0;

  top: initial;

  bottom: -15px;
}

#topOptions #menuUser ul li a:hover {
  color: var(--rosa-hover);
}

#menuTop {
  font-family: var(--font-montserrat);

  display: flex;

  align-items: center;
}

#menuTop ul {
  display: flex;

  justify-content: flex-end;

  margin: 0;

  padding: 0;
}

#menuTop ul li {
  list-style: none;
}

#menu li {
  padding: 0 10px;
}

#menu ul li:last-child {
  padding-right: 0;
}

#menu > ul > li > a {
  color: var(--color-titulo);

  font-size: 16px;

  font-weight: 500;

  letter-spacing: -0.4px;

  padding: 0 11px;

  height: 27px;

  display: flex;

  align-items: center;

  border-radius: 3px;

  -webkit-transition: linear all 0.2s;

  -o-transition: linear all 0.2s;

  transition: linear all 0.2s;
}

#menu > ul > li > a.sf-with-ul:after {
  display: none;
}

/* #menu .active a,
#menu a:hover {
  text-decoration: none;

  color: var(--color-titulo);

  background: #fff;

  text-shadow: 0 1px 1px var(--color-sub);
} */

#menu > ul > li.active > a,
#menu > ul > li.active > a.sf-with-ul {
  position: relative;
}

#menu > ul > li.active > a.sf-with-ul::after,
#menu > ul > li.active > a::after {
  content: "";

  display: block;

  position: absolute;

  bottom: -6px;

  left: 50%;

  transform: translateX(-50%);

  width: 80%;

  height: 3px;

  background: var(--rosa-principal);

  border-radius: 2px;
}

#menuTop .submenu {
  position: relative;
}

#menuTop .submenu > ul {
  position: absolute;

  width: 382px;

  background: #fff;

  border-radius: 9px;

  left: 50%;

  margin-left: -191px;

  border-bottom: solid 2px var(--pink6);

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

  z-index: 2;

  padding: 18px 5px;
}

#menu > ul > li > ul a.sf-with-ul {
  padding-right: 0 !important;
}

#menuTop .sf-arrows ul .sf-with-ul::after {
  background: url("../images/down-arrow.svg") center center no-repeat;

  height: 10px;

  background-size: auto 180%;

  width: 100%;

  border: none;

  margin: 0;

  top: initial;

  bottom: -10px;
}

#menuTop .submenu > ul > li {
  display: flex;

  justify-content: center;

  align-items: end;

  width: 30%;
}

#menuTop .submenu > ul > li:nth-child(2) {
  width: 40%;
}

#menuTop .submenu > ul > li:nth-child(1),
#menuTop .submenu > ul > li:nth-child(2) {
  background: url("../images/sepSubMenu.png") right top no-repeat;
}

#menuTop .submenu > ul > li > a {
  display: block;

  width: 100%;

  text-align: center;

  font-family: var(--font-montserrat);

  color: var(--color-titulo);

  text-shadow: 0 1px 1px var(--color-sub);

  cursor: pointer;

  position: relative;
}

#menuTop .submenu > ul > li > a:hover {
  color: #666;

  text-shadow: 0 1px 1px #666;
}

#menuTop .submenu > ul > li > a img {
  margin: 0 auto;
}

#menuTop .submenu > ul ul {
  display: none !important;

  position: absolute;
}

#bannerTop {
  position: relative;

}

#bannerTop figure img {
  width: 100%;

  display: block;
}

#bannerTop .bannerBtns {
  position: absolute;

  top: 64%;

  left: 0;

  right: 0;

  display: flex;

  justify-content: center;

  gap: 16px;
}

#bannerTop .btnBanner {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-family: var(--font-montserrat);

  border: none;

  width: 224px;

  height: 43px;

  border-radius: 30px;

  text-transform: initial;

  color: #fff;

  font-weight: 500;

  cursor: pointer;

  text-decoration: none;

  background: var(--rosa-principal);
}

#bannerTop .btnBanner:hover {
  background: var(--rosa-hover);
}

#bannerTop .btnBanner--alt:hover {
  color: #fff;
}

#bannerTop .btnBanner--alt {
  background: var(--color-principal);
  color: var(--color-corri);
}

#bannerTop .bannerContent {
  position: absolute;

  top: 80px;

  left: 0;

  right: 0;

  height: 64%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 0 20px;
}

#bannerTop .bannerTitle {
  font-family: var(--font-playfair);

  font-size: 62px;

  font-weight: 400;

  color: var(--color-titulo);

  margin: 0 0 18px;

  line-height: 1.15;
}

#bannerTop .bannerSubtitle {
  font-family: var(--font-playfair);

  font-size: 27px;

  font-weight: 400;
  
  letter-spacing: 1px;

  color: var(--color-sub);

  margin: 0 0 20px;
}

#bannerTop .bannerDivider {
  width: 750px;

  border: none;

  border-top: 1.75px solid var(--color-sub);

  margin: 0 0 16px;
}

#bannerTop .bannerComunidad {
  font-family: var(--font-montserrat);

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 4px;

  text-transform: uppercase;

  color: var(--color-sub);

  margin: 0;
}

#bannerTop.banner--tienda .bannerContent {
  align-items: flex-start;

  text-align: left;

  padding-left: 20vw;
}

#bannerTop.banner--comunidad .bannerTitle {
  font-size: 72px;

  letter-spacing: 3px;
}

#bannerTop.banner--comunidad .bannerContent {
  height: 100%;

  align-items: flex-end;

  text-align: right;

  padding-right: 10%;

  justify-content: flex-start;

  padding-top: 5%;

  gap: 16px;
}

#bannerTop.banner--comunidad .bannerSubtitle {
  font-size: 40px;

  letter-spacing: 3px;

  margin-top: 50px;
}

#bannerTop.banner--nosotros .bannerContent {
  height: 100%;

  align-items: flex-end;

  text-align: right;

  padding-right: 35vw;

  justify-content: flex-start;

  gap: 16px;
}

#bannerTop.banner--nosotros .bannerTitle {
  font-size: 72px;

  letter-spacing: 3px;
}

#bannerTop.banner--nosotros .bannerSubtitle {
  font-size: 40px;

  letter-spacing: 3px;
}

#bannerTop.banner--contacto .bannerContent {
  height: 100%;

  top: 0;

  align-items: center;

  text-align: left;

  justify-content: center;

  gap: 16px;
}

#bannerTop.banner--contacto .bannerTitle {
  letter-spacing: 3px;
  margin-right: 56px;
}

#bannerTop.banner--contacto .bannerSubtitle {
  letter-spacing: 3px;

  font-size: 22px;
}

#bannerTop.banner--faq .bannerContent {
  height: 100%;

  top: 40px;

  align-items: flex-end;

  text-align: left;

  padding-right: 12%;

  justify-content: center;

  gap: 16px;
}

#bannerTop.banner--faq .bannerTitle {
  letter-spacing: 3px;

  margin-bottom: 5px;
}

#bannerTop.banner--faq .bannerSubtitle {
  letter-spacing: 3px;

  margin-right: 40px;
}

#frmSearch {
  margin-left: 28px;
}

#frmSearch input {
  display: block;

  font-family: var(--font-montserrat);

  border-radius: 16px;

  height: 35px;

  background: #fff url("../images/icoSearch.svg") no-repeat 10px center / 20px 20px;

  border: 1px solid var(--color-sub);

  color: var(--color-corri);

  width: 332px;

  padding-left: 34px;

  text-align: left;
}

#frmSearch button {
  opacity: 0;

  width: 0;

  height: 0;

  position: absolute;

  z-index: -1;
}

#frmSearch input::-webkit-input-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmSearch input:-moz-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmSearch input::-moz-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmSearch input:-ms-input-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmSearch input:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

#frmSearch input:focus:-moz-placeholder {
  opacity: 0.5;
}

#frmSearch input:focus::-moz-placeholder {
  opacity: 0.5;
}

#frmSearch input:focus:-ms-input-placeholder {
  opacity: 0.5;
}

#divSearch input:focus {
  box-shadow: 0 0 8px 1px var(--rosa-hover);
}

/*Footer*/

#footer {
  background: var(--rosa-oscuro);
}

#footer .contentFooter .container {
  height: 115px;

  display: flex;

  align-items: center;

  color: white;

  font-family: "Arial", serif;

  font-size: 11px;

  justify-content: center;

  flex-direction: column;
}

#footer .tfooter {
  line-height: 16px;

  text-align: left;

  float: left;

  min-height: 22px;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;
}

#footer .tfooter a {
  color: inherit;
}

#footer #powered {
  line-height: 16px;

  width: auto;

  text-align: right;

  float: right;

  display: flex;

  align-items: center;

  margin-bottom: 0;
}

#footer #powered a {
  color: inherit;

  display: flex;

  padding: 0 0 0 28px;

  min-height: 22px;

  align-items: center;

  margin-left: 5px;

  background: url(/assets/images/icoTW.svg) no-repeat center left;
}

#footer #powered a:hover {
  text-decoration: none;
}

#datFooter {
  padding: 63px 0;

  position: relative;

  background-color: var(--color-alter);
}

#datFooter .container {
  position: relative;
}

#datFooter .container > .row {
  justify-content: space-between;

  margin: 0 -15px;

  display: flex;
}

#datFooter .container article {
  font-weight: 300;

  color: #fff;

  font-size: 16px;
}

#datFooter .item {
  display: flex;

  padding: 0 15px;
}

#datFooter .item4 {
  max-width: 290px;
}

#datFooter .item .dat {
  font-family: var(--font-montserrat);

  color: var(--color-corri);
}

#datFooter .item ul {
  padding: 0;

  margin: 0;
}

#datFooter .item li {
  color: inherit;

  list-style: none;

  margin: 0 0 20px;

  padding: 0;

  line-height: 1;
}

#datFooter .item a {
  font-family: var(--font-montserrat);

  color: inherit;

  text-decoration: none;
}

#datFooter .item a:hover {
  color: var(--rosa-hover);
}

#datFooter .title {
  font-family: var(--font-cormorant);

  font-size: 24px;

  color: var(--color-sub);

  font-weight: 500;

  line-height: 1;

  margin-bottom: 35px;

  text-align: left;
}

#datFooter .viewMap a {
  background: #505050;

  width: 105px;

  height: 27px;

  border-radius: 5px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  font-size: 14px;
}

#logoFooter {
  display: flex;

  margin: 0 auto;

  justify-content: center;

  flex-direction: column;

  margin-bottom: 48px;
}

#datFooter #logoFooter:after {
  display: block;

  content: "";

  height: 16px;

  width: 100%;

  background: var(--color-divi);

  border-radius: 8px;
}

#datFooter #logoFooter article {
  padding-bottom: 60px;

  display: block;
}

#datFooter #logoFooter img {
  margin: 0 auto;
}

#toTop {
  position: fixed;

  bottom: 40px;

  right: 30px;

  width: 50px;

  height: 50px;

  background-color: var(--rosa-oscuro);

  color: white;

  border: none;

  border-radius: 50%;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

  z-index: 9999;

  cursor: pointer;

  display: none;

  justify-content: center;

  align-items: center;

  font-size: 24px;

  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}

#toTop:hover {
  background-color: var(--rosa-hover);

  transform: translateY(-5px);

  text-decoration: none;
}

#toTop.show {
  display: flex;
}

/*Inicio*/

#menuHome {
  background: var(--rosa-hover);

  padding: 0 0 73px;
}

/* 
#menuHome:before {

	display: block;

	content: "";

	background: url('../images/home/borderHome.webp') center top no-repeat;

	height: 45px;

	width: 100%;

	position: relative;

	top: -7px;

} */

#menuHome .row {
  flex-direction: row;

  padding-top: 20px;

  justify-content: space-between;

  max-width: 700px;

  margin: 0 auto;
}

#menuHome .item {
  padding: 0 15px;
}

#menuHome .item .title {
  font-family: var(--font-cormorant);

  font-size: 30px;

  color: var(--color-sub);

  line-height: 1.4;

  text-align: center;
}

#menuHome .item figure {
  margin: 15px auto 25px;

  max-width: 210px;
}

#menuHome .item .opBtn a {
  display: flex;

  font-family: var(--font-montserrat);

  background: var(--rosa-principal);

  border-radius: 18px;

  border: solid 1px var(--rosa-principal);

  color: var(--white);

  font-size: 14px;

  width: 123px;

  height: 41px;

  margin: 0 auto;

  align-items: center;

  justify-content: center;

  cursor: pointer;
}

#menuHome .item .opBtn a:hover {
  background: var(--rosa-hover);

  border-radius: 18px;

  color: var(--white);
}

#home-slider {
  padding: 20px 50px 60px;

  position: relative;
}

#home-slider .container {
  max-width: 1420px;

  margin: 0 auto;

  width: 100%;
}

#home-slider .title {
  text-align: center;

  font-family: var(--font-cormorant);

  font-size: 48px;

  color: var(--color-sub);

  position: relative;

  margin-bottom: 50px;
}

#home-slider .title:after {
  display: block;

  content: "";

  background: var(--color-divi);

  border-radius: 5px;

  width: 59px;

  height: 12px;

  margin: 15px auto 0;
}

.product_list a:hover {
  text-decoration: none;
}

.product_list .products-thumb {
  position: relative;

  width: 100%;

  max-width: 310px;

  margin: 0 auto;

  padding: 40px 10px;

  background: #fff;

  border-radius: 29px;
}

.product_list img {
  max-width: 180px;

  height: 180px;

  object-fit: contain;

  background: transparent;

  margin: 0 auto;

  transition: all ease-in-out 0.3s;
}

.product_list a:hover img {
  transform: scale(1.1);
}

.product_list b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

  text-align: center;

  font-family: var(--font-montserrat);

  color: var(--color-corri);

  font-size: 18px;

  font-weight: 400;

  text-decoration: none;

  line-height: 1.3;

  padding: 15px 0;

  height: 65px;
}

.product_list .price {
  text-align: center;

  font-family: var(--font-montserrat);

  color: var(--color-corri);

  font-size: 26px;

  font-weight: 600;

  line-height: 1;
}

.product_list .price span {
  font-size: 18px;
}

.product_list a.addCart {
  display: flex;

  font-family: var(--font-montserrat);

  justify-content: center;

  align-items: center;

  width: 204px;

  height: 51px;

  background: var(--rosa-principal);

  color: #fff;

  font-size: 17px;

  margin: 10px auto 0;

  border-radius: 25px;

  cursor: pointer;

  /* border: solid 1px var(--rosa-principal); */

  transition: all ease-in-out 0.3s;

  position: relative;
}

.product_list a.addCart:not(.disabled):hover {
  background: var(--rosa-hover);

  color: #fff;
}

.product_list a.addCart.disabled:hover {
  color: #fff !important;
}

.product_list a.addCart.disabled:before {
  display: block;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  cursor: not-allowed;
}

#home-slider .container {
  position: absolute;

  z-index: -10;

  opacity: 0;
}

#home-slider .container.active {
  position: initial;

  opacity: 1;

  -webkit-transition: opacity 0.5s linear;

  -o-transition: opacity 0.5s linear;

  transition: opacity 0.5s linear;
}

#home-slider .row {
  position: relative;
}

#home-slider .swiper-button-prev,
#home-slider .swiper-button-next {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 50%;
  margin-top: -22px;
  background-size: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  opacity: 0.6;
  transition: opacity 0.3s;
  cursor: pointer;
  z-index: 10;
}

#home-slider .swiper-button-prev::after,
#home-slider .swiper-button-next::after {
  display: none;
}

#home-slider .swiper-button-prev {
  background-image: url("../images/arrowLeft.png");
  left: -50px;
}

#home-slider .swiper-button-next {
  background-image: url("../images/arrowRight.png");
  right: -50px;
}

#home-slider .swiper-button-prev:hover,
#home-slider .swiper-button-next:hover {
  opacity: 1;
}

.product_list .owl-prev,
.product_list .owl-next {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 50%;
  margin-top: -22px;
  background-size: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -999999%;
  opacity: 0.6;
  transition: opacity 0.3s;
  cursor: pointer;
  z-index: 10;
}

.product_list .owl-prev {
  background-image: url("../images/arrowLeft.png");
  left: -50px;
}

.product_list .owl-next {
  background-image: url("../images/arrowRight.png");
  right: -50px;
}

.product_list .owl-prev:hover,
.product_list .owl-next:hover {
  opacity: 1;
}

.product_list .proxi {
  font-family: var(--font-montserrat);
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-size: 52px;
  font-weight: 700;
  color: var(--color-corri);
  letter-spacing: 2px;
}

.product-thumb-icon .iconHeart {
  display: block;

  width: 31px;

  height: 31px;

  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23cfa3a3%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3Eheart%3C%2Ftitle%3E%3Cpath%20d%3D%22M30.943%208.494c-0.816-2.957-3.098-5.239-5.994-6.040l-0.060-0.014c-0.651-0.159-1.399-0.25-2.169-0.25-2.624%200-5%201.062-6.722%202.779l0-0c-1.558-1.505-3.682-2.433-6.023-2.433-0.77%200-1.516%200.1-2.226%200.288l0.060-0.014c-3.104%200.882-5.499%203.277-6.365%206.317l-0.016%200.065c-0.171%200.648-0.269%201.393-0.269%202.16%200%202.588%201.117%204.915%202.896%206.525l0.008%200.007%2011.381%2012.619c0.138%200.153%200.336%200.248%200.557%200.248s0.419-0.095%200.556-0.247l0.001-0.001%2011.369-12.605c2.002-1.789%203.256-4.379%203.256-7.261%200-0.759-0.087-1.498-0.252-2.208l0.013%200.066zM26.85%2016.851l-0.025%200.028-10.824%2012.002-10.851-12.030c-1.526-1.359-2.483-3.329-2.483-5.523%200-0.621%200.077-1.224%200.221-1.8l-0.011%200.051c0.736-2.588%202.733-4.585%205.267-5.307l0.054-0.013c0.53-0.149%201.138-0.235%201.766-0.236h0.001c2.18%200.065%204.126%201.015%205.5%202.503l0.005%200.005c0.138%200.131%200.325%200.211%200.53%200.211s0.392-0.080%200.531-0.211l-0%200c1.507-1.742%203.722-2.838%206.192-2.838%200.63%200%201.244%200.071%201.833%200.206l-0.055-0.011c2.439%200.674%204.321%202.555%204.982%204.944l0.012%200.050c0.124%200.534%200.195%201.147%200.195%201.776%200%202.471-1.097%204.685-2.83%206.184l-0.010%200.009z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 15px;

  left: 16px;

  cursor: pointer;

  transition: background-image 0.3s ease-in-out;
}

.product-thumb-icon .iconHeart:hover,
.product-thumb-icon .iconHeart.seleccionado {
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23cfa3a3%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23cfa3a3%22%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3Eheart-filled%3C%2Ftitle%3E%3Cpath%20d%3D%22M30.943%208.494c-0.816-2.957-3.098-5.239-5.994-6.040l-0.060-0.014c-0.651-0.159-1.399-0.25-2.169-0.25-2.624%200-5%201.062-6.722%202.779l0-0c-1.558-1.505-3.682-2.433-6.023-2.433-0.77%200-1.516%200.1-2.226%200.288l0.060-0.014c-3.104%200.882-5.499%203.277-6.365%206.317l-0.016%200.065c-0.171%200.648-0.269%201.393-0.269%202.16%200%202.588%201.117%204.915%202.896%206.525l0.008%200.007%2011.381%2012.619c0.138%200.153%200.336%200.248%200.557%200.248s0.419-0.095%200.556-0.247l0.001-0.001%2011.369-12.605c2.002-1.789%203.256-4.379%203.256-7.261%200-0.759-0.087-1.498-0.252-2.208l0.013%200.066z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* ===== INICIO: Menu Categorias ===== */

#menuCategorias {
  padding: 60px 0;
}

.titulo-seccion {
  text-align: center;

  font-family: var(--font-cormorant);

  font-size: 60px;

  color: var(--color-sub);

  margin-bottom: 10px;
}

.subtitulo-seccion {
  text-align: center;

  font-family: var(--font-montserrat);

  font-size: 28px;

  color: var(--color-corri);

  margin-bottom: 40px;
}

#menuCategorias .cat-items {
  display: flex;

  gap: 40px;

  max-width: 100%;

  margin: 0 auto;
}

#menuCategorias .cat-item {
  flex: 1;

  position: relative;

  overflow: hidden;
}

#menuCategorias .cat-item a {
  display: block;

  text-decoration: none;
}

#menuCategorias .cat-item figure {
  margin: 0;
}

#menuCategorias .cat-item figure img {
  width: 100%;

  display: block;

  object-fit: cover;
}

#menuCategorias .cat-label {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 8px 10px;

  background: rgba(0, 0, 0, 0.25);

  text-align: center;
}

#menuCategorias .cat-label span {
  color: #fff;

  font-family: var(--font-montserrat);

  font-size: 26px;

  letter-spacing: 1px;
}


#areaNewsletter {
  /* background: url("../images/home/bgNewsletter.png") center center no-repeat; */

  background: var(--color-titulo);

  height: 206px;

  display: flex;

  align-items: center;

  justify-content: center;
}

#areaNewsletter .title {
  text-align: center;

  font-family: var(--font-montserrat);

  color: #fff;

  font-size: 30px;

  line-height: 1;

  margin-bottom: 20px;
}

#areaNewsletter #frmNewletter {
  margin: 0 auto;

  max-width: 570px;

  position: relative;

  padding-right: 148px;
}

#areaNewsletter #frmNewletter.cntInput {
}

#areaNewsletter #frmNewletter #newEmail {
  display: block;

  font-family: var(--font-montserrat);

  border-radius: 7px 0 0 7px;

  border: none;

  background: #fff;

  height: 51px;

  width: 100%;

  color: var(--color-corri);

  font-size: 16px;

  padding: 0 17px;
}

#areaNewsletter #frmNewletter .btnSubmit {
  display: block;

  font-family: var(--font-montserrat);

  position: absolute;

  right: 0;

  top: 0;

  width: 142px;

  border-radius: 0 7px 7px 0;

  background: var(--rosa-principal);

  border: none;

  color: #fff;

  height: 51px;

  cursor: pointer;

  text-transform: uppercase;
}

#areaNewsletter #frmNewletter .btnSubmit:hover {
  background: var(--rosa-hover);
}

#areaNewsletter #frmNewletter input:-webkit-input-placeholder {
  color: #b8b7b7;

  opacity: 1;
}

#areaNewsletter #frmNewletter input:-moz-placeholder {
  color: #b8b7b7;

  opacity: 1;
}

#areaNewsletter #frmNewletter input:focus:-moz-placeholder {
  opacity: 0.5 !important;
}

#areaNewsletter #frmNewletter input:focus::-moz-placeholder {
  opacity: 0.5 !important;
}

#icoGift {
  display: block;

  position: fixed;

  bottom: 55%;

  right: 10px;

  background: var(--pink9) url("../images/iconGift.png") center center no-repeat;

  border-radius: 50%;

  width: 93px;

  height: 93px;

  border: solid 3px #fff;

  z-index: 2;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

  cursor: pointer;
}

#icoWa {
  display: block;

  position: fixed;

  bottom: 35%;

  right: 10px;

  background: #26912a url("../images/icoWa.png") center center no-repeat;

  border-radius: 50%;

  width: 93px;

  height: 93px;

  border: solid 3px #fff;

  z-index: 2;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

  cursor: pointer;
}

#icoGift:hover {
  background-color: var(--pink4);
}

/*Nosotros*/

#nosotros-1 {
  padding: 100px 0 50px;
}

#nosotros-1 .text-content:before,
#nosotros-1 .text-content:after {
  display: block;

  content: "";

  clear: both;
}

#nosotros-1 .text-content {
  overflow: hidden;
}

#nosotros-1 .title {
  font-size: 60px;

  font-family: var(--font-playfair);

  color: var(--color-titulo);

  line-height: 1;

  margin-bottom: 35px;
}

#nosotros-1 p {
  font-size: 16px;

  font-family: var(--font-montserrat);

  color: var(--color-corri);

  margin: 0 auto 25px;

  line-height: 1.2;
}

#nosotros-1 .image-container {
  float: right;

  margin-left: 25px;

  margin-bottom: 25px;

  max-width: 500px;
}

#bienvenida {
  padding: 0 0 120px;
}

#bienvenida .bg {
  background: var(--color-divi);

  color: var(--color-corri);

  height: 139px;

  display: flex;

  font-size: 30px;

  font-family: var(--font-montserrat);

  justify-content: center;

  align-items: center;

  border-radius: 70px;

  box-shadow: 0px 6px 0px 5px #eee;

  font-weight: 300;

  margin-bottom: 128px;

  padding: 0 15px;
}

#bienvenida .row {
  display: flex;

  margin: 0 -75px;
}

#bienvenida .bloq {
  width: 50%;

  padding: 0 75px;

  text-align: center;
}

#bienvenida figure {
  max-width: 223px;

  margin: 0 auto;
}

#bienvenida .title {
  font-size: 48px;

  color: var(--color-sub);

  font-family: var(--font-cormorant);

  line-height: 1.2;

  margin: 20px 0 25px;
}

#bienvenida .row .text {
  line-height: 2;

  font-family: var(--font-montserrat);

  color: var(--color-corri);

  font-size: 16px;

  max-width: 500px;

  margin: 0 auto;
}

#bienvenida .row .bloq:nth-child(2) {
  background: url("../images/nosotros/sepV.png") 0 0 repeat-y;
}

#bienvenida .row .bloq:nth-child(2) .text {
  max-width: 480px;
}

#valores .bg {
  background: url("../images/nosotros/bgValoresv2.webp") center bottom no-repeat;
}

#valores .title {
  font-size: 48px;

  color: var(--color-sub);

  font-family: var(--font-cormorant);

  line-height: 1.2;

  margin: 20px 0 25px;

  text-align: center;
}

#valores .row {
  justify-content: space-between;
}

#valores .item {
  padding-bottom: 61px;
}

#valores .text {
  color: #fff;

  font-family: var(--font-montserrat);

  text-align: center;

  font-size: 24px;

  line-height: 1.5;

  margin-top: 15px;
}

#areaForm {
  padding: 50px 0;
}

#areaForm .title {
  font-size: 60px;

  font-family: var(--font-playfair);

  color: var(--color-titulo);

  line-height: 1;

  margin-bottom: 30px;

  text-align: center;
}

#areaForm .titleContact {
  text-align: center;

  font-family: var(--font-montserrat);

  font-size: 21px;

  color: var(--color-corri);

  line-height: 1.2;
}

#frmContacto .row {
  padding-top: 45px;

  margin: 0 -12px;
}

#frmContacto .row .col {
  width: 33.3333%;

  padding: 0 6px 12px;
}

#frmContacto .row .col-1 {
  width: 100%;

  padding: 0 6px 12px;
}

#frmContacto .form-control {
  display: block;

  font-family: var(--font-montserrat);

  border-radius: 6px;

  border: solid 1px var(--color-divi);

  color: #898989;

  background: var(--color-alter);

  height: 91px;

  width: 100%;

  padding: 0 15px;

  font-size: 18px;
}

#frmContacto textarea.form-control {
  height: 242px;

  padding-top: 30px;

  padding-bottom: 30px;
}

#frmContacto input::-webkit-input-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmContacto input:-moz-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmContacto input::-moz-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmContacto input:-ms-input-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmContacto textarea::-webkit-input-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmContacto textarea:-moz-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmContacto textarea::-moz-placeholder {
  color: #898989;

  opacity: 1;
}

#frmContacto textarea:-ms-input-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

#frmContacto input:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

#frmContacto input:focus:-moz-placeholder {
  opacity: 0.5;
}

#frmContacto input:focus::-moz-placeholder {
  opacity: 0.5;
}

#frmContacto input:focus:-ms-input-placeholder {
  opacity: 0.5;
}

#frmContacto textarea:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

#frmContacto textarea:focus:-moz-placeholder {
  opacity: 0.5;
}

#frmContacto textarea:focus::-moz-placeholder {
  opacity: 0.5;
}

#frmContacto textarea:focus:-ms-input-placeholder {
  opacity: 0.5;
}

#areaCaptcha {
  margin: 0 auto;
}

#frmContacto .btns {
  text-align: center;
}

#frmContacto .btns button {
  display: inline-block;

  font-family: var(--font-montserrat);

  border: none;

  width: 163px;

  height: 67px;

  border-radius: 30px;

  margin: 0 4px;

  text-transform: uppercase;

  color: #fff;

  font-size: 18px;

  cursor: pointer;
}

#frmContacto .btns button.reset {
  background: var(--fondo-alter);

  border: 1px solid var(--rosa-oscuro);

  color: var(--rosa-oscuro);
}

#frmContacto .btns button.submit {
  background: var(--rosa-principal);
}

#frmContacto .btns button:hover {
  background: var(--rosa-hover);
}

#frmContacto .btns button.reset:hover {
  color: var(--white);
}

.mailContact {
  text-align: center;

  padding: 40px 0;
}

.mailContact span {
  display: inline-flex;

  font-family: var(--font-montserrat);

  background: url("../images/contacto/iconMail.png") left center no-repeat;

  padding-left: 65px;

  font-size: 30px;

  color: var(--color-corri);

  font-weight: 600;
}

#mapa iframe {
  display: block;

  width: 100%;

  height: 805px;
}

#textEnvios {
  padding: 115px 0;
}

#textEnvios .container > div {
  font-family: var(--font-montserrat);

  font-size: 18px;

  color: #616161;

  margin-bottom: 40px;

  line-height: 2.4;
}

#textEnvios .container > div.text2 {
  padding-left: 29px;

  position: relative;
}

#textEnvios .container > div.text2:before {
  display: block;

  content: "";

  width: 6px;

  background-color: #ee9cad;

  position: absolute;

  top: 12px;

  bottom: 12px;

  left: 0;

  border-radius: 3px;
}

#comprasPlazos {
  padding: 115px 0;
}

#comprasPlazos .container > div {
  font-size: 18px;

  color: var(--color-corri);

  line-height: 2.4;

  font-family: var(--font-montserrat);
}

#comprasPlazos .container > div.text2 {
  line-height: 1.5;

  margin-bottom: 22px;
}

#comprasPlazos .mb55 {
  margin-bottom: 55px;
}

#comprasPlazos ul {
  margin: 5px 0 87px;

  padding: 0;
}

#comprasPlazos ul li {
  margin: 0 0 25px;

  padding: 0 0 0 26px;

  list-style: none;

  background: url("../images/compras-plazos/list.png") 0 center no-repeat;

  line-height: 1;

  font-size: 18px;

  font-family: var(--font-montserrat);

  color: var(--color-corri);
}

#comprasPlazos ul li span {
  color: #b47482;

  font-weight: 600;
}

#comprasPlazos .container > div.titGray {
  text-align: center;

  font-size: 33px;

  color: var(--color-sub);

  font-family: var(--font-cormorant);

  line-height: 1;

  padding: 8px 20px;

  height: 102px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: var(--color-divi);

  border-radius: 44px;

  font-weight: 600;
}

#esquema {
  padding: 0 0 100px;
}

#esquema .container {
  max-width: 1237px;

  margin: 0 auto;
}

#esquema .container .item {
  width: 50%;

  padding: 0 15px;
}

#esquema .container .row .item:nth-child(2) {
  border-left: solid 1px #d7d7d7;
}

#esquema .container article {
  text-align: center;
}

#esquema .container figure {
  text-align: center;
}

#esquema .container img {
  margin: 0 auto;
}

#esquema .container .tit {
  color: var(--color-sub);

  font-size: 20px;

  line-height: 1.2;

  padding: 12px 0 29px;

  font-weight: 600;

  font-family: var(--font-cormorant);
}

#esquema .container .tit span:after {
  display: block;

  content: "";

  width: 153px;

  height: 6px;

  background: var(--color-divi);

  border-radius: 3px;

  margin: 14px auto 0;
}

#esquema .container .text {
  text-align: center;

  line-height: 1.5;

  font-size: 19px;

  font-family: var(--font-montserrat);

  color: var(--color-corri);
}

#esquema .container .text > div {
  margin-bottom: 15px;
}

#privacidad {
  padding: 115px 0;
}

#privacidad .container {
  font-family: var(--font-montserrat);

  font-size: 18px;

  color: var(--color-corri);

  line-height: 2.4;

  text-align: justify;
}

.mb40 {
  margin-bottom: 40px;
}

#privacidad .container .title {
  font-family: var(--font-cormorant);

  font-size: 24px;

  color: var(--color-sub);

  font-weight: 600;

  line-height: 1.5;

  margin-bottom: 10px;

  text-align: left;
}

#privacidad .container .item > div {
  line-height: 1.5;

  margin-top: 10px;
}

.nstrong b {
  font-weight: 400;
}

.b-abs > div:not(.title) {
  position: relative;

  padding-left: 25px;
}

.b-abs b {
  position: absolute;

  left: 0;
}

a.pink1 {
  color: var(--color-titulo);
}

a.gray1 {
  color: #616161;
}

.titleGeneral1 {
  text-align: center;

  font-family: var(--font-playfair);

  font-size: 55px;

  color: var(--color-titulo);

  position: relative;

  margin-bottom: 50px;
}

.titleGeneral1:after {
  display: block;

  content: "";

  background: var(--color-divi);

  border-radius: 5px;

  width: 59px;

  height: 12px;

  margin: 15px auto 0;
}

#marcas-1,
#categorias-1,
#temas-1 {
  padding: 60px 0;
}

.cntMarcas .row {
  margin: 0 -13px;

  flex-wrap: wrap;
}

.cntMarcas .item {
  padding: 0 13px;

  margin-bottom: 25px;

  width: 20%;
}

.cntMarcas figure {
  border: solid 1px var(--color-divi);

  border-radius: 9px;

  overflow: hidden;

  transition: all 0.3s ease-in-out;

  max-width: 308px;

  height: 200px;

  background: #fff;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;
}

.cntMarcas figure img {
  max-width: 100%;

  max-height: 100%;

  width: auto;

  height: auto;
}

.cntMarcas .item img {
  display: block;

  max-width: 100%;

  max-height: 200px;

  width: auto;

  height: auto;

  filter: grayscale(0%);

  transition: all 0.3s ease-in-out;
}

.cntMarcas .item:hover img {
  filter: grayscale(100%);

  transform: scale(1.15);
}

.cntMarcas .item:hover figure {
  box-shadow: 0 5px 10px rgba(230, 198, 198, 0.8);
}

.cntCategorias .row {
  margin: 0 -14px;

  flex-wrap: wrap;
}

.cntCategorias .item {
  padding: 0 14px;

  margin-bottom: 25px;

  width: 20%;
}

.cntCategorias figure a {
  border-radius: 9px;

  overflow: hidden;

  transition: all 0.3s ease-in-out;

  max-width: 310px;

  margin: 0 auto;

  background: url("../images/tienda/bgCategorias.png") center center no-repeat;

  height: 151px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 25px;

  color: var(--color-titulo) !important;

  border: 1px solid var(--color-divi);

  position: relative;

  padding: 10px;
}

.cntCategorias figure a span {
  position: relative;

  z-index: 2;

  font-family: var(--font-playfair);

  line-height: 1;

  transition: all 0.3s ease-in-out;
}

.cntCategorias figure a:before {
  display: block;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgba(230, 198, 198, 1);

  z-index: 1;

  opacity: 0;

  transition: all 0.3s ease-in-out;
}

.cntCategorias figure a:hover {
  text-decoration: none;
}

.cntCategorias figure a:hover:before {
  opacity: 1;
}

.cntCategorias figure a:hover span {
  color: var(--color-corri);
}

.cntTemas .row {
  margin: 0 -13px;

  flex-wrap: wrap;
}

.cntTemas .item {
  padding: 0 13px;

  margin-bottom: 25px;

  width: 20%;
}

.cntTemas a {
  display: block;

  position: relative;

  border-radius: 9px;

  overflow: hidden;
}

.cntTemas a span {
  display: flex;

  font-family: var(--font-playfair);

  transition: all 0.3s ease-in-out;

  margin: 0 auto;

  min-height: 74px;

  line-height: 1;

  font-size: 26px;

  color: var(--color-titulo);

  justify-content: center;

  align-items: center;

  text-align: center;

  position: relative;

  z-index: 2;

  padding: 10px;
}

.cntTemas a:before {
  display: block;

  content: "";

  position: absolute;

  left: -1px;

  top: -1px;

  right: -1px;

  bottom: -1px;

  background: var(--rosa-hover);

  z-index: 1;

  opacity: 0;

  transition: all 0.3s ease-in-out;
}

.cntTemas a:after {
  display: block;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  border: dashed 1px #c2c2c2;

  z-index: 0;
}

.cntTemas a:hover {
  text-decoration: none;
}

.cntTemas a:hover span {
  color: #fff;
}

.cntTemas a:hover:before {
  opacity: 1;
}

#FAQ-1 {
  padding: 60px 0;
}

#FAQ-1 .itemCat {
  margin-bottom: 10px;
}

#FAQ-1 .itemCat .item {
  width: 50%;
}

#FAQ-1 .itemCat .title {
  background: var(--color-divi);

  color: var(--color-sub);

  font-size: 40px;

  font-family: var(--font-cormorant);

  display: block;

  border-radius: 41px;

  min-height: 95px;

  padding: 10px 20px 15px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  line-height: 1.2;

  margin-bottom: 50px;
}

#FAQ-1 .itemCat .row {
  margin: 0 -32px;
}

#FAQ-1 .itemCat .item {
  padding: 0 32px;
}

#FAQ-1 .itemCat article {
  margin-bottom: 50px;
}

#FAQ-1 .itemCat .pregunta {
  border-bottom: solid 1px #cccccc;

  font-family: var(--font-montserrat);

  font-size: 22px;

  color: var(--color-corri);

  font-weight: 600;

  position: relative;

  line-height: 1.2;

  padding: 8px 35px 8px 0;

  cursor: pointer;
}

#FAQ-1 .itemCat .pregunta img {
  width: 24px;
}

#FAQ-1 .itemCat .pregunta i {
  position: absolute;

  right: 0;

  top: 20%;

  transition: linear all 0.2s;
}

#FAQ-1 .itemCat .respuesta {
  line-height: 24px;

  overflow: hidden;

  max-height: 0;

  transition: max-height 0.5s ease-in-out;
}

#FAQ-1 .itemCat .respuesta > div {
  font-family: var(--font-montserrat);

  font-size: 18px;

  color: var(--color-corri);

  padding: 15px 0 15px 29px;

  position: relative;
}

#FAQ-1 .itemCat .respuesta > div:before {
  display: block;

  content: "";

  width: 9px;

  border-radius: 4.5px;

  background: var(--color-divi);

  position: absolute;

  left: 0;

  top: 15px;

  bottom: 15px;
}

#FAQ-1 .itemCat article.open .pregunta {
  color: var(--color-titulo);
}

#FAQ-1 .itemCat article.open .pregunta i {
  transform: rotate(-90deg);
}

#FAQ-1 .itemCat article.open .respuesta {
  max-height: 600px;
}

#FAQ-1 .itemCat .row-t .item {
  width: 920px;
}

#tips-1 {
  padding: 60px 0;
}

#tip-1 {
  padding: 0 0 60px;
}

.cntTips {
  max-width: 1353px;

  margin: 0 auto;

  padding: 0 25px;
}

.cntTips .row {
  margin: 0 -62px;
}

.cntTips .item {
  width: 50%;

  padding: 0 62px;

  display: flex;

  justify-content: center;

  margin-bottom: 65px;
}

.cntTips .item article {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);

  transition: box-shadow 0.3s ease-in-out;

  max-width: 579px;

  margin: 0 auto;
}

.cntTips .item article figure {
  position: relative;
}

.cntTips .item article figure a {
  background: #000;

  overflow: hidden;
}

.cntTips .item article figure:before {
  display: block;

  content: "";

  background: #e5e5e5;

  position: absolute;

  left: 7px;

  right: -7px;

  top: 7px;

  bottom: -7px;

  z-index: -1;
}

.cntTips .item article a,
.cntTips .item img,
.cntTips .item article figure:before {
  border-radius: 13px;
}

.cntTips .item img {
  transition: all 0.3s ease-in-out;
}

.cntTips .item .date {
  position: absolute;

  bottom: -20px;

  right: 20px;
}

.cntTips .date span {
  display: flex;

  font-family: var(--font-montserrat);

  background: var(--rosa-oscuro);

  color: #fff;

  width: 131px;

  height: 40px;

  align-items: center;

  justify-content: center;

  border-radius: 20px;

  font-size: 14px;

  font-family: "Poppins", sans-serif;
}

.cntTips .item .title {
  padding-top: 35px;

  font-size: 26px;

  color: var(--color-sub);

  font-family: var(--font-cormorant);
}

.cntTips .item .text {
  padding-top: 15px;

  font-size: 18px;

  font-family: var(--font-montserrat);

  color: var(--color-corri);

  overflow-wrap: break-word;

  word-break: break-word;
}

.cntTips .item a {
  display: block;

  color: inherit;
}

.cntTips .item a:hover {
  text-decoration: none;

  color: var(--rosa-hover);
}

.cntTips .item a img {
  transition: all 0.3s ease-in-out;

  object-fit: cover;
}

.cntTips .item figure a:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.cntTips .item figure a:hover img {
  transform: scale(1.1);

  opacity: 0.7;
}

.cntTip .row {
  margin: 0;
}

.cntTip .item {
  width: 100%;

  padding: 0;
}

.cntTip .item article {
  max-width: initial;
}

.cntTips .item .date {
  position: absolute;

  bottom: -20px;

  right: 20px;
}

.cntTip .date span {
  width: 213px;

  height: 66px;

  border-radius: 33px;

  font-size: 22px;
}

.cntTips.cntTip .item .title {
  font-size: 36px;

  color: var(--color-sub);

  font-weight: 600;

  padding-left: 25px;

  position: relative;

  padding-top: 0;

  line-height: 1.6;

  margin-top: 66px;

  margin-bottom: 35px;

  padding-bottom: 10px;
}

.cntTips.cntTip .item .title:before {
  display: block;

  content: "";

  width: 9px;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  background: var(--color-divi);

  border-radius: 4.5px;
}

.cntTips.cntTip .item .text {
  font-size: 18px;
}

.navTips {
  display: flex;

  justify-content: center;
}

.navTips a {
  display: inline-flex;

  font-family: var(--font-montserrat);

  margin: 0 3px;

  background: var(--rosa-principal);

  width: 178px;

  height: 51px;

  color: #fff !important;

  justify-content: center;

  align-items: center;

  font-size: 18px;
}

.navTips a:not(.disable):hover {
  background: var(--rosa-hover);
}

/* .navTips a:not([href]):not([tabindex]) {
  opacity: 0.7;

  cursor: not-allowed;
} */

.navTips a.prev {
  border-radius: 25.5px 0 0 25.5px;
}

.navTips a.next {
  border-radius: 0 25.5px 25.5px 0;
}

.containerProducts {
  max-width: 1353px;

  margin: 0 auto;

  padding: 0 25px;
}

.containerProducts .row {
  flex-wrap: wrap;
}

.containerProducts .item {
  width: 20%;

  flex-basis: 25%;

  margin-bottom: 55px;

  padding: 0 15px;

  display: flex;
}

#productos-1 {
  padding: 60px 0;
}

#detalleProducto {
  padding: 115px 0 80px;
}

#detalleProducto .colP {
  width: 50%;

  padding: 0 15px;
}

.titProd {
  font-family: var(--font-cormorant);

  font-size: 36px;

  line-height: 1.5;

  color: var(--color-sub);

  padding-bottom: 30px;

  position: relative;
}

.titProd:after {
  display: block;

  content: "";

  width: 73px;

  height: 9px;

  background-color: var(--color-divi);

  border-radius: 4.5px;

  position: absolute;

  left: 0;

  bottom: 0;
}

.priceProd {
  font-family: var(--font-montserrat);

  line-height: 1.5;

  color: var(--color-corri);

  font-size: 58px;

  font-weight: 600;

  margin-bottom: 25px;

  margin-top: 35px;
}

.priceProd span {
  font-size: 43px;

  font-style: normal;
}

.descProd {
  font-family: var(--font-montserrat);

  color: var(--color-corri);

  font-size: 18px;
}

.areaFrmAddCart {
  padding: 60px 0;

  border-bottom: solid 1px #d0d0d0;
}

#frmAddCart .row > div {
  width: 50%;

  padding: 0 15px;

  height: 65px;
}

#frmAddCart .row > div > div {
  border-radius: 32.5px;

  overflow: hidden;

  justify-content: space-evenly;
}

#frmAddCart .cntInputs > div {
  background: var(--rosa-oscuro);

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: var(--font-montserrat);

  color: #fff;

  font-size: 24px;

  height: 100%;
}

.quantity {
  position: relative;

  justify-content: center;

  align-items: center;

  display: flex;

  margin-left: 8px;

  background: rgba(255, 255, 255, 0.35);

  max-width: 104px;

  height: 40px;

  border-radius: 20px;

  overflow: hidden;
}

.quantity input {
  border: none;

  height: inherit;

  color: #fff;

  text-align: center;

  background: none;
}

.quantity .input-text {
  width: 100%;

  margin: 0 auto;

  cursor: default;
}

.quantity .minus,
.quantity .plus {
  position: absolute;

  cursor: pointer;

  width: 38px;

  font-size: 20px;
}

.quantity .minus {
  left: 0;
}

.quantity .plus {
  right: 0;

  -webkit-border-top-right-radius: 4px;

  -webkit-border-bottom-right-radius: 4px;

  -moz-border-radius-topright: 4px;

  -moz-border-radius-bottomright: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;
}

.btnCart div {
  height: inherit;
}

.btnCart button {
  font-family: var(--font-montserrat);

  background: var(--rosa-principal);

  color: #fff;

  display: block;

  border: none;

  height: 100%;

  width: 100%;

  font-size: 18px;

  text-transform: uppercase;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;
}

.btnCart button i {
  display: inline-block;

  background: url("../images/tienda/btnCart.png") center center;

  width: 25px;

  height: 23px;

  margin-right: 8px;
}

.btnCart button:hover {
  background: var(--rosa-hover);
}

#shareProduct {
  padding: 37px 0;
}

#shareLinks {
  display: flex;

  align-items: center;
}

#shareLinks a {
  display: flex;

  width: 43px;

  height: 43px;

  align-items: center;

  justify-content: center;

  border-radius: 14px;

  margin-right: 4px;
}

#shareLinks #btnShaWh {
  background: #63a530;

  margin-left: 15px;
}

#shareLinks #btnFace {
  background: #335a95;
}

#shareLinks #btnTwitter {
  background: #000;
}

#shareLinks #btnMail {
  background: #5fa2ef;
}

#shareLinks svg {
  width: 25px;
}

#shareLinks a:hover {
  opacity: 0.75;
}

.tab {
  border-bottom: solid 1px var(--color-divi);
}

.titTab {
  font-family: var(--font-cormorant);

  line-height: 2;

  color: var(--color-sub);

  font-size: 35px;

  width: 270px;

  text-align: center;

  position: relative;

  padding: 10px 0;
}

.titTab:before {
  display: block;

  content: "";

  background: var(--color-divi);

  width: 73px;

  height: 9px;

  position: absolute;

  left: 50%;

  margin-left: -46.5px;

  bottom: -4.5px;

  border-radius: 4.5px;
}

.desc2Prod {
  font-family: var(--font-montserrat);

  line-height: 2;

  font-size: 18px;

  color: #616161;

  padding: 30px 0 0;
}

.separadorProdRel {
  background: var(--color-divi);

  height: 16px;

  border-radius: 8px;

  margin-bottom: 60px;
}

#sliderRelacionados {
  padding-bottom: 100px;
}

#sliderRelacionados .title {
  text-align: center;

  font-family: var(--font-cormorant);

  font-size: 48px;

  color: var(--color-sub);

  position: relative;

  margin-bottom: 50px;
}

#sliderRelacionados .title::after {
  display: block;

  content: "";

  background: var(--color-divi);

  border-radius: 5px;

  width: 59px;

  height: 12px;

  margin: 15px auto 0;
}

#overlay-product {
  display: block;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(255, 255, 255, 0.77);

  z-index: 9999;
}

#alertProd {
  display: block;

  position: fixed;

  z-index: 99999;

  padding: 13px 0;

  width: 200px;

  color: #2c7635;

  background-color: #dff0d4;

  border: #d6e9c4 solid 1px;

  font-size: 15px;

  text-align: center;

  top: 50%;

  left: 50%;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

#sinImagen img {
  display: block;

  margin: 0 auto;
}

.border-img {
  border: solid 1px var(--color-divi);

  border-radius: 13px;

  overflow: hidden;

  min-height: 250px;

  display: flex;

  justify-content: center;

  align-items: center;
}

#slider {
  padding: 24px 55px;
}

#slider .item {
  padding: 12px;

  border: solid 1px var(--color-divi);

  border-radius: 13px;
}

#slider .owl-prev,
#slider .owl-next {
  position: absolute;

  width: 37px;

  text-indent: -999999%;

  opacity: 1;

  top: 24px;

  bottom: 24px;

  background-size: 12px;

  background-position: center center;

  background-repeat: no-repeat;

  background-color: #f4f4f4;

  border-radius: 5px;
}

#slider .owl-prev {
  background-image: url("../images/arrowLeft.png");

  left: 0;
}

#slider .owl-next {
  background-image: url("../images/arrowRight.png");

  right: 0;
}

.sliderCarrito {
  background: var(--color-principal);

  padding-top: 70px;
}

#sliderRelacionados .title {
  font-size: 40px;
}

#tiendaCarrito {
  padding: 135px 0 86px;
}

.colCart {
  width: 67%;

  position: relative;
}

.colCart:before {
  display: block;

  content: "";

  width: 9px;

  height: 100%;

  background: var(--color-divi);

  border-radius: 4.5px;

  position: absolute;

  right: 0;

  top: 0;
}

.colCart article {
  max-width: 788px;

  margin: 0 auto;

  display: flex;

  border-top: solid 1px var(--color-divi);

  margin-top: 59px;

  padding-top: 59px;
}

.colCart article:nth-child(1) {
  border-top: none;

  margin-top: 0;

  padding-top: 0;
}

#tiendaCarrito .image {
  width: 32%;

  padding: 10px;

  border-right: solid 1px var(--color-divi);

  text-align: center;
}

#tiendaCarrito .image img {
  margin: 0 auto;
}

.colProducto {
  width: 68%;

  padding: 0 40px 0 53px;

  position: relative;
}

.colProducto .nombre {
  font-family: var(--font-cormorant);

  font-size: 23px;

  line-height: 1.5;

  position: relative;

  color: var(--color-sub);

  text-shadow: 0 0 1px #616161;
}

.colProducto .precio {
  font-family: var(--font-montserrat);

  line-height: 1.5;

  color: var(--color-corri);

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 10px;

  margin-top: 15px;
}

.colProducto .precio span {
  font-size: 18px;
}

#tiendaCarrito .cntInputs > div {
  background: var(--rosa-oscuro);

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: var(--font-montserrat);

  color: #fff;

  font-size: 15px;

  height: 49px;

  border-radius: 29.5px;

  overflow: hidden;

  justify-content: space-evenly;

  width: 198px;
}

#tiendaCarrito .quantity {
  width: 76px;
}

.colProducto .delCart {
  position: absolute;

  width: 28px;

  height: 28px;

  border-radius: 50%;

  background: var(--rosa-principal);

  font-size: 17px;

  color: #3d3737;

  font-family: "Arial";

  display: flex;

  justify-content: center;

  align-items: center;

  right: 0;

  top: 0;

  cursor: pointer;
}

.colProducto .total {
  font-family: var(--font-montserrat);

  font-size: 30px;

  color: var(--color-corri);

  font-weight: 600;

  margin-top: 10px;
}

.colTotal {
  width: 33%;
}

.colTotal > div {
  max-width: 330px;

  margin: 0 auto;
}

.colTotal .total {
  display: flex;

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

  align-items: center;

  justify-content: space-between;

  border-bottom: solid 1px #e1e1e1;

  padding-bottom: 15px;
}

.colTotal .lblTotal {
  font-family: var(--font-montserrat);

  font-size: 30px;

  color: var(--color-corri);
}

.colTotal .valTotal {
  font-family: var(--font-montserrat);

  font-size: 36px;

  color: var(--color-corri);

  font-weight: 600;
}

.colTotal .nota {
  font-size: 13px;

  color: var(--color-corri);

  font-family: var(--font-montserrat);

  text-align: justify;

  padding: 20px 0;
}

.colTotal .btns button {
  font-family: var(--font-montserrat);

  font-size: 18px;

  height: 65px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  width: 100%;

  border: none;

  border-radius: 33px;

  color: #fff;

  cursor: pointer;
}

.colTotal .btns button.gray {
  background: var(--fondo-alter);

  border: 1px solid var(--rosa-oscuro);

  color: var(--rosa-oscuro);

  margin-bottom: 15px;
}

.colTotal .btns button.green {
  background: var(--rosa-principal);
}

.colTotal .btns button:hover {
  background: var(--rosa-hover);

  color: var(--white);
}

#overlayTW {
  background: rgba(38, 38, 38, 0.6);

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 8000;
}

#winTW-Login,
#winTW-Reg,
#winTW-Lost {
  position: fixed;

  width: 496px;

  height: 100%;

  background: #fff url("../images/login/bg.webp") center top no-repeat;

  border-radius: 5px;

  z-index: 8001;

  left: 50%;

  top: 50%;

  margin-left: -242px;
}

#winTW-Reg {
  height: 665px;

  margin-top: -332.5px;
}

#winTW-Login {
  height: 570px;

  margin-top: -300px;
}

#winTW-Lost {
  height: 435px;

  margin-top: -212px;
}

#winTW-Login .cnt,
#winTW-Reg .cnt,
#winTW-Lost .cnt {
  position: relative;

  padding: 0 31px;
}

.closeTW {
  position: absolute;

  width: 51px;

  height: 51px;

  border-radius: 50%;

  background: var(--rosa-principal);

  color: #fff;

  z-index: 2;

  right: -15px;

  top: -15px;

  cursor: pointer;

  font-family: "Playwrite HR Lijeva", cursive;

  font-size: 28px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 3px 11px 0;
}

#bodyWin {
  padding: 36px 0;
}

#logoWin {
  text-align: center;

  margin-bottom: 25px;
}

#logoWin img {
  margin: 0 auto;
}

#bodyWin .labelWin {
  text-align: center;

  font-family: var(--font-cormorant);

  font-size: 29px;

  color: var(--color-sub);

  line-height: 30px;

  margin-bottom: 20px;

  text-shadow: 0 0 1px 404040;
}

.frmLogin .form-group {
  position: relative;

  margin-bottom: 8px;
}

.frmLogin input {
  display: block;

  height: 56px;

  width: 100%;

  border-radius: 10px;

  border: solid 1px var(--color-divi);

  padding: 0 17px;

  font-family: var(--font-montserrat);

  font-size: 14px;

  color: var(--color-corri);
}

.frmLogin .ico-vpass {
  display: block;

  position: absolute;

  width: 30px;

  background: url("../images/icoVPass.svg") 0 26px no-repeat;

  background-size: 20px;

  right: 2px;

  top: -7px;

  height: 100%;

  cursor: pointer;

  opacity: 0.6;

  transition: opacity 0.3s ease;
}

.frmLogin .ico-vpass:hover {
  opacity: 1;
}

.frmLogin .ico-vpass.active {
  opacity: 1;
}

.frmLogin input::-webkit-input-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

.frmLogin input:-moz-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

.frmLogin input::-moz-placeholder {
  color: var(--color-corri);

  opacity: 1;
}

.frmLogin input:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

.frmLogin input:focus:-moz-placeholder {
  opacity: 0.5;
}

.frmLogin input:focus::-moz-placeholder {
  opacity: 0.5;
}

.frmLogin .cntSubmit {
  padding-top: 15px;

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;
}

.frmLogin .cntSubmit input {
  width: 286px;

  height: 48px;

  border-radius: 24px;

  color: #fff;

  font-family: var(--font-montserrat);

  font-size: 18px;

  font-weight: 600;

  cursor: pointer;

  border: none;
}

.frmLogin .cntSubmit input[type="submit"] {
  background: var(--rosa-principal);

  margin-bottom: 10px;

  font-weight: 600;
}

#frmLogin .cntSubmit input[type="submit"] {
  background: var(--rosa-principal);
}

.frmLogin .cntSubmit input[type="button"] {
  background: var(--fondo-alter);

  border: 1px solid var(--rosa-principal);

  color: var(--rosa-principal);

  font-weight: 400;
}

.frmLogin .cntSubmit input:hover {
  opacity: 0.7;
}

.frmLogin .cntSubmit input[type="submit"]:hover {
  background: var(--rosa-hover);
  opacity: 1;
}

.frmLogin .cntSubmit input[type="button"]:hover {
  background: var(--rosa-hover);
  color: var(--white);
  opacity: 1;
}

#frmLogin .cntSubmit input[type="submit"]:hover {
  background: var(--rosa-hover);
  opacity: 1;
}

.frmLogin .options {
  text-align: center;

  padding-top: 17px;

  cursor: pointer;

  color: rgba(75, 75, 75, 0.35);
}

.frmLogin .options a {
  font-family: var(--font-montserrat);

  font-size: 12px;

  color: #7a7a7a;
}

.frmLogin .form-group.error input {
  box-shadow: 0 0 10px 0 #bfbfbf;

  background: #f2d6d6;

  border-color: red;
}

.frmLogin .form-group.error input::-webkit-input-placeholder {
  color: #b32f2f;

  opacity: 1;
}

.frmLogin .form-group.error input:-moz-placeholder {
  color: #b32f2f;

  opacity: 1;
}

.frmLogin .form-group.error input::-moz-placeholder {
  color: #b32f2f;

  opacity: 1;
}

#topLogout {
  background: #399afe;
}

body[data-page="reset"] {
  padding-top: 250px;
}

.Recover__ContentRecover {
  max-width: 554px;

  width: 100%;

  padding: 100px 25px;

  margin: 30px auto;

  background: #fff url("../images/bgReg.png") center top no-repeat;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

  border-radius: 10px;
}

.Recover__Img {
  width: 100%;

  -moz-box-pack: center;

  justify-content: center;

  -moz-box-align: center;

  align-items: center;

  display: flex;
}

.Recover__Title {
  height: 30px;

  width: 100%;

  color: rgb(50, 50, 50);

  font-size: 30px;

  line-height: 30px;

  text-align: center;

  margin-top: 20px;
}

.Recover__Description {
  height: 38px;

  width: 100%;

  color: rgb(50, 50, 50);

  font-size: 15px;

  font-weight: 400;

  line-height: 19px;

  text-align: center;

  margin-top: 20px;

  margin-bottom: 30px;
}

.Recover__Description b {
  font-weight: 500;
}

.Recover__Button {
  height: 36px;

  width: 100%;

  border-radius: 2px;

  background-color: rgb(255, 173, 126);

  color: rgb(255, 255, 255);

  font-size: 14px;

  font-weight: bold;

  line-height: 18px;

  text-align: center;

  margin-top: 16px;
}

.Recover__Alert {
  margin-top: 20px;

  height: 14px;

  width: 100%;

  color: rgb(119, 119, 119);

  font-size: 12px;

  line-height: 14px;

  text-align: center;
}

#topLogout {
  position: relative;

  background: none;
}

#topOptions #userCart #topLogout:hover span {
  color: var(--pink10);
}

#tiendaFormulario {
  padding: 135px 0 86px;
}

#tiendaFormulario .borde {
  padding: 0 25px 67px;

  border: dashed 1px var(--rosa-oscuro);
}

#tiendaFormulario .borde .title {
  text-align: center;

  font-family: var(--font-playfair);

  font-size: 44px;

  color: var(--color-titulo);

  position: relative;
}

#tiendaFormulario .borde .title span {
  display: inline-block;

  background: var(--color-principal);

  position: relative;

  top: -42px;

  padding: 0 30px;

  line-height: 1;
}

#tiendaFormulario .cnt {
  max-width: 1108px;

  margin: 0 auto;
}

#tiendaFormulario .opFormulario .item {
  padding: 0 8.5px;

  width: 50%;
}

#tiendaFormulario .opFormulario article {
  background: var(--color-divi);

  height: 88px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 5px;

  padding: 0;

  color: #6b6b6b;

  font-size: 24px;

  text-transform: uppercase;

  cursor: pointer;
}

#tiendaFormulario .opFormulario article.active {
  background: var(--rosa-principal);

  color: #fff;
}

#tiendaFormulario .opFormulario article.deshabilitado {
  opacity: 0.4;

  cursor: not-allowed;

  pointer-events: none;
}

#tiendaFormulario .opFormulario article label {
  margin-bottom: 0;

  position: relative;
}

.radioE {
  font-family: var(--font-cormorant);

  padding-left: 15px;
}

.radioE input {
  opacity: 0;

  visibility: hidden;
}

.radioE .checkmark:before,
.radioE .checkmark:after {
  display: block;

  content: "";

  border-radius: 50%;

  position: absolute;
}

.radioE .checkmark:before {
  width: 26px;

  height: 26px;

  background: rgba(183, 132, 132, 0.5);

  z-index: 1;

  top: 4px;

  left: 0;
}

.radioE .checkmark:after {
  width: 14px;

  height: 14px;

  background: #fff;

  z-index: 2;

  top: 10px;

  left: 6px;
}

#tiendaFormulario .opFormulario article .radioE .checkmark:after {
  background: #e2e2e2;
}

#tiendaFormulario .opFormulario article.active .radioE .checkmark:after {
  background: rgba(94, 85, 82, 0.5);
}

#tiendaFormulario #seccionEnvioDomicilio .row {
  display: flex;

  flex-wrap: wrap;
}

#tiendaFormulario .cnt > .row .item,
#tiendaFormulario #seccionEnvioDomicilio .row .item {
  padding: 0 8.5px;

  width: 50%;
}

#tiendaFormulario .cnt > .row .item2 {
  width: 100%;
}

#tiendaFormulario .form-group {
  margin-top: 14px;
}

#tiendaFormulario .form-control {
  display: block;

  font-family: var(--font-montserrat);

  width: 100%;

  border-radius: 6px;

  height: 91px;

  border: solid 1px var(--color-divi);

  padding: 0 40px;

  color: var(--color-corri);

  font-size: 18px;
}

.custom-select-wrapper {
  position: relative;

  width: 100%;

  margin: 0 auto;
}

.custom-select {
  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  background-color: #fff;

  border: none;

  padding: 0 1em 0 0;

  margin: 0;

  width: 100%;

  font-family: inherit;

  font-size: inherit;

  cursor: inherit;

  line-height: inherit;

  outline: none;
}

.custom-select::-ms-expand {
  display: none;
}

.select-container {
  display: grid;

  grid-template-areas: "select";

  align-items: center;

  position: relative;

  font-size: 1rem;

  cursor: pointer;

  line-height: 1.1;

  background-color: #fff;
}

.select-container select,
.select-container::after {
  grid-area: select;
}

.select-container::after {
  content: "";

  justify-self: end;

  width: 16px;

  height: 10px;

  background-color: var(--color-divi);

  clip-path: polygon(100% 0%, 0 0%, 50% 100%);

  pointer-events: none;

  margin-right: 35px;
}

.custom-select:focus + .select-container {
  box-shadow: 0 0 0 2px #a5b4fc;
}

.custom-select option[value=""][disabled] {
  color: #9ca3af;
}

.form-control::placeholder {
  color: currentColor;

  opacity: 1;
}

.form-control:focus::placeholder {
  opacity: 0.75;
}

#tiendaFormulario .form-control:focus {
  outline: none;

  border-color: var(--rosa-principal);

  box-shadow: 0 0 5px var(--rosa-hover);
}

#tiendaFormulario .info-tienda {
  margin-top: 30px;
  padding: 25px;
  background: var(--color-alter);
  border-radius: 8px;
  border: 1px solid var(--color-divi);
}

#tiendaFormulario .info-tienda .mensaje-espera {
  font-family: var(--font-montserrat);
  font-size: 18px;
  color: var(--color-corri);
  text-align: center;
  margin-bottom: 25px;
  padding: 15px;
  background: var(--color-alter);
  border-radius: 4px;
}

#tiendaFormulario .info-tienda .datos-tienda {
  margin-bottom: 25px;
}

#tiendaFormulario .info-tienda .datos-tienda h4 {
  font-family: "Playwrite HR Lijeva", cursive;
  font-size: 24px;
  color: var(--pink4);
  margin-bottom: 15px;
  text-align: center;
}

#tiendaFormulario .info-tienda .datos-tienda p {
  font-size: 16px;
  color: #555;
  margin: 8px 0;
  line-height: 1.6;
}

#tiendaFormulario .info-tienda .datos-tienda p strong {
  color: #333;
  font-weight: 600;
}

#tiendaFormulario .info-tienda .mapa-tienda {
  margin-top: 20px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#tiendaFormulario .info-tienda .mapa-tienda iframe {
  display: block;
  width: 100%;
}

.divSubmit input {
  display: flex;

  font-family: var(--font-montserrat);

  width: 337px;

  height: 88px;

  background: var(--rosa-principal);

  justify-content: center;

  align-items: center;

  color: #fff;

  font-size: 30px;

  border-radius: 5px;

  border: none;

  margin: 70px auto 0;

  cursor: pointer;
}

.divSubmit input:hover {
  display: flex;

  width: 337px;

  height: 88px;

  background: var(--rosa-hover);
}

.lblProd {
  position: absolute;

  color: #fff;

  font-size: 12px;

  display: flex;

  height: 23px;

  align-items: center;

  padding: 0 15px;

  border-radius: 12px;

  top: 0;

  right: 0;
}

.lblProd.agotado {
  background: #ff305f;
}

.lblProd.preventa {
  background: #5da93b;
  font-size: 14px;
  height: 25px;
  padding: 0 20px;
}

#pedidoConfirmado {
  padding: 80px 20px 100px;
  text-align: center;
  background: var(--color-principal);
}
#pedidoConfirmado .area {
  max-width: 620px;
  margin: 0 auto;
}
#pedidoConfirmado .icono {
  font-size: 64px;
  color: var(--rosa-oscuro);
  line-height: 1;
  margin-bottom: 24px;
}
#pedidoConfirmado h2 {
  font-family: var(--font-playfair);
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--color-titulo);
}
#pedidoConfirmado p {
  font-family: var(--font-montserrat);
  font-size: 15px;
  color: var(--color-sub);
  margin-bottom: 10px;
  line-height: 1.7;
}
#pedidoConfirmado .totalConfirmado {
  font-family: var(--font-montserrat);
  font-size: 17px;
  margin: 30px 0;
  color: var(--color-titulo);
  border-top: 1px solid var(--color-divi);
  border-bottom: 1px solid var(--color-divi);
  padding: 20px 0;
}
#pedidoConfirmado .btnRegresar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 0 48px;
  height: 56px;
  background: var(--rosa-principal);
  color: #fff;
  border-radius: 5px;
  font-family: var(--font-montserrat);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
#pedidoConfirmado .btnRegresar:hover {
  background: var(--rosa-hover);
}

#formasPago {
  padding: 60px 0 50px;
}

#formasPago .area {
  max-width: 1354px;

  margin: 0 auto;

  border: dashed 1px #9c9c9c;

  min-height: 50px;

  position: relative;

  padding: 25px 33px;
}

#formasPago .area .titArea {
  position: absolute;

  left: 0;

  top: -40px;

  right: 0;

  text-align: center;

  font-size: 44px;

  color: var(--color-titulo);

  font-family: var(--font-playfair);
}

#formasPago .area .titArea span {
  display: inline-block;

  background: var(--color-principal);

  padding: 0 20px;
}

#formasPago .areaPuntos {
  background: var(--color-divi);

  height: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50px;

  color: var(--color-corri);

  font-size: 24px;

  font-family: var(--font-montserrat);

  max-width: 873px;

  margin: 0 auto;
}

#formasPago .areaPuntos strong {
  font-weight: 600;

  display: inline-block;

  margin-left: 10px;
}

#formasPago .areaPuntos span {
  display: inline-flex;

  background: var(--rosa-principal);

  color: #fff;

  width: 86px;

  height: 31px;

  text-align: center;

  justify-content: center;

  align-items: center;

  margin-left: 15px;

  border-radius: 8px;

  font-size: 14.5px;

  cursor: pointer;
}

#formasPago .areaPuntos span:hover {
  background: var(--rosa-hover);
}
#formasPago .areaTotal {
  background: var(--rosa-oscuro);

  color: #fff;

  height: 99px;

  border-radius: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 25px auto;

  font-size: 36px;

  font-family: var(--font-montserrat);
}

#formasPago .areaTotal strong {
  display: inline-block;

  margin-right: 10px;

  text-transform: uppercase;
}

#formasPago .row {
  display: flex;

  flex-wrap: wrap;

  margin: 0 -12.5px;
}

#formasPago .item {
  width: 50%;

  padding: 0 12.5px 32px;
}

#formasPago .item > div {
  background: var(--color-divi);

  height: 90px;

  border-radius: 45px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  position: relative;

  font-size: 26px;

  color: #4a4949;

  font-family: var(--font-montserrat);

  font-weight: 600;
}

#formasPago .item > div:before {
  display: block;

  content: "";

  border: dashed 2px var(--rosa-hover);

  position: absolute;

  top: 7px;

  bottom: 7px;

  left: 8px;

  right: 8px;

  border-radius: 45px;

  opacity: 0;

  transition: linear all 0.2s;
}

#formasPago .item .mp {
  mix-blend-mode: multiply;
}

#formasPago .item img {
  margin: 0 15px;
}

#formasPago .item > div:hover:before {
  opacity: 1;
}

.btnImprimir {
  background: var(--color-divi);

  height: 81px;

  display: flex;

  justify-content: center;

  align-items: center;

  max-width: 1354px;

  margin: 80px auto 20px;

  border-radius: 41px;

  font-size: 24px;

  color: var(--color-corri);

  font-family: var(--font-montserrat);

  cursor: pointer;
}

.btnImprimir img {
  display: inline-block;

  margin-right: 10px;
}

#formasPago.deposito .area {
  padding-bottom: 85px;
}

#formasPago.deposito .areaTotal {
  border-radius: 6px;

  height: 88px;
}

#formasPago.deposito .cnt {
  max-width: 1106px;

  margin: 0 auto;
}

#formasPago.deposito .row {
  display: flex;

  flex-wrap: wrap;

  margin: 0 -9px;
}

#formasPago.deposito .item2 {
  width: 50%;

  padding: 0 9px 37px;
}

#formasPago.deposito .item2 > div {
  background: var(--color-titulo);

  height: 88px;

  border-radius: 6px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  position: relative;

  font-size: 26px;

  color: #fff;

  font-family: var(--font-montserrat);

  text-transform: uppercase;
}

#formasPago.deposito .item2 > div b {
  display: inline-flex;

  margin-right: 8px;
}

.areaBBVA {
  background: #B78484;
  background-size: cover;
  background-position: center;

  min-height: 100px;

  margin: 39px auto 46px;

  border-radius: 7px;

  color: #fff;
}

.areaBBVA .rowB {
  display: flex;

  flex-wrap: wrap;

  height: 363px;
}

.areaBBVA .itemB {
  height: 100%;

  display: flex;

  align-items: center;
}

.areaBBVA .itemB1 {
  width: 33%;

  justify-content: center;

  background: url("../images/pagos/sepBBVA.png") center right no-repeat;
}

.areaBBVA .itemB2 {
  width: 67%;

  padding: 0 15px;
}

.areaBBVA .itemB2 .text {
  max-width: 570px;

  margin: 0 auto;

  font-family: var(--font-montserrat);

  font-size: 24px;
}

.areaBBVA .itemB2 .tit {
  font-size: 30px;

  font-weight: 600;

  line-height: 1.5;

  border-bottom: solid 1px var(--color-divi);

  padding-bottom: 10px;

  margin-bottom: 10px;

  font-family: var(--font-montserrat);
}

.confirmarPago {
  background: var(--color-alter);

  min-height: 311px;

  border-radius: 7px;

  color: var(--color-corri);

  font-size: 30px;

  font-family: var(--font-montserrat);

  padding: 25px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.confirmarPago .tit {
  max-width: 770px;

  margin: 0 auto 20px;

  text-align: center;

  font-weight: 600;
}

.btnCPago {
  max-width: 500px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: var(--rosa-principal);

  color: #fff;

  margin: 0 auto;

  height: 60px;

  border-radius: 30px;

  font-size: 24px;

  font-family: var(--font-montserrat);
}

#passFeedback {
  position: absolute;

  background: #fff;

  display: inline-block;

  padding: 10px;

  font-size: 15px;
}

#passFeedback:empty {
  display: none;
}

.frmLogin input.borde-verde {
  border: 2px solid green !important;

  box-shadow: 0 0 5px rgba(0, 128, 0, 0.5);
}

.frmLogin input.borde-rojo {
  border: 2px solid red !important;

  box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}

#resultados {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1000px;
  margin: 30px auto;
}

.item-paqueteria {
  background: var(--color-alter);
  border: dashed 1px var(--color-divi);
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.item-paqueteria:hover {
  border-color: #000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.item-paqueteria.selected {
  border: solid 1px #000;
  background: #f9f9f9;
}

.carrier-name {
  font-family: var(--font-cormorant);
  font-weight: 800;
  text-transform: uppercase;
  color: var(--color-sub);
  font-size: 1.2em;
  margin-bottom: 10px;
  display: block;
}

.service-name {
  font-family: var(--font-montserrat);
  color: var(--color-corri);
  font-size: 0.9em;
  margin-bottom: 10px;
  min-height: 20px;
}

.delivery-estimate {
  font-family: var(--font-montserrat);
  color: var(--color-corri);
  font-size: 0.85em;
  margin-bottom: 15px;
  font-weight: 500;
}

.delivery-estimate i {
  margin-right: 5px;
}

.price-tag {
  font-family: var(--font-montserrat);
  font-size: 1.8em;
  font-weight: bold;
  color: var(--color-corri);
  display: block;
  margin-bottom: 5px;
}

.currency {
  font-size: 0.5em;
  color: var(--color-corri);
  vertical-align: middle;
}

.status.success {
  color: var(--color-corri);
  font-size: 0.85em;
  font-weight: 600;
}

#resumen-compra {
  font-family: var(--font-montserrat);
  max-width: 400px;
  margin: 30px auto;
  background: var(--color-alter);
  border: 2px solid var(--color-corri);
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#resumen-compra h3 {
  font-family: var(--font-cormorant);
  font-size: 1.5em;
  font-weight: 800;
  text-align: center;
  margin-bottom: 20px;
  color: var(--color-sub);
}

.resumen-linea {
  font-family: var(--font-montserrat);
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px dashed var(--color-divi);
  font-size: 1.1em;
}

.resumen-linea:last-child {
  border-bottom: none;
}

.resumen-linea.total {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 2px solid var(--color-divi);
  font-size: 1.3em;
  font-weight: 800;
  color: var(--color-corri);
}

.resumen-linea span:first-child {
  color: var(--color-corri);
}

.resumen-linea span:last-child {
  font-weight: 700;
  color: var(--color-corri);
}

.resumen-linea.total span {
  color: var(--color-corri);
}

#general-loader {
  text-align: center;
  padding: 20px;
  font-size: 1.1em;
  color: #666;
}

.readonly-select {
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
  pointer-events: none;
  opacity: 0.7;
}

.readonly-select option {
  background-color: #f5f5f5;
}

.input-disabled-visual {
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 0.6;
}

.form-group.has-readonly-overlay {
  position: relative;
}

.form-group.has-readonly-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: not-allowed;
  background: transparent;
}

#toastForm {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #5da93b;
  color: #fff;
  padding: 11px 28px;
  border-radius: 6px;
  z-index: 99999;
  font-family: var(--font-montserrat);
  font-size: 13px;
  letter-spacing: 0.3px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.15);
  display: none;
  white-space: nowrap;
  text-align: center;
}