@font-face { font-family: "Archivo"; src: url(texto.woff2) format("woff2"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Fragment Mono"; src: url(mono.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --tinta: #030303;
  --acento: #e59d29;      
  --linea: #f6eada;
  --gris: #807e81;
  --h-full: 100vh;
  --nav: 80px;
  --pad: 40px;
}
@supports (height: 100dvh) { :root { --h-full: 100dvh; } }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { margin: 0; background: #fff; color: var(--tinta); font-family: var(--sans); font-weight: 300; font-size: 15px; line-height: 1.45; letter-spacing: .02em; }
img, video, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h3, h6, p { margin: 0; font-weight: inherit; }
body.navbar--show-megamenu, body.navbar--show-search, body.cart-drawer--show { overflow: hidden; }

.solo-lector { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0; padding: 0; border: 0; }
.saltar:focus { clip-path: none; width: auto; height: auto; left: 12px; top: 12px; padding: 10px 14px; background: #fff; color: var(--tinta); z-index: 200000; font: 400 13px/1.1 var(--mono); text-transform: uppercase; }
:focus-visible { outline: 2px solid var(--acento); outline-offset: 3px; }
.show-mobile { display: none; }
@media (min-width: 900px) { .show-mobile-only { display: none; } }
@media (max-width: 899.98px) { .show-desktop { display: none; } .show-mobile { display: block; } }


.etq, .home-products__title, .navbar-main__menu-text, .navbar-main__icon-text, .underline-btn, .home-products__subtitle, .home-products__category, .home-products__product-content,
.banda__titular, .section-product-slider__product-category, .section-product-slider__product-title, .section-product-slider__tagline, .section-product-slider__price,
.section-product-slider__headline-text, .navbar-megamenu__nav-link, .navbar-megamenu__section-title, .footer__list li a, .footer__list-title, .footer__copyright,
.home-testimonials__bullet, .primary-button, .secondary-button, .cart-drawer__heading, .search-card__label, .navbar-megamenu__image-label, .toast {
  font-family: var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: -.02em; line-height: 110%; font-size: 13px;
}


.primary-button, .secondary-button { font-size: 12px; letter-spacing: -.02em; padding: 10.5px; min-width: 170px; text-align: center; border: 0; cursor: pointer; display: inline-block; transition: all .3s ease; color: #fff; }
.primary-button--default { background: var(--tinta); }
.primary-button--light { background: #fff; color: var(--tinta); }
@media (min-width: 992px) { .primary-button--light:hover { background: var(--tinta); color: #fff; } }
.secondary-button { background: var(--tinta); }
@media (min-width: 992px) { .secondary-button:hover { background: var(--acento); color: var(--tinta); } }
@media (max-width: 767.98px) { .primary-button, .secondary-button { font-size: 14px; } }
.underline-btn { font-size: 12px; background: none; border: 0; padding: 0; min-width: auto; cursor: pointer; position: relative; text-decoration: none; color: var(--tinta); width: fit-content; display: inline-block; }
.underline-btn::after, .underline-btn::before { content: ""; border-bottom: 1px solid currentColor; position: absolute; top: calc(100% - 1px); left: 0; }
.underline-btn::after { width: 100%; animation-fill-mode: forwards; }
.underline-btn::before { width: 0; animation-fill-mode: forwards; }
@media (min-width: 992px) {
  .underline-btn:hover::after { animation: underline-slide-out .3s ease-in-out forwards; }
  .underline-btn:hover::before { animation: underline-slide-in .3s ease-in-out .3s forwards; }
}
@keyframes underline-slide-out { 0% { width: 100%; left: 0; } to { width: 0; left: 100%; } }
@keyframes underline-slide-in { 0% { width: 0; left: 0; } to { width: 100%; left: 0; } }


#cabecera {
  --back-color: transparent; --fore-color: #000; --scale-logo: scale(1.9) translateY(22px);
  --nav-left-color: #fff; --nav-center-color: #000; --nav-right-color: #fff;
}
@media (max-width: 900px) { #cabecera { --scale-logo: scale(1.8) translateY(18px); } }
body.navbar--scrolled #cabecera, body.navbar--show-megamenu #cabecera, body.navbar--show-search #cabecera {
  --fore-color: #030303; --back-color: #fff; --nav-left-color: #030303; --nav-center-color: #030303; --nav-right-color: #030303; --scale-logo: scale(1) translateY(0);
}
body.navbar--show-megamenu #cabecera { --back-color: transparent; }
.navbar__main { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; transition: all .4s ease-out; }
.navbar-main { position: relative; height: var(--nav); padding: 24px 20px; background: var(--back-color); color: var(--fore-color); transition: all .4s ease-out; }
@media (min-width: 900px) { .navbar-main { padding: 20px 40px; } }
.navbar-main__wrapper { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; height: 100%; gap: 12px; }
@media (min-width: 900px) { .navbar-main__wrapper { gap: 20px; } }
.navbar-main__left { display: flex; align-items: center; justify-self: start; color: var(--nav-left-color); transition: color .4s ease-out; }
.navbar-main__center { display: flex; align-items: center; justify-content: center; justify-self: center; }
.navbar-main__center-spacer { width: 96px; height: 36px; }
@media (max-width: 899.98px) { .navbar-main__center-spacer { width: 80px; height: 32px; } }
.navbar-main__right { display: flex; align-items: center; justify-content: flex-end; justify-self: end; gap: 20px; color: var(--nav-right-color); transition: color .4s ease-out; }
@media (min-width: 900px) { .navbar-main__right { gap: 21px; } }
.navbar-main__menu-button { display: flex; align-items: center; gap: 12px; color: inherit; }
.navbar-main__menu-icon { position: relative; width: 20px; height: 20px; }
.navbar-main__menu-icon .ic { position: absolute; inset: 0; width: 100%; height: 100%; transition: all .4s cubic-bezier(.25, .46, .45, .94); }
.navbar-main__menu-icon--hamburger { opacity: 1; transform: rotate(0) scale(1); }
.navbar-main__menu-icon--cross { opacity: 0; transform: rotate(90deg) scale(.8); }
.navbar--show-megamenu .navbar-main__menu-icon .navbar-main__menu-icon--hamburger { opacity: 0; transform: rotate(-90deg) scale(.8); }
.navbar--show-megamenu .navbar-main__menu-icon .navbar-main__menu-icon--cross { opacity: 1; transform: rotate(0) scale(1); }
.navbar-main__menu-text, .navbar-main__icon-text { font-size: 14px; letter-spacing: .42px; position: relative; color: inherit; }
.navbar-main__menu-text span { transition: opacity .3s ease, transform .3s ease; }
.navbar-main__menu-text--default { opacity: 1; transform: translateY(0); }
.navbar-main__menu-text--active { position: absolute; top: 0; left: 0; opacity: 0; transform: translateY(5px); }
.navbar--show-megamenu .navbar-main__menu-text .navbar-main__menu-text--default { opacity: 0; transform: translateY(-5px); }
.navbar--show-megamenu .navbar-main__menu-text .navbar-main__menu-text--active { opacity: 1; transform: translateY(0); }
.navbar-main__icon { display: flex; align-items: center; gap: 12px; color: inherit; position: relative; z-index: 1; }
.navbar-main__icon .ic, .navbar-main__icon svg { width: 20px; height: 20px; }
.navbar__cart-link .cuenta:not(:empty)::before { content: "("; } .navbar__cart-link .cuenta:not(:empty)::after { content: ")"; }
.navbar__cart-link:not(.con-items) .show-mobile::after { display: none; }
@media (max-width: 899.98px) {
  .navbar__cart-link.con-items::before { content: " "; position: absolute; height: 7px; width: 7px; bottom: 3px; right: -1px; z-index: 9; background: var(--nav-right-color); border-radius: 50%; transition: all .4s ease-out; }
}


.navbar__logo-fixed { position: fixed; top: 0; left: 50%; transform: translate(-50%); z-index: 100000; pointer-events: none; transition: all .4s ease-out; display: flex; align-items: center; height: var(--nav); padding: 24px 0; }
@media (min-width: 900px) { .navbar__logo-fixed { padding: 20px 0; } }
.navbar__logo-fixed .navbar-main__logo { pointer-events: auto; display: flex; align-items: center; height: 32px; transition: all .6s cubic-bezier(.25, .46, .45, .94); }
@media (min-width: 900px) { .navbar__logo-fixed .navbar-main__logo { height: 36px; } }
.navbar__logo-fixed .logo { height: 22px; width: auto; transition: all .6s cubic-bezier(.25, .46, .45, .94); transform-origin: center; transform: var(--scale-logo); color: var(--nav-center-color); overflow: visible; }
@media (min-width: 900px) { .navbar__logo-fixed .logo { height: 26px; } }
.navbar--logo-shrink .navbar__logo-fixed .logo { transform: none; }
.cart-drawer--show .navbar-main__logo { opacity: 0; visibility: hidden; }


.navbar::before { content: ""; top: 0; right: 0; bottom: 0; left: 0; position: fixed; opacity: 0; visibility: hidden; height: 100vh; height: 100dvh; background: var(--acento); transition: opacity .4s cubic-bezier(.45, .05, .55, .95), visibility .4s cubic-bezier(.45, .05, .55, .95); z-index: 9999; }
.navbar--show-megamenu .navbar::before { opacity: 1; visibility: inherit; }
.navbar-megamenu { background: transparent; width: 100%; height: calc(100vh - var(--nav)); height: calc(100dvh - var(--nav)); position: absolute; top: 100%; left: 0; z-index: 9999; opacity: 0; visibility: hidden; overflow-y: auto; transition: opacity .4s ease-out, visibility .4s ease-out; }
.navbar--show-megamenu .navbar-megamenu { opacity: 1; visibility: inherit; }
.navbar-megamenu__content { display: flex; height: 100%; padding-top: 80px; padding-left: 0; }
@media (min-width: 900px) { .navbar-megamenu__content { padding-right: 40px; } }
@media (max-width: 899.98px) { .navbar-megamenu__content { flex-direction: column; padding: 52px 20px 48px; height: auto; } }
.navbar-megamenu__nav-columns { display: flex; flex: 1; }
@media (max-width: 899.98px) { .navbar-megamenu__nav-columns { flex-direction: column; } }
.navbar-megamenu__nav-column { width: 240px; display: flex; flex-direction: column; }
@media (max-width: 899.98px) { .navbar-megamenu__nav-column { width: 100%; margin-bottom: 40px; } }
.navbar-megamenu__section { margin-bottom: 35px; padding-top: 4px; }
.navbar-megamenu__section:last-child { margin-bottom: 0; }
.navbar-megamenu__section-title { font-size: 16px; letter-spacing: .03em; margin: 0 0 24px; padding-left: 72px; color: var(--tinta); }
@media (max-width: 767.98px) { .navbar-megamenu__section-title { font-size: 15px; letter-spacing: .45px; } }
@media (max-width: 899.98px) { .navbar-megamenu__section-title { padding-left: 0; } }
.navbar-megamenu__nav-link { color: var(--tinta); display: block; padding: 0 0 10px 72px; transition: all .3s ease; }
@media (max-width: 899.98px) { .navbar-megamenu__nav-link { padding-left: 0; } }
.navbar-megamenu__nav-link:hover { opacity: .7; }
.navbar-megamenu__images { display: flex; gap: 12px; width: 681px; height: fit-content; }
@media (max-width: 899.98px) { .navbar-megamenu__images { width: 100%; flex-direction: column; gap: 20px; } }
.navbar-megamenu__image-block { flex: 1; height: auto; aspect-ratio: .7276688453; }
@media (max-width: 899.98px) { .navbar-megamenu__image-block { aspect-ratio: .7299578059; } }
.navbar-megamenu__image-link { display: block; width: 100%; height: 100%; }
.navbar-megamenu__image-container { position: relative; width: 100%; height: 100%; overflow: hidden; }
.navbar-megamenu__image { width: 100%; height: 100%; object-fit: cover; }
.navbar-megamenu__image-container img { width: 100%; height: 100%; object-fit: cover; }
.navbar-megamenu__image-label { position: absolute; top: 18px; left: 21px; font-size: 10px; letter-spacing: .3px; color: var(--image-label-color, #030303); }
@media (min-width: 768px) and (max-width: 899.98px) {
  .navbar-megamenu__content { padding-top: 60px; padding-left: 30px; padding-right: 30px; }
  .navbar-megamenu__nav-columns { flex-direction: column; gap: 30px; }
  .navbar-megamenu__nav-column { width: 100%; margin-bottom: 30px; }
  .navbar-megamenu__section-title { padding-left: 40px; margin-bottom: 20px; }
  .navbar-megamenu__nav-link { padding-left: 40px; padding-bottom: 8px; }
  .navbar-megamenu__images { width: 100%; flex-direction: row; gap: 8px; margin-bottom: 30px; }
  .navbar-megamenu__image-block { flex: 1; height: 280px; aspect-ratio: 200 / 280; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-megamenu__content { padding-top: 70px; padding-right: 30px; }
  .navbar-megamenu__nav-columns { gap: 15px; }
  .navbar-megamenu__nav-column { width: 220px; }
  .navbar-megamenu__section-title { padding-left: 60px; margin-bottom: 20px; }
  .navbar-megamenu__nav-link { padding-left: 60px; padding-bottom: 8px; }
  .navbar-megamenu__images { width: 600px; gap: 10px; }
  .navbar-megamenu__image-block { aspect-ratio: 220 / 300; }
}


.navbar__overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 998; opacity: 0; visibility: hidden; transition: all .4s ease-out; background: linear-gradient(180deg, #f5f4f000 26.65%, #f5f4f00d 40.46%, #f5f4f08f); }
.navbar--show-search .navbar__overlay { opacity: 1; visibility: inherit; }
.navbar__search { position: fixed; top: var(--nav); left: 0; width: 100%; background: #fff; opacity: 0; visibility: hidden; max-height: calc(100vh - var(--nav)); max-height: calc(100dvh - var(--nav)); z-index: 99990; overflow-x: hidden; overflow-y: auto; transition: opacity .4s ease-out, visibility .4s ease-out; }
.navbar--show-search .navbar__search { opacity: 1; visibility: inherit; }
.search__input { position: relative; padding: 0; margin: 33px 40px -6px; }
.search__input > input { border: 0; width: 100%; height: auto; font-family: var(--sans); font-size: 20px; font-weight: 300; line-height: 120%; letter-spacing: .02em; background: #fff; color: var(--tinta); border-radius: 0; padding: 0 30px 0 0; }
.search__input > input::placeholder { color: var(--tinta); opacity: 1; }
.search__input > input:focus, .search__input > input:focus-visible { outline: none; }
.search__icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.search__icon .cross { display: none; cursor: pointer; }
.search__content { margin-top: 38.1px; }
.search__initial { margin: 0; padding-bottom: 0; display: grid; grid-template-columns: 360px 1fr; border-top: 1px solid var(--linea); height: 494px; }
.search__popular-list { display: flex; flex-direction: column; font-family: var(--sans); font-size: 32px; font-weight: 300; line-height: 110%; letter-spacing: .01em; gap: 4px; }
.search__popular-list li { display: flex; }
.search__popular-list .nav-link { height: auto; padding: 16px 40px 14px; font: inherit; letter-spacing: inherit; text-transform: none; transition: opacity .3s ease; }
.search__popular-list .nav-link:hover { opacity: .6; }
li:last-child > .search__popular-link { border-bottom: 1px solid var(--linea); }
.search-recommendations { display: grid; grid-template-columns: repeat(3, 1fr); }
.search .search-card { position: relative; display: flex; align-items: flex-end; z-index: 2; overflow: hidden; }
.search .search-card img { position: absolute; width: 100%; object-fit: cover; top: 0; right: 0; bottom: 0; left: 0; height: 100%; z-index: 0; transition: transform .8s ease; }
.search .search-card:hover img { transform: scale(1.03); }
.search .search-card::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(3, 3, 3, .38), rgba(3, 3, 3, 0) 42%); }
.search .search-card__link { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; }
.search .search-card__label { position: absolute; z-index: 2; top: 37px; left: 40px; font-size: 20px; line-height: 113%; color: #fff; }
@media (max-width: 991.98px) {
  .search__content { margin-top: 0; }
  .search__input { padding: 30px 20px; margin: 0; }
  .search__icon { right: 22px; }
  .search__initial { margin: 0; grid-template-columns: 1fr; height: auto; padding: 0; }
  .search__popular-list { padding: 30px 20px; gap: 7px; font-size: 28px; text-transform: uppercase; }
  .search__popular-list .nav-link { padding: 0; }
  li:last-child > .search__popular-link { border-bottom: 0; }
  .search-recommendations { grid-template-columns: 1fr; }
  .search .search-card { padding: 13px 16px; aspect-ratio: 1.3242009132; }
  .search .search-card:nth-child(3) { display: none; }
  .search .search-card__label { top: 17px; left: 20px; font-size: 13px; line-height: 110%; }
}
.navbar--show-search .search__icon .search-lupa { display: none; }
.navbar--show-search .search__icon .cross { display: block; }


.cart-drawer { color: var(--tinta); position: fixed; overflow: hidden; z-index: 100001; opacity: 0; visibility: hidden; transform: translate(100%); transition: all .4s ease-out; background: #fff; width: calc(33.3333333333vw + 2px); top: 0; right: 0; bottom: 0; left: auto; border-left: 1px solid var(--linea); }
@media (max-width: 899.98px) { .cart-drawer { width: 100%; } }
.cart-drawer--show .cart-drawer { opacity: 1; visibility: inherit; transform: translate(0); }
.cart-drawer__overlay { position: fixed; top: 0; right: 0; z-index: 100000; background: linear-gradient(180deg, #f5f4f000 26.65%, #f5f4f00d 40.46%, #f5f4f08f); height: 100vh; width: 100vw; opacity: 0; visibility: hidden; transition: all .5s ease; }
.cart-drawer--show .cart-drawer__overlay { opacity: 1; visibility: inherit; }
.cart-drawer__container { height: 100%; display: flex; flex-direction: column; }
.cart-drawer__header { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: baseline; padding: 24px 20px; }
.cart-drawer__header h6 { display: flex; align-items: center; margin: 0; }
.cart-drawer__header .separator { margin: 0 20px; background: var(--linea); width: 1px; height: 16px; }
.cart-drawer__header .cart-count { font-family: var(--sans); font-size: 18px; font-weight: 300; line-height: 125%; letter-spacing: .02em; }
.cart-drawer__cerrar { display: grid; place-items: center; width: 24px; height: 24px; }
.cart-drawer__main { flex-grow: 1; overflow-y: auto; display: flex; flex-direction: column; }
.cart-drawer__items { border-top: 1px solid var(--linea); }
.cart-drawer__items:empty { display: none; }
.cart-drawer__items li { display: grid; grid-template-columns: 76px 1fr auto; gap: 16px; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--linea); }
.cart-drawer__items img { width: 76px; height: 68px; object-fit: cover; }
.cart-drawer__items .nombre { font: 400 15px/110% var(--mono); letter-spacing: .03em; text-transform: uppercase; }
.cart-drawer__items .detalle { font-size: 13px; line-height: 135%; letter-spacing: .02em; margin-top: 4px; }
.cart-drawer__items .quitar { font: 400 12px/110% var(--mono); text-transform: uppercase; letter-spacing: -.02em; border-bottom: 1px solid currentColor; }
.cart-drawer__empty { border-top: 1px solid var(--linea); padding: 20px 17px 0; font-family: var(--mono); font-size: 13px; line-height: 120%; letter-spacing: -.02em; text-transform: uppercase; flex: 1; }
.cart-drawer__items:not(:empty) ~ .cart-drawer__empty { display: none; }
.cart-drawer__footer { padding: 20px; margin-top: auto; border-top: 1px solid var(--linea); }
.cart-drawer .primary-button { width: 100%; padding: 12px; }
.cart-drawer__footer-caption { width: fit-content; margin: 11px auto 0; font-size: 13px; line-height: 135%; letter-spacing: .02em; text-align: center; }


.banda { position: relative; min-height: var(--h-full); display: grid; color: #fff; }
.banda__fondo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; background: #31404f; }
.banda__medio { position: absolute; inset: 0; width: 100%; height: 100%; }
.banda__medio picture, .banda__medio .banda__foto { position: absolute; inset: 0; width: 100%; height: 100%; }
.banda__foto { object-fit: cover; }
.banda__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .6s ease; }
.banda__video.listo { opacity: 1; }
.banda__velo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0003; z-index: 2; }
.banda__contenido { position: relative; z-index: 3; display: flex; flex-direction: column; padding-inline: var(--pad); height: fit-content; align-self: end; gap: 121px; padding-bottom: var(--pb, 64px); }
.banda--medio .banda__contenido { align-self: center; padding-bottom: 0; }
.banda__vitrina { max-width: 333px; z-index: 4; }
.banda__titular { font-size: 28px; line-height: 110%; letter-spacing: normal; color: #fff; }
.banda__texto { font-family: var(--sans); font-size: 20px; font-weight: 300; line-height: 120%; letter-spacing: .02em; color: #fff; margin-top: 21px; }
.banda__botones { gap: 32px; margin-top: 73px; display: grid; grid-auto-flow: column; grid-auto-columns: max-content; }
.banda__botones .underline-btn { color: #fff; height: 19px; font-size: 13px; line-height: 110%; letter-spacing: -.02em; }
.banda__botones .underline-btn::after { bottom: 0; }
@media (max-width: 991.98px) {
  .banda__contenido { justify-content: flex-start; padding-inline: 20px; gap: 79px; }
  .banda__vitrina { max-width: none; order: 1; }
  .banda__texto { padding-right: 20px; }
  .banda__botones { display: flex; flex-wrap: wrap; gap: 33px; row-gap: 15px; }
}
@media (max-width: 767.98px) {
  .banda__titular { font-size: 22px; }
  .banda--vitrina { --pb: 75px; }
  .banda--tira { --pb: 20px; }
}


.home-testimonials { position: relative; min-height: 500px; padding: 80px 40px 97px; border-top: 1px solid var(--linea); background: #fff; height: auto; }
.home-testimonials__swiper { overflow: hidden; }
.home-testimonials .swiper-wrapper { height: auto; }
.home-testimonials__item { display: flex; flex-direction: column; background: #fff; width: 100%; padding-bottom: 120px; gap: 73px; }
.home-testimonials__review { font-size: 32px; font-weight: 300; line-height: 110%; letter-spacing: .32px; max-width: 839px; }
.home-testimonials__logo { width: 100%; height: 18.6px; max-width: 100px; max-height: 100px; }
.home-testimonials__logo svg { width: 24px; height: 24px; margin-top: -3px; overflow: visible; }
.home-testimonials__pagination { position: absolute; bottom: 93px !important; left: 51px !important; top: auto; right: auto; z-index: 1; display: flex; width: fit-content !important; gap: 24px; }
.home-testimonials__bullet { color: var(--gris); cursor: pointer; line-height: 100%; transition: color .3s ease; }
.home-testimonials__bullet:hover { color: var(--tinta); }
.home-testimonials__bullet--active { display: inline-flex; align-items: center; justify-content: center; color: var(--tinta); position: relative; }
.home-testimonials__bullet--active::before { content: "\2022"; color: var(--tinta); position: absolute; top: 0; right: 18px; height: 100%; }
@media (max-width: 380px) { .home-testimonials__pagination { gap: 14px; } }
@media (max-width: 767.98px) {
  .home-testimonials { padding-inline: 20px; }
  .home-testimonials__review { font-size: 24px; letter-spacing: .24px; }
  .home-testimonials__pagination { left: 28px !important; }
}


.home-products { display: grid; padding: 55px 0 82px; text-align: center; background: #fff; border-block: 1px solid var(--linea); overflow: hidden; }
.home-products__subtitle { margin-bottom: 37px; }
.home-products__category { margin-bottom: 7px; display: block; }
.home-products__title { font-size: 28px; line-height: 110%; letter-spacing: normal; }
.home-products__products { min-width: 0; margin-bottom: -7px; }
.home-products__slider { overflow: hidden; }
.home-products .swiper-slide { cursor: pointer; height: auto; }
.home-products .swiper-slide:not(.swiper-slide-active) { filter: blur(10px); }
.home-products .swiper-slide { transition: filter .5s ease, transform .5s ease; }
.home-products .product-card { width: 100%; position: relative; }
.home-products .product-card__grid { height: 100%; position: relative; padding-bottom: 0; margin-top: 54px; }
.home-products .product-card__image { display: flex; margin-inline: auto; aspect-ratio: 1 / 1; width: 100%; }
.home-products .card-image { margin-bottom: 0; width: 100%; position: relative; }
.home-products .card-image__main { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 90%; width: 100%; }
.home-products .card-image__main picture { display: block; width: 100%; height: 100%; }
.home-products .card-image__main img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.94) contrast(1.02); }
.home-products__product-content { width: fit-content; margin-inline: auto; text-align: center; }
.home-products .product__tagline { padding-top: 20px; max-width: 228px; margin-inline: auto; }
.home-products .product__top-notes { margin-top: 2px; padding-bottom: 18px; max-width: 228px; margin-inline: auto; font-family: var(--sans); font-size: 15px; font-weight: 300; line-height: 145%; letter-spacing: .02em; text-transform: none; color: var(--tinta); }
.home-products .product__top-notes::first-letter { text-transform: uppercase; }
.home-products .product__cta { padding: 12px 63px; }
.home-products .swiper-scrollbar { max-width: 300px; width: calc(100vw - 152px); margin: 71px auto 0; position: static !important; background: var(--linea); border-radius: 0; height: 2px !important; }
.home-products .swiper-scrollbar .swiper-scrollbar-drag { cursor: pointer; background: var(--tinta); border-radius: 0; }
@media (min-width: 768px) { .home-products .swiper-scrollbar .swiper-scrollbar-drag { width: 60px; } }
.home-products__product-content, .home-products .product__tagline { transition: opacity .25s ease; }
.home-products.cambia .product__tagline, .home-products.cambia .product__top-notes, .home-products.cambia .home-products__title { opacity: 0; }
@media (max-width: 767.98px) {
  .home-products { padding: 73px 0 82px; }
  .home-products .swiper-slide:not(.swiper-slide-active) { filter: blur(2.8px); }
  .home-products__subtitle { margin-bottom: 9px; }
  .home-products__title { font-size: 22px; }
  .home-products .swiper-scrollbar { display: none; }
  .home-products__products { margin-bottom: -16px; }
  .home-products .product__top-notes { font-size: 14px; line-height: 125%; letter-spacing: .28px; padding-bottom: 38px; }
  .home-products__product-content { width: calc(100% - 70px); }
  .home-products__product-content a { width: 100%; }
}


.banda--tira { min-height: 820px; min-height: max(820px, var(--h-full)); }
.section-product-slider__background-swiper { position: absolute; inset: 0; width: 100%; height: 100%; }
.section-product-slider__slide-background { position: relative; width: 100%; height: 100%; }
.section-product-slider__headline { max-width: 340px; z-index: 4; }
.section-product-slider__headline-text { font-size: 28px; line-height: 110%; letter-spacing: normal; color: #fff; }
.section-product-slider__bottom { display: flex; align-items: flex-end; justify-content: space-between; z-index: 4; margin-top: auto; }
.section-product-slider__cards { display: flex; gap: 0; align-items: flex-end; }
.section-product-slider__card { width: 104px; height: 88px; display: flex; align-items: center; justify-content: center; padding: 12px; cursor: pointer; transition: all .4s ease-out; }
.section-product-slider__card--active { background: rgba(246, 234, 218, .2); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); }
@media (min-width: 992px) { .section-product-slider__card:hover { background: var(--acento); } }
.section-product-slider__card-image { width: 80px; height: 63px; object-fit: cover; }
.section-product-slider__info { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; width: 362px; height: auto; color: #fff; transition: all .4s ease-out; }
@media (min-width: 992px) {
  .section-product-slider__info { margin-bottom: 4px; }
  .section-product-slider__info:hover { color: #fff; }
  .section-product-slider__info:hover .section-product-slider__info-item { background: var(--acento); }
}
.section-product-slider__info-item { grid-column: 1; grid-row: 1; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); padding: 21px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; visibility: hidden; gap: 0; position: relative; background: rgba(246, 234, 218, .2); transition: all .4s ease-out; height: fit-content; align-self: end; }
.section-product-slider__info-item--active { opacity: 1; visibility: inherit; }
@media (min-width: 992px) { .section-product-slider__info-item { padding: 21px 20px; } .section-product-slider__info-item * { transition: all .4s ease-out; } }
.section-product-slider__product-category { color: inherit; z-index: 2; position: relative; margin-bottom: 10px; }
.section-product-slider__info-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 36px; }
.section-product-slider__product-title { font-size: 16px; letter-spacing: .03em; margin: 0; flex: 1; }
.section-product-slider__add-to-cart { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; transition: all .3s ease; z-index: 2; position: relative; color: inherit; }
.section-product-slider__add-to-cart svg { width: 100%; height: 100%; }
.section-product-slider__add-to-cart.agregado { transform: scale(1.18); }
.section-product-slider__info-details { display: flex; justify-content: space-between; gap: 12px; }
.section-product-slider__tagline, .section-product-slider__price { margin: 0; line-height: 1.1; }
@media (max-width: 991.98px) {
  .banda--tira .banda__contenido { gap: 79px; }
  .section-product-slider__headline { position: static; margin-bottom: 0; order: 1; max-width: 60%; align-self: flex-end; margin-top: auto; }
  .section-product-slider__headline-text { padding-right: 40px; }
  .section-product-slider__bottom { flex-direction: column; gap: 0; order: 2; padding: 0; margin-top: 0; align-items: stretch; }
  .section-product-slider__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; width: 100%; padding-right: 31px; }
  .section-product-slider__card { width: 100%; aspect-ratio: 1.1818181818; height: auto; }
  .section-product-slider__info { width: 100%; }
  .section-product-slider__info-header { margin-bottom: 29px; }
}
@media (max-width: 767.98px) {
  .section-product-slider__headline { max-width: none; }
  .section-product-slider__headline-text { font-size: 22px; }
  .section-product-slider__product-title { font-size: 15px; letter-spacing: .45px; }
}


.footer { background: #fff; padding: 38px 40px; position: relative; }
.footer__main { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 65px; }
.footer__graphic { grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; margin: 0 0 99px; color: var(--acento); }
.footer__bottle { width: 220px; height: 127px; font-family: var(--sans); font-weight: 400; }
.footer__social-links { display: flex; gap: 12px; margin-top: 20px; }
.footer__social-links svg { width: 20px; height: 20px; }
.footer__form { max-width: 380px; position: relative; margin-top: -3px; }
.footer__title { font-family: var(--sans); font-size: 13px; font-weight: 300; line-height: 135%; letter-spacing: .26px; margin-bottom: 20px; color: var(--tinta); text-transform: none; }
.footer .input__field { color: var(--tinta); border: 0; border-bottom: 1px solid var(--tinta); background: transparent; padding: 10px 0 12px; width: 100%; font-family: var(--sans); font-size: 13px; font-weight: 300; line-height: 135%; letter-spacing: .26px; border-radius: 0; }
.footer .input__field::placeholder { color: var(--tinta); opacity: 1; }
.footer .input__field:focus { outline: none; border-bottom-color: var(--tinta); }
.footer .input__field:focus-visible { outline: 2px solid var(--acento); outline-offset: 4px; }
.footer__submit { display: none; }
.newsletter-form__message { display: block; margin-top: 10px; min-height: 16px; font-family: var(--mono); font-size: 12px; line-height: 120%; text-transform: none; letter-spacing: -.02em; }
.form-success { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; display: flex; opacity: 0; visibility: hidden; transition: all .5s ease; background: var(--tinta); color: #fff; padding: 24px; }
.footer__form.newsletter-success .form-success { opacity: 1; visibility: inherit; }
.form-success__content { width: 100%; display: grid; }
.form-success__message { width: 100%; margin: 0 auto 35px; color: #fff; }
.form-success__message h3 { max-width: 263px; margin-bottom: 20px; font-size: 22px; line-height: 110%; font-weight: 300; letter-spacing: .02em; }
.form-success__message p { font-family: var(--mono); font-size: 13px; line-height: 125%; letter-spacing: -.02em; text-transform: none; color: #fff; }
.form-success__cta { align-self: end; }
.footer__menu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.footer__list { display: flex; flex-direction: column; gap: 3px; }
.footer__list li { display: flex; }
.footer__list li a { display: inline-block; width: 100%; color: var(--tinta); transition: opacity .3s ease; }
.footer__list li a:hover { opacity: .7; }
.footer__menu-group { display: flex; flex-direction: column; }
.footer__list-title { font-size: 11px; color: #414042; margin: 0 0 14px; }
.footer__footer { display: grid; grid-template-columns: 1fr 1fr; align-items: baseline; }
.footer__footer-links { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: baseline; }
.footer__footer-mid { display: flex; gap: 20px; }
.footer__copyright { display: flex; gap: 13px; color: var(--tinta); }
.footer__copyright span { display: inline; }
.aviso { font-family: var(--mono); font-size: 13px; line-height: 110%; letter-spacing: -.02em; text-transform: none; color: var(--tinta); }
.aviso a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.aviso a:hover { opacity: .7; }
@media (max-width: 991.98px) {
  .footer { padding: 40px 35px; }
  .footer__main { gap: 30px; grid-template-columns: 1fr 1fr; }
  .footer__menu { grid-template-columns: 1fr 1fr; width: 100%; column-gap: 0; row-gap: 30px; }
  .footer__form { width: 100%; min-width: auto; }
  .footer__footer { gap: 30px; }
}
@media (max-width: 767.98px) {
  .footer { padding: 40px 20px; }
  .footer__main { grid-template-columns: 1fr; gap: 76px; }
  .footer__footer { display: flex; flex-direction: column; align-items: stretch; gap: 3px; }
  .footer__footer-links { display: flex; flex-direction: column; gap: 7px; width: 100%; }
  .footer__footer-mid { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: baseline; width: 100%; gap: 0; }
  .footer__copyright, .aviso { font-size: 11px; }
  .footer__copyright { order: 2; gap: 1ch; }
  .footer__form { width: 100%; min-width: 100%; margin-right: 0; }
  .footer__graphic { margin: -33px 0 49px; }
  .footer__bottle { width: 140px; height: 127px; }
}
@media (max-width: 575.98px) {
  .footer__main { margin-bottom: 71px; }
  .footer__menu { column-gap: 0; row-gap: 42px; }
  .footer__graphic { margin: -33px 0 19px; }
}
@media (min-width: 992px) { .footer { padding-bottom: 40px; } }


.toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 16px); background: var(--tinta); color: #fff; padding: 14px 20px; z-index: 200000; opacity: 0; visibility: hidden; transition: all .35s ease-out; max-width: calc(100vw - 40px); text-align: center; font-size: 13px; }
.toast.visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }


.sin-swiper .home-testimonials .swiper-slide:not(:first-child), .sin-swiper .section-product-slider__slide-background:not(:first-child) { display: none; }
.sin-swiper .home-testimonials__pagination { display: none; }
.sin-swiper .home-products .swiper-wrapper { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
.sin-swiper .home-products .swiper-slide { flex: 0 0 min(360px, 70vw); scroll-snap-align: center; filter: none; }
.sin-swiper .home-products .swiper-scrollbar { display: none; }


@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-delay: 0s !important; }
  .banda__video { display: none; }
}