:root{--color-bg:#faf6f0;--color-bg-alt:#fcfaf7;--color-text:#1c1c1c;--color-text-muted:#6e6860;--color-gold:#c5a880;--color-gold-light:#e8e2d8;--color-gold-pale:#f3ede4;--color-rose:#e6c5c0;--color-rose-light:#f7eae8;--color-charcoal:#1c1915;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--ease-luxury:cubic-bezier(.16, 1, .3, 1);--radius:14px;--radius-sm:8px}.productos-page *,.productos-page :before,.productos-page :after{box-sizing:border-box}.productos-page{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;line-height:1.6;overflow-x:hidden}.productos-page ::-webkit-scrollbar{width:6px}.productos-page ::-webkit-scrollbar-track{background:var(--color-bg)}.productos-page ::-webkit-scrollbar-thumb{background:var(--color-gold-light);border-radius:3px}.productos-page ::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.sub-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.22em;color:var(--color-rose);font-size:.72rem;display:block}.sub-label--gold{color:var(--color-gold)}.sub-label--muted{color:var(--color-text-muted)}.productos-header{z-index:200;-webkit-backdrop-filter:blur(14px);width:100%;transition:all .5s var(--ease-luxury);background-color:#1c1915f5;border-bottom:1px solid #c5a88024;position:fixed;top:0;left:0}.header-inner{justify-content:space-between;align-items:center;max-width:1440px;height:62px;margin:0 auto;padding:0 5vw;display:flex}.logo-link{align-items:center;height:30px;text-decoration:none;display:flex}.logo-link img{object-fit:contain;width:auto;height:100%}.logo-fallback{font-family:var(--font-serif);letter-spacing:.15em;color:#faf6f0;font-size:1.3rem;display:none}.main-nav{align-items:center;gap:clamp(20px,3vw,44px);display:flex}.nav-link{letter-spacing:.12em;text-transform:uppercase;color:#faf6f0b8;padding:4px 0;font-size:.78rem;text-decoration:none;transition:color .3s;position:relative}.nav-link.active,.nav-link:hover{color:var(--color-bg)}.nav-link:after{content:"";background-color:var(--color-gold);width:0;height:1px;transition:width .4s var(--ease-luxury), left .4s var(--ease-luxury);position:absolute;bottom:0;left:50%}.nav-link.active:after{content:"";background:var(--color-gold);width:100%;height:1px;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%;left:0}.cart-btn{cursor:pointer;color:#faf6f0b8;background:0 0;border:none;align-items:center;gap:8px;padding:6px;transition:color .3s;display:flex;position:relative}.cart-btn:hover{color:var(--color-bg)}.cart-count{background:var(--color-rose);color:var(--color-charcoal);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:500;transition:opacity .3s;display:flex;position:absolute;top:0;right:0;transform:translate(30%,-20%)}.cart-count.visible{opacity:1}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.nav-toggle span{background:var(--color-bg);width:22px;height:1px;transition:transform .3s,opacity .3s;display:block}.nav-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:190;opacity:0;pointer-events:none;background:#1c1915fa;flex-direction:column;justify-content:center;align-items:center;gap:36px;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-link{font-family:var(--font-serif);letter-spacing:.04em;color:var(--color-bg);opacity:0;font-size:2rem;text-decoration:none;transition:opacity .4s,transform .4s,color .3s;transform:translateY(14px)}.mobile-menu.open .mobile-link{opacity:1;transform:none}.mobile-menu.open .mobile-link:first-child{transition-delay:60ms}.mobile-menu.open .mobile-link:nth-child(2){transition-delay:.11s}.mobile-menu.open .mobile-link:nth-child(3){transition-delay:.16s}.mobile-menu.open .mobile-link:nth-child(4){transition-delay:.21s}.mobile-menu.open .mobile-link:nth-child(5){transition-delay:.26s}.mobile-link:hover{color:var(--color-gold)}.collection-header{grid-template-columns:1fr 1fr;align-items:end;gap:40px;max-width:1440px;margin:0 auto;padding:calc(62px + 10vh) 5vw 6vh;display:grid}.collection-header__number{font-family:var(--font-serif);color:var(--color-gold-light);letter-spacing:-.02em;opacity:.55;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,14vw,11rem);line-height:.88;display:block}.collection-header__title{font-family:var(--font-serif);letter-spacing:-.01em;margin-top:12px;font-size:clamp(2.4rem,5.5vw,4.4rem);font-weight:400;line-height:1.1}.collection-header__title em{color:var(--color-gold);font-style:italic}.collection-header__right{padding-bottom:10px}.collection-header__intro{color:var(--color-text-muted);max-width:38ch;margin:0 0 0 auto;font-size:clamp(.92rem,1.2vw,1.05rem);line-height:1.75}.divider-gold{background:linear-gradient(90deg, var(--color-gold-light) 0%, transparent 100%);width:100%;height:1px;margin-bottom:6vh;display:block}.divider-wrap{max-width:1440px;margin:0 auto;padding:0 5vw}.bento-wrap{max-width:1440px;margin:0 auto;padding:0 5vw 12vh}.bento{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(80px,auto);gap:16px;display:grid}.card{border-radius:var(--radius);background:var(--color-bg-alt);transition:transform .55s var(--ease-luxury), box-shadow .55s var(--ease-luxury);will-change:transform;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 24px 64px #1c19151a}.card--solar{cursor:default;background:#1c1915;grid-area:1/1/3/8;min-height:580px}.card--solar .card-bg{opacity:.34;transition:opacity .8s var(--ease-luxury), transform .8s var(--ease-luxury);background:url(/recursos/solar-back.jpeg) 50%/cover no-repeat;position:absolute;inset:0}.card--solar:hover .card-bg{opacity:.44;transform:scale(1.03)}.card--solar:before{content:"";opacity:.5;pointer-events:none;z-index:1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");position:absolute;inset:0}.card--solar .card-inner{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding:36px 36px 36px 40px;display:flex;position:relative}.card--solar .card-top{justify-content:space-between;align-items:flex-start;display:flex}.card--solar .price-badge{font-family:var(--font-serif);color:#faf6f0;font-size:2.4rem;line-height:1}.card--solar .price-badge span{font-size:.9rem;font-family:var(--font-sans);letter-spacing:.04em;color:#faf6f080;margin-left:4px;font-weight:300}.card--solar .product-img-wrap{pointer-events:none;width:46%;transition:transform .7s var(--ease-luxury), right .7s var(--ease-luxury);z-index:3;justify-content:flex-end;display:flex;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.card--solar:hover .product-img-wrap{right:-10px;transform:translateY(-52%)}.card--solar .product-img-wrap img{object-fit:contain;filter:drop-shadow(0 30px 60px #00000080);width:100%;max-width:280px}.card--solar .product-img-placeholder{border-radius:var(--radius);background:linear-gradient(145deg,#c5a88026 0%,#c5a8800d 100%);width:100%;max-width:280px;height:320px}.card--solar .card-bottom{flex-direction:column;gap:22px;display:flex}.card--solar .card-title{font-family:var(--font-serif);color:#faf6f0;max-width:9ch;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;line-height:1.05}.card--solar .card-subtitle{color:#faf6f085;letter-spacing:.18em;text-transform:uppercase;font-size:.82rem}.features-list{flex-wrap:wrap;gap:8px;max-width:320px;margin:0;padding:0;list-style:none;display:flex}.feature-pill{letter-spacing:.08em;color:#faf6f0b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:100px;padding:5px 13px;font-size:.72rem}.card--solar .cta-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.btn-glass{-webkit-backdrop-filter:blur(12px);color:#faf6f0;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .4s var(--ease-luxury), border-color .4s var(--ease-luxury), transform .3s var(--ease-luxury);background:#1412104d;border:1px solid #ffffff47;border-radius:100px;align-items:center;gap:10px;padding:14px 26px;font-size:.82rem;font-weight:400;text-decoration:none;display:inline-flex}.btn-glass:hover{background:#c5a88038;border-color:#c5a88080;transform:translateY(-1px)}.btn-glass--primary{background:var(--color-gold);border-color:var(--color-gold);color:#1c1915}.btn-glass--primary:hover{background:#d4b892;border-color:#d4b892;transform:translateY(-1px)}.detail-link{color:#faf6f073;letter-spacing:.1em;align-items:center;gap:6px;font-size:.78rem;text-decoration:none;transition:color .3s;display:flex}.detail-link:hover{color:#faf6f0cc}.card--caja{background:var(--color-rose-light);grid-area:1/8/2/10;min-height:260px}.card--caja .card-img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-luxury)}.card--caja:hover .card-img{transform:scale(1.04)}.card--quote{background:var(--color-gold-pale);flex-direction:column;grid-area:1/10/2/13;justify-content:flex-end;min-height:260px;padding:28px;display:flex}.card--quote .quote-number{font-family:var(--font-serif);color:var(--color-gold);opacity:.3;font-size:5rem;line-height:1;display:block}.card--quote .quote-text{font-family:var(--font-serif);color:var(--color-text);margin-bottom:10px;font-size:1.1rem;font-style:italic;line-height:1.5}.card--quote .quote-author{letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem}.card-gradient-brand{width:100%;height:100%;min-height:inherit;background:linear-gradient(145deg, var(--color-gold-pale) 0%, var(--color-rose-light) 100%)}.card--vitaminc{background:linear-gradient(145deg,#fff4ec 0%,#fae8d5 100%);grid-area:2/8/3/10;min-height:300px}.card--cremadia{background:linear-gradient(145deg, var(--color-rose-light) 0%, #f0ddd9 100%);grid-area:2/10/3/13;min-height:300px}.card--retinal{background:linear-gradient(145deg,#f0eae0 0%,#ede4d6 100%);grid-area:3/1/4/5;min-height:310px}.card--noche{background:var(--color-charcoal);grid-area:3/5/4/9;min-height:310px}.card--contorno{background:linear-gradient(145deg,#f7f0ec 0%,#ede4dc 100%);grid-area:3/9/4/11;min-height:310px}.card--sensibles{background:linear-gradient(145deg, #f7eae8 0%, var(--color-rose-light) 100%);grid-area:3/11/4/13;min-height:310px}.card-coming{flex-direction:column;justify-content:space-between;height:100%;padding:28px 28px 24px;display:flex}.card-coming__top{justify-content:space-between;align-items:flex-start;display:flex}.card-coming__number{font-family:var(--font-serif);color:var(--color-gold-light);opacity:.6;-webkit-user-select:none;user-select:none;font-size:2.8rem;line-height:1}.card-coming__soon{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);background:#1c19150f;border-radius:100px;padding:5px 10px;font-size:.68rem;display:inline-block}.card--noche .card-coming__soon{color:#faf6f073;background:#ffffff0f}.card-coming__name{font-family:var(--font-serif);color:var(--color-text);margin-bottom:8px;font-size:clamp(1.1rem,2vw,1.55rem);font-weight:400;line-height:1.2}.card--noche .card-coming__name{color:#faf6f0}.card--noche .sub-label{color:#c5a880a6}.card-coming__swatch{opacity:.18;border-radius:50%;width:70px;height:70px;position:absolute;bottom:60px;right:20px}.card--vitaminc .card-coming__swatch{background:radial-gradient(circle,#ffb347 0%,#ff8c00 100%)}.card--cremadia .card-coming__swatch{background:radial-gradient(circle, var(--color-rose) 0%, #d4a7a0 100%)}.card--retinal .card-coming__swatch{background:radial-gradient(circle,#c9a880 0%,#a07040 100%)}.card--noche .card-coming__swatch{opacity:.22;background:radial-gradient(circle,#6b5a8e 0%,#3d2b6b 100%)}.card--contorno .card-coming__swatch{background:radial-gradient(circle,#b8d4c8 0%,#7fada0 100%)}.card--sensibles .card-coming__swatch{background:radial-gradient(circle, var(--color-rose-light) 0%, var(--color-rose) 100%)}.card-coming__line{background:var(--color-gold);opacity:.4;width:36px;height:1px;margin-bottom:14px;display:block}.trust-strip{max-width:1440px;margin:0 auto;padding:0 5vw 10vh}.trust-strip__inner{border-top:1px solid var(--color-gold-light);border-bottom:1px solid var(--color-gold-light);grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 0;display:grid}.trust-item{align-items:flex-start;gap:16px;display:flex}.trust-item__icon{width:36px;height:36px;color:var(--color-gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-item__title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:4px;font-size:.95rem}.trust-item__desc{color:var(--color-text-muted);font-size:.78rem;line-height:1.5}.brand-band{background:var(--color-charcoal);text-align:center;padding:7vh 5vw}.brand-band__inner{max-width:720px;margin:0 auto}.brand-band__label{color:var(--color-gold);letter-spacing:.24em;text-transform:uppercase;margin-bottom:20px;font-size:.72rem;display:block}.brand-band__quote{font-family:var(--font-serif);color:#faf6f0;font-size:clamp(1.5rem,3.5vw,2.5rem);font-style:italic;font-weight:400;line-height:1.35}.brand-band__line{background:var(--color-gold);width:48px;height:1px;margin:24px auto 0;display:block}.productos-footer{background:var(--color-charcoal);border-top:1px solid #c5a8801f;padding:6vh 5vw}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1440px;margin:0 auto;display:grid}.footer-links{gap:28px;display:flex}.footer-link{letter-spacing:.12em;text-transform:uppercase;color:#faf6f059;font-size:.72rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:#faf6f0b3}.footer-logo{object-fit:contain;opacity:.7;height:24px}.footer-right{text-align:right}.footer-copy{color:#faf6f040;letter-spacing:.08em;font-size:.7rem}.cart-toast{background:var(--color-charcoal);border-radius:var(--radius);z-index:500;opacity:0;pointer-events:none;transition:all .5s var(--ease-luxury);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #c5a88040;align-items:center;gap:14px;min-width:280px;padding:18px 22px;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(20px)}.cart-toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.cart-toast__icon{background:var(--color-gold);color:#1c1915;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cart-toast__title{font-family:var(--font-serif);color:#faf6f0;margin-bottom:2px;font-size:.95rem}.cart-toast__sub{color:#faf6f073;letter-spacing:.06em;font-size:.75rem}.reveal{opacity:0;transition:opacity .7s var(--ease-luxury), transform .7s var(--ease-luxury);transform:translateY(22px)}.reveal.visible{opacity:1;transform:none}.reveal--delay1{transition-delay:80ms}.reveal--delay2{transition-delay:.16s}.reveal--delay3{transition-delay:.24s}.reveal--delay4{transition-delay:.32s}.tilt-card{transform-style:preserve-3d;transition:transform .5s var(--ease-luxury)}@media (max-width:1100px){.bento{grid-template-columns:repeat(6,1fr)}.card--solar{grid-area:1/1/2/7;min-height:480px}.card--caja{grid-area:2/1/3/4;min-height:220px}.card--quote{grid-area:2/4/3/7;min-height:220px}.card--vitaminc{grid-area:3/1/4/3;min-height:260px}.card--cremadia{grid-area:3/3/4/5;min-height:260px}.card--retinal{grid-area:3/5/4/7;min-height:260px}.card--noche{grid-area:4/1/5/3;min-height:260px}.card--contorno{grid-area:4/3/5/5;min-height:260px}.card--sensibles{grid-area:4/5/5/7;min-height:260px}.trust-strip__inner{grid-template-columns:repeat(2,1fr)}.collection-header{grid-template-columns:1fr}.collection-header__intro{max-width:100%;margin:0}}@media (max-width:768px){.main-nav{display:none}.nav-toggle{display:flex}.collection-header{padding:calc(62px + 8vh) 5vw 5vh}.collection-header__number{font-size:clamp(5rem,22vw,8rem)}.bento{grid-template-columns:1fr 1fr;gap:12px}.card--solar{grid-area:1/1/2/3;min-height:420px}.card--solar .product-img-wrap{width:55%;right:-16px}.card--solar .card-inner{padding:24px}.card--caja{grid-area:2/1/3/2;min-height:200px}.card--quote{grid-area:2/2/3/3;min-height:200px}.card--vitaminc,.card--cremadia,.card--retinal,.card--noche,.card--contorno,.card--sensibles{grid-area:auto/span 1;min-height:220px}.trust-strip__inner{grid-template-columns:1fr 1fr;gap:24px;padding:28px 0}.footer-inner{text-align:center;grid-template-columns:1fr}.footer-links{flex-wrap:wrap;justify-content:center}.footer-right{text-align:center}.footer-logo{margin:0 auto;display:block}}@media (max-width:480px){.bento{grid-template-columns:1fr;gap:10px}.card--solar{grid-column:1;min-height:460px}.card--caja{grid-column:1;min-height:200px}.card--quote{grid-column:1}.card--vitaminc,.card--cremadia,.card--retinal,.card--noche,.card--contorno,.card--sensibles{grid-column:1;min-height:190px}.trust-strip__inner{grid-template-columns:1fr}.collection-header__number{font-size:18vw}}@media (prefers-reduced-motion:reduce){.productos-page *,.productos-page :before,.productos-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
