COLECCIÓN TAKÉ

Calma en cada hoja

Té de bambú premium, cultivado con paciencia

/* ========================================================================== SKAYLO — Colección slider Encabezado centrado con navegación de texto, tarjetas de producto limpias, con favoritos y añadir al carrito integrados. Paleta negro / blanco / rojo. ========================================================================== */ :root { --take-bambu: #0d0d0d; --take-jade: #1a1a1a; --take-salvia: #b3b3b3; --take-marfil: #ffffff; --take-oro: #e01b24; --take-sumi: #000000; } .section-take-collection { background: var(--take-marfil, #ffffff); padding: 72px 0; } .take-collection__header { position: relative; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 40px; } .take-collection__heading-group { max-width: 640px; text-align: center; } .take-collection__heading { margin: 0 0 14px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(26px, 3.5vw, 36px); letter-spacing: -0.01em; color: var(--take-bambu, #0d0d0d); } .take-collection__subheading { margin: 0; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.7; color: var(--take-bambu, #0d0d0d); opacity: 0.85; } .take-collection__nav { position: absolute; right: 0; bottom: 6px; display: flex; align-items: center; gap: 10px; } .take-collection__nav-btn { padding: 0; border: none; background: none; font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--take-jade, #1a1a1a); cursor: pointer; transition: color 0.25s ease; } .take-collection__nav-btn:hover { color: var(--take-oro, #e01b24); } .take-collection__nav-divider { color: var(--take-salvia, #b3b3b3); font-size: 11px; } @media screen and (max-width: 749px) { .take-collection__header { flex-direction: column; align-items: center; gap: 16px; } .take-collection__nav { position: static; } } /* ---------- Track ---------- */ .take-collection__track-wrap { position: relative; } .take-collection__track { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 4px 12px; margin: 0; list-style: none; -ms-overflow-style: none; scrollbar-width: none; } .take-collection__track::-webkit-scrollbar { display: none; } /* ---------- Card ---------- */ .take-product-card { flex: 0 0 auto; width: 240px; scroll-snap-align: start; } @media screen and (max-width: 749px) { .take-product-card { width: 180px; } } .take-product-card__media { position: relative; aspect-ratio: 4 / 5; margin-bottom: 16px; background: #ffffff; overflow: hidden; } .take-product-card__link { display: block; width: 100%; height: 100%; } .take-product-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .take-product-card__img--placeholder { background: linear-gradient(180deg, var(--take-salvia, #b3b3b3) 0%, var(--take-marfil, #ffffff) 100%); } .take-product-card:hover .take-product-card__img { transform: scale(1.04); } .take-product-card__wishlist { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: var(--take-bambu, #0d0d0d); cursor: pointer; transition: color 0.25s ease, transform 0.2s ease; } .take-product-card__wishlist:hover { transform: scale(1.08); } .take-product-card__wishlist.is-active { color: var(--take-oro, #e01b24); } .take-product-card__wishlist.is-active svg path { fill: var(--take-oro, #e01b24); } .take-product-card__cart { position: absolute; bottom: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--take-bambu, #0d0d0d); border-radius: 50%; background: var(--take-marfil, #ffffff); color: var(--take-bambu, #0d0d0d); cursor: pointer; text-decoration: none; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .take-product-card__cart:hover { background: var(--take-bambu, #0d0d0d); color: var(--take-marfil, #ffffff); border-color: var(--take-bambu, #0d0d0d); } .take-product-card__cart .icon-check { display: none; } .take-product-card__cart.is-loading .icon-bag { opacity: 0.4; } .take-product-card__cart.is-added .icon-bag { display: none; } .take-product-card__cart.is-added .icon-check { display: block; } .take-product-card__cart.is-added { background: var(--take-jade, #1a1a1a); border-color: var(--take-jade, #1a1a1a); color: var(--take-marfil, #ffffff); } .take-product-card__info { text-align: left; } .take-product-card__price { margin: 0 0 4px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500; color: var(--take-bambu, #0d0d0d); } .take-product-card__title { display: block; margin: 0 0 4px; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; color: var(--take-bambu, #0d0d0d); text-decoration: none; } .take-product-card__title:hover { color: var(--take-jade, #1a1a1a); } .take-product-card__type { margin: 0 0 2px; font-family: 'Inter', sans-serif; font-size: 12px; color: var(--take-jade, #1a1a1a); } .take-product-card__tags { margin: 0; font-family: 'Inter', sans-serif; font-style: normal; font-size: 12px; color: var(--take-salvia, #b3b3b3); }

Tu carrito

Seguir comprando

Tu carrito esta vacío

Seguir comprando

¿Tienes una cuenta?

Inicia sesión para finalizar tus compras con mayor rapidez.

body { background: red !important; }

Artículo agregado a tu carrito

Calma en cada hoja

Calma en cada hoja

Calma en cada hoja

Calma en cada hoja

Calma en cada hoja

Tu carrito

Tu carrito esta vacío

¿Tienes una cuenta?

Total estimado