:root{--hero-padding-desktop: 24px;--hero-padding-tablet: 16px;--hero-padding-mobile: 12px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-full: 50px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--backdrop-blur: blur(10px)}@keyframes heroFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes countPop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ffffff1a}50%{box-shadow:0 0 15px #fff3}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.collection-hero{position:relative;width:100%;height:var(--hero-height-desktop, 220px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#191919;animation:heroFadeIn .6s ease-out both}.collection-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease-out;will-change:opacity}.collection-hero.is-loaded .collection-hero__image{opacity:1}.collection-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.6) 100%),linear-gradient(to right,rgba(0,0,0,calc(var(--overlay-opacity, .4) * 1.4)) 0%,rgba(0,0,0,calc(var(--overlay-opacity, .4) * 1)) 25%,rgba(0,0,0,calc(var(--overlay-opacity, .4) * .5)) 45%,transparent 65%);z-index:1}.collection-hero--no-image .collection-hero__overlay{background:linear-gradient(135deg,#1a1a1a,#2a2a2a),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px)}.collection-hero__breadcrumb{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px var(--hero-padding-desktop);animation:slideDown .4s .1s ease-out both}.breadcrumb__list{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.breadcrumb__item{display:flex;align-items:center}.breadcrumb__link{display:flex;align-items:center;gap:6px;color:#ffffffb3;text-decoration:none;font-family:Rubik,system-ui,sans-serif;font-size:13px;font-weight:500;transition:color var(--transition-base),transform var(--transition-base);outline:none;border-radius:var(--border-radius-sm);padding:2px 4px;margin:-2px -4px}.breadcrumb__link:focus-visible{color:#fff;box-shadow:0 0 0 2px #ffffff4d;outline:2px solid transparent}.breadcrumb__link:hover{color:#fff;transform:translate(2px)}.breadcrumb__link--home:hover{transform:scale(1.1) translate(0)}.breadcrumb__icon{flex-shrink:0}.breadcrumb__separator{display:flex;align-items:center;color:#ffffff59}.breadcrumb__separator svg{width:14px;height:14px}.breadcrumb__current{color:#fff;font-family:Rubik,system-ui,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.breadcrumb__back{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1a;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-md);color:#ffffffd9;text-decoration:none;font-family:Rubik,system-ui,sans-serif;font-size:12px;font-weight:500;transition:all var(--transition-base);outline:none}@supports not (backdrop-filter: blur(10px)){.breadcrumb__back{background:#fff3}}.breadcrumb__back:focus-visible{background:#fff3;color:#fff;box-shadow:0 0 0 2px #ffffff4d;outline:2px solid transparent}.breadcrumb__back:hover{background:#fff3;color:#fff;transform:translate(-3px);animation:glow 1.5s ease-in-out infinite}.breadcrumb__back svg{transition:transform var(--transition-base)}.breadcrumb__back:hover svg{transform:translate(-2px)}.breadcrumb--minimal{background:transparent}.breadcrumb--pill{background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);padding-bottom:30px}.breadcrumb--pill .breadcrumb__list{background:#00000080;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);padding:8px 16px;border-radius:var(--border-radius-full);border:1px solid rgba(255,255,255,.1)}@supports not (backdrop-filter: blur(10px)){.breadcrumb--pill .breadcrumb__list{background:#000000b3}}.breadcrumb--pill .breadcrumb__link,.breadcrumb--pill .breadcrumb__current{font-size:12px}.breadcrumb--terminal{background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);padding-bottom:30px}.breadcrumb--terminal .breadcrumb__list{background:#000000bf;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);padding:10px 16px;border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.1);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace}@supports not (backdrop-filter: blur(10px)){.breadcrumb--terminal .breadcrumb__list{background:#000000d9}}.breadcrumb--terminal .breadcrumb__list:before{content:">";color:#10b981;font-weight:700;margin-right:8px}.breadcrumb--terminal .breadcrumb__link,.breadcrumb--terminal .breadcrumb__current{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;font-size:12px;letter-spacing:0}.breadcrumb--terminal .breadcrumb__separator{color:#fff6}.breadcrumb--terminal .breadcrumb__separator svg{display:none}.breadcrumb--terminal .breadcrumb__separator:after{content:"/";font-size:13px}.breadcrumb--terminal .breadcrumb__current{color:#10b981;text-transform:none}.breadcrumb--terminal .breadcrumb__back{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;background:#10b98126;border-color:#10b9814d;color:#10b981}.breadcrumb--terminal .breadcrumb__back:hover{background:#10b98140}.collection-hero__content{position:relative;z-index:2;padding:20px var(--hero-padding-desktop) 24px;animation:titleSlideUp .5s .2s ease-out both}.collection-hero__title{color:#fff;font-family:Rubik,system-ui,-apple-system,sans-serif;font-weight:800;font-size:clamp(1.6rem,5vw,2.8rem);text-transform:uppercase;letter-spacing:.03em;line-height:1.1;margin:0 0 8px;text-shadow:0 2px 12px rgba(0,0,0,.5),0 4px 24px rgba(0,0,0,.3)}.collection-hero__description{color:#ffffffbf;font-family:Rubik,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin:0 0 10px;max-width:500px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.collection-hero__count{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.08);color:#fffc;font-family:Rubik,system-ui,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;animation:countPop .5s .4s ease-out both}@supports not (backdrop-filter: blur(8px)){.collection-hero__count{background:#fff3}}.collection-hero__count-icon{flex-shrink:0;opacity:.7}.collection-recommendations{position:absolute;bottom:0;right:0;z-index:5;display:flex;flex-direction:row;align-items:flex-end;gap:6px;padding:0 var(--hero-padding-desktop) 16px 0;animation:slideInRight .5s .3s ease-out both}.collection-recommendations__header{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000bf;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-sm);white-space:nowrap;align-self:flex-end;margin-bottom:2px}@supports not (backdrop-filter: blur(10px)){.collection-recommendations__header{background:#000000d9}}.collection-recommendations__icon{flex-shrink:0;color:#fff9;width:12px;height:12px}.collection-recommendations__title{color:#ffffffd9;font-family:Rubik,system-ui,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.collection-recommendations__grid{display:flex;gap:6px;min-height:80px}.collection-recommendations__loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:20px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.collection-recommendations__empty{grid-column:1 / -1;color:#ffffff80;font-family:Rubik,system-ui,sans-serif;font-size:11px;text-align:center;padding:20px}.recommendation-card{display:flex;flex-direction:column;width:90px;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-sm);overflow:hidden;text-decoration:none;transition:all var(--transition-base);animation:fadeInScale .3s ease-out both;animation-delay:calc(var(--index, 0) * .05s);cursor:pointer}@supports not (backdrop-filter: blur(12px)){.recommendation-card{background:#000000d9}}.recommendation-card:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 4px 12px #0006,0 0 0 1px #ffffff1a}.recommendation-card:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.recommendation-card__image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#ffffff0d}.recommendation-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recommendation-card:hover .recommendation-card__image{transform:scale(1.05)}.recommendation-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:#ffffff4d;background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.recommendation-card__content{display:flex;flex-direction:column;gap:3px;padding:6px}.recommendation-card__title{color:#fff;font-family:Rubik,system-ui,sans-serif;font-size:9px;font-weight:600;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recommendation-card__badge{display:inline-flex;align-items:center;padding:2px 4px;background:#ffffff1a;border-radius:2px;color:#ffffffa6;font-family:Rubik,system-ui,sans-serif;font-size:7px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;align-self:flex-start;white-space:nowrap}@media (max-width: 768px){.collection-hero{height:var(--hero-height-tablet, 160px)}.collection-hero__breadcrumb{padding:12px var(--hero-padding-tablet)}.breadcrumb__text,.breadcrumb__link--home .breadcrumb__text{display:none}.breadcrumb__link--home .breadcrumb__icon{width:16px;height:16px}.breadcrumb__item:nth-child(3),.breadcrumb__separator:nth-child(2){display:none}.breadcrumb__back span{display:none}.breadcrumb__back{padding:8px;min-width:36px;justify-content:center}.collection-hero__content{padding:16px var(--hero-padding-tablet)}.collection-hero__title{font-size:clamp(1.3rem,4vw,2rem)}.collection-recommendations{padding:0 var(--hero-padding-tablet) 12px 0}.collection-recommendations__header{padding:3px 6px}.collection-recommendations__icon{width:10px;height:10px}.collection-recommendations__title{font-size:8px}.collection-recommendations__grid{gap:5px;min-height:70px}.recommendation-card{width:80px}.recommendation-card__content{padding:5px}.recommendation-card__title{font-size:8px}.recommendation-card__badge{font-size:6px;padding:1px 3px}}@media (max-width: 480px){.collection-hero{height:var(--hero-height-mobile, 130px)}.collection-hero__breadcrumb{padding:10px var(--hero-padding-mobile)}.breadcrumb--pill .breadcrumb__list,.breadcrumb--terminal .breadcrumb__list{padding:6px 12px}.breadcrumb__current{font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-hero__content{padding:12px var(--hero-padding-mobile)}.collection-hero__title{font-size:1.25rem;letter-spacing:.02em}.collection-hero__description{display:none}.collection-hero__count{font-size:10px;padding:4px 8px;gap:4px}.collection-hero__count-icon{width:10px;height:10px}.collection-recommendations{display:none}}@media (prefers-reduced-motion: reduce){.collection-hero,.collection-hero__breadcrumb,.collection-hero__content,.collection-hero__image,.breadcrumb__link,.breadcrumb__back,.collection-hero__count,.collection-recommendations,.recommendation-card,.loading-spinner{animation:none!important;transition:none!important}.collection-hero__image{opacity:1}}@media (prefers-contrast: high){.breadcrumb__link,.breadcrumb__back,.recommendation-card{border:2px solid currentColor}.collection-hero__overlay{opacity:.9}}@media print{.collection-hero__breadcrumb,.breadcrumb__back,.collection-recommendations{display:none}.collection-hero{height:auto;min-height:150px;page-break-inside:avoid}.collection-hero__overlay{opacity:.3}}.collection-hero__image,.breadcrumb__link,.breadcrumb__back,.recommendation-card{transform:translateZ(0);backface-visibility:hidden}.collection-hero__content,.collection-recommendations{will-change:transform,opacity}.collection-hero.is-loaded .collection-hero__content,.collection-hero.is-loaded .collection-recommendations{will-change:auto}
/*# sourceMappingURL=/cdn/shop/t/42/assets/portada-colecciones.css.map */