/* Iconic Essence · soft chrome and glass. Content stays quieter than controls. */
@font-face{font-family:Manrope;src:url('/tienda/assets/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#f5f2fb;--ink:#302c47;--muted:#6c6580;--purple:#7558bd;--lilac:#e8e0f7;--line:#ded7ed;--serif:Manrope,Arial,sans-serif;font-family:Manrope,Arial,sans-serif;background:#f5f2fb}
body{background:radial-gradient(ellipse at 8% 6%,#fce6ef 0,transparent 28%),radial-gradient(ellipse at 88% 10%,#d8e5fd 0,transparent 32%),radial-gradient(ellipse at 52% 17%,#e5dcfa 0,transparent 35%),#f8f6fc;background-attachment:fixed;line-height:1.5}
button,input,select{font-family:Manrope,Arial,sans-serif}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h2{font-weight:700;letter-spacing:-.055em;font-size:clamp(32px,4vw,51px)}
.announcement{height:32px;background:transparent;color:#6d6381;font-size:10px;font-weight:600;letter-spacing:.03em;gap:12px}.announcement span{font-size:9px;letter-spacing:.13em}.announcement::before{content:'';width:5px;height:5px;border-radius:50%;background:#a495c4}
.site-header{position:sticky;top:16px;z-index:10;max-width:1300px;margin:12px auto 0;width:calc(100% - 64px);height:78px;padding:0 25px;border-radius:28px;background:linear-gradient(130deg,#ffffffe0,#ffffff5c 50%,#ffffffb5);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff82,0 12px 35px #68588b0d,0 2px 4px #68588b05;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.wordmark{font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.4px;line-height:.95;text-transform:lowercase}.wordmark span{font-family:Manrope,Arial,sans-serif;font-size:8px;letter-spacing:.35em;font-weight:600;margin:7px 0 0 3px;text-transform:uppercase}.site-header nav{gap:8px;font-size:11px;font-weight:600}.site-header nav a{padding:11px 15px;border-radius:18px}.site-header nav a:hover{background:#ffffff96;text-decoration:none}.site-header nav a:first-child{background:#ffffffb3;box-shadow:0 2px 8px #7a63930a}
.bag-button{background:linear-gradient(135deg,#f5f0ffb8,#fff9);border:1px solid white;border-radius:20px;min-height:44px;padding:8px 13px;font-size:11px;font-weight:700;box-shadow:inset 0 2px 2px #fff,0 4px 10px #5c41830c}.bag-button span{background:#b7a1e6;color:#332047;border:1px solid #fff7;box-shadow:inset 0 1px 2px #ffffffb0}
.hero{max-width:1364px;grid-template-columns:1.08fr 1fr;padding:66px 50px 42px;gap:24px;min-height:620px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;padding:8px 13px;border:1px solid #fff;border-radius:99px;background:#ffffff73;letter-spacing:.04em;color:#76628b;margin-bottom:26px}.hero .eyebrow::before{content:'✧';font-size:16px;color:#9972bb}.hero h1{font-size:clamp(55px,6.1vw,86px);font-weight:800;line-height:1.06;letter-spacing:-.075em;color:#3b304c}.hero h1 em{font-style:normal;font-weight:800;color:#9572c3;background:linear-gradient(100deg,#a582ce 0,#7e72bf 55%,#ac8ac4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:14px;line-height:1.9;max-width:350px;color:#746b83;margin:25px 0 28px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{border-radius:19px;min-height:50px;font-size:12px;gap:22px;padding:14px 23px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.primary{color:#fff;background:linear-gradient(125deg,#a48ad7,#8165bd);border:1px solid #c2abe6;box-shadow:inset 0 1px 1px #e9dbffb5,inset 0 -2px 4px #7454a833,0 9px 22px #9277c22e}.primary:hover{background:linear-gradient(125deg,#9c80d1,#775ab4);box-shadow:inset 0 1px 1px #e9dbffb5,0 12px 28px #9277c23b}.secondary{background:linear-gradient(125deg,#ffffffe8,#ffffff80);border:1px solid #fff;box-shadow:inset 0 1px 0 white,0 5px 14px #8677a00d}.secondary:hover{background:#fff}.hero-note{font-size:10px;margin-top:25px;gap:9px;color:#82748e}.hero-note .sparkle{font-size:21px;color:#ae8cbd}
.hero-art{background:none;border-radius:0;overflow:visible;min-height:470px;max-height:none;margin:0;position:relative;display:block;isolation:isolate}.hero-art::before{content:'';position:absolute;inset:18% 6% 10%;border-radius:50%;background:radial-gradient(ellipse,#dcc8ffbb,transparent 70%);filter:blur(20px);z-index:-1}.chrome-orbit{position:absolute;inset:65px 30px 40px;border:26px solid #ffffff4d;border-radius:50%;transform:rotate(-24deg) scaleY(.74);box-shadow:inset 5px 4px 11px #fff, inset -8px -6px 18px #bd9ed354,6px 7px 10px #fff9,-6px -4px 16px #a98bcb2b,0 30px 38px #9876be18;background:linear-gradient(130deg,#fff2,#dcc7f52b);z-index:0}
.hero-art .chrome-star{position:absolute;width:95%;height:95%;object-fit:contain;inset:0;margin:auto;filter:drop-shadow(0 30px 24px #9270b21f);animation:float-star 7s ease-in-out infinite}.bubble{position:absolute;border-radius:50%;border:1px solid #ffffffc7;background:radial-gradient(circle at 27% 22%,#fff 0,#fff8 9%,#fff0 30%),radial-gradient(circle at 67% 77%,#bfa2ed4d,transparent 65%);box-shadow:inset 2px 2px 5px #fff,inset -4px -3px 9px #b99bdc66,0 12px 25px #8872b11f}.bubble-one{width:58px;height:58px;top:32px;right:74px;animation:float-star 8s ease-in-out infinite reverse}.bubble-two{width:34px;height:34px;bottom:83px;left:39px}.bubble-three{width:19px;height:19px;right:35px;bottom:150px}
.float-label{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 19px;border:1px solid #fffffff0;border-radius:23px;background:linear-gradient(125deg,#ffffffe3,#ffffff75);box-shadow:inset 0 1px 1px #fff,0 12px 25px #85709712;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.float-label strong{display:block;font-size:12px;font-weight:700}.float-label small{display:block;font-size:10px;color:#88798f;margin-top:3px}.float-label .label-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#efe5fa;color:#a280b9;font-size:22px;box-shadow:inset 0 1px 1px white}.label-top{left:-2px;top:42px;transform:rotate(-7deg)}.label-bottom{right:12px;bottom:35px;transform:rotate(6deg)}.art-word{position:absolute;left:10%;right:10%;top:44%;text-align:center;font-size:clamp(45px,6.5vw,95px);line-height:1;letter-spacing:-.08em;font-weight:800;color:#fff8;transform:rotate(-9deg);-webkit-text-stroke:1px #fff9;text-shadow:0 3px 0 #987bb67a,0 7px 13px #71508b3d;z-index:1;pointer-events:none}
.collection-strip{max-width:1200px;margin:0 auto;justify-content:center;gap:50px;background:transparent;border:0;padding:8px 20px 30px;font-size:9px;letter-spacing:.12em;color:#8a7b99}.collection-strip span:nth-child(even){color:#ba9ccd;font-size:17px}.section{max-width:1364px;padding:45px 50px 75px}.section-heading{align-items:center}.eyebrow{color:#9a7bb3;font-size:9px;letter-spacing:.12em;font-weight:600;margin-bottom:12px}.text-link{font-size:11px;color:#806395;border:0;font-weight:600}.text-link:hover{text-decoration:underline}.preview-note{font-size:11px;background:#ffffff85;border:1px solid #ffffffb8;border-radius:17px;color:#82738b;padding:12px 17px;margin:23px 0;line-height:1.8}.catalog-tools{border:1px solid white;background:linear-gradient(120deg,#ffffffba,#ffffff63);border-radius:24px;padding:13px;gap:10px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 white,0 8px 24px #77608e09;margin:20px 0 15px}.catalog-tools label{gap:0}.catalog-tools label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input,select{border-radius:15px;border-color:#e4dcee;background:#fff9;font-size:12px;min-height:46px}.catalog-tools input{background:#fff8;border:1px solid #fff}.catalog-tools select{background:#ede5f77d;border-color:#fff}.category-label{width:210px}.search-label{position:relative}.search-label input{padding-left:40px}.search-label::before{content:'⌕';position:absolute;left:15px;top:5px;font-size:27px;line-height:32px;color:#a18ab6}.results-line{font-size:10px;margin:0 3px 20px;color:#8e829a}.results-line select{font-size:10px;background:transparent}.category-chips{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.category-chip{border:1px solid #fff;background:#ffffff91;border-radius:99px;min-height:38px;padding:8px 19px;font-size:11px;color:#85758d;box-shadow:inset 0 1px 0 white;transition:.2s}.category-chip[aria-pressed=true]{background:#e4d7f4;color:#684b8d;box-shadow:inset 0 1px 0 #fff,0 5px 10px #a18ab61a}.category-chip:hover{background:#e9def7}
.product-grid{gap:22px}.product-card{background:#ffffff80;border:1px solid #fff;border-radius:28px;padding:12px 12px 16px;box-shadow:0 8px 25px #78618d08;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #78618d14}.product-image{border-radius:20px;background:#eee3f3;aspect-ratio:1/1.06}.product-image img{object-fit:cover;object-position:top;width:100%;height:100%;filter:saturate(.88)}.product-category{margin:17px 7px 6px;font-size:8px;letter-spacing:.1em;color:#a08bac}.product-name{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.6;min-height:38px;padding:0 7px}.product-price{font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.04em;margin:10px 7px 2px;color:#5b466d}.price-note{font-size:9px;margin-left:7px;color:#8b7e98}.add-button{width:calc(100% - 10px);margin:15px 5px 0;border-radius:15px;border:1px solid white;background:linear-gradient(130deg,#f0e8f9,#eee8fa99);box-shadow:inset 0 1px 1px #fff;min-height:42px;font-size:10px;font-weight:600;color:#82639c}.add-button:hover{background:#e4d7f4}.load-more{margin-top:35px}.how-section{max-width:1264px;border:1px solid #fff;border-radius:38px;background:linear-gradient(130deg,#eae0f688,#f9edf580 50%,#e5edfc8c);padding:50px;margin-bottom:45px}.how-section>div>p:not(.eyebrow){font-size:12px;color:#8b7c98}.how-section h2{font-size:37px}.steps li{border-color:#dcd0e84d;gap:17px;padding:17px 0}.steps li>span{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;background:#fff9;border:1px solid white;border-radius:13px;color:#ae8dc2}.steps h3{font-size:12px}.steps p{font-size:11px;color:#8b7b95}footer{max-width:1364px;margin:auto;padding:35px 50px 30px;gap:25px}footer>p{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:17px;color:#9b80af}footer>div{font-size:10px;color:#8a7b94}footer small{font-size:9px;color:#9b90a4}
dialog{background:linear-gradient(135deg,#fffc,#f8f2ffeb);border:1px solid white;border-radius:32px;box-shadow:inset 0 1px 2px #fff,0 30px 100px #51406335;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);padding:35px}dialog::backdrop{background:#766b8b45;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.close{background:#ffffffb8;border:1px solid #fff;border-radius:50%;font-size:25px;color:#8e75a1;right:12px;top:12px}.detail-layout{gap:30px}.detail-layout>img{border-radius:24px}.detail-layout h2{font-size:27px;letter-spacing:-.045em;line-height:1.25}.detail-layout p{font-size:12px}.detail-layout .product-price{font-size:28px}.cart-dialog{height:calc(100dvh - 30px);max-height:calc(100dvh - 30px);margin:15px 15px 15px auto;border-radius:30px}.dialog-header .close{right:0;top:0}.dialog-header h2{font-size:33px}.cart-line{border-color:#e4d9ee99}.cart-line img{border-radius:13px}.cart-line h3{font-size:11px}.quantity button{border-radius:10px;border-color:#fff;background:#ffffff91;min-width:34px;height:34px}.quantity .remove{background:transparent}.cart-summary p{font-size:10px}.cart-summary>div{font-size:12px}.cart-dialog>.button{border-radius:17px}.toast{border-radius:20px;background:#51435fe8;backdrop-filter:blur(12px);border:1px solid #ffffff30;box-shadow:0 15px 30px #46325022;font-size:11px}.empty{color:#9684a3}.admin-shell h1{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.05em}.admin-table{background:#fffa;border-radius:20px;overflow:hidden}.admin-table td{border-color:#e6ddee}.admin-table button{border-radius:12px;color:#806393}.admin-toolbar .button{border-radius:16px}.admin-edit{border-radius:28px}.effects-toggle{font-size:10px;border:1px solid white;border-radius:12px;padding:8px 12px;background:#fff9;color:#887395;justify-self:start}
body.reduce-effects .hero-art *,body.reduce-effects .button,body.reduce-effects .product-card{animation:none;transition:none}body.reduce-effects .site-header,body.reduce-effects .float-label,body.reduce-effects .catalog-tools,body.reduce-effects dialog{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f7f3fc}body.reduce-effects dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#55486170}
@keyframes float-star{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.catalog-tools,.float-label,dialog{background:#f8f4fc}}
@media(max-width:1050px){.hero{padding:55px 40px 35px;gap:0;min-height:560px}.hero h1{font-size:66px}.hero-art{min-height:440px}.label-top{left:0;top:40px}.label-bottom{right:0;bottom:45px}.float-label{padding:11px 13px;gap:8px}.float-label strong{font-size:10px}.float-label small{font-size:8px}.hero-art .chrome-star{width:110%;left:-5%;right:-5%}.section{padding-inline:40px}.how-section{margin-inline:30px;width:calc(100% - 60px);padding:35px}.site-header{width:calc(100% - 48px)}}
@media(max-width:760px){.site-header{width:calc(100% - 32px);height:68px;padding:0 19px;border-radius:23px;top:10px}.site-header nav{display:none}.hero{grid-template-columns:1fr 1fr;padding:45px 30px 25px;min-height:490px}.hero h1{font-size:52px}.hero-description{font-size:12px;max-width:260px}.hero-art{min-height:370px}.float-label .label-icon{width:28px;height:28px;font-size:18px;border-radius:10px}.label-top{left:0;top:35px}.label-bottom{right:0;bottom:20px}.chrome-orbit{inset:75px 8px 50px;border-width:18px}.hero-art .chrome-star{width:125%;left:-12%;right:-12%}.art-word{font-size:55px}.collection-strip{gap:25px;font-size:8px}.section{padding:35px 25px 55px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product-card{border-radius:22px;padding:8px}.product-image{border-radius:16px}.product-name{font-size:10px;padding:0 4px}.price-note{font-size:8px}.product-price{font-size:17px}.add-button{font-size:9px}.how-section{grid-template-columns:1fr 1fr;gap:25px;padding:30px}.how-section h2{font-size:28px}footer{padding:30px}}
@media(max-width:540px){.announcement{font-size:9px;height:25px}.announcement span{display:none}.site-header{margin-top:8px;height:64px;width:calc(100% - 26px);padding:0 16px;border-radius:22px}.wordmark{font-size:25px}.wordmark span{font-size:7px}.bag-button{font-size:9px;padding:7px 10px;border-radius:16px;min-height:38px}.bag-button span{width:21px;height:21px;margin-left:5px}.hero{display:flex;flex-direction:column;padding:38px 25px 15px;gap:0}.hero-copy{align-self:auto;text-align:center}.hero .eyebrow{font-size:9px;padding:7px 11px;margin-bottom:20px}.hero h1{font-size:clamp(48px,12vw,64px);line-height:1.07;letter-spacing:-.07em}.hero h1 br:nth-of-type(2){display:initial}.hero-description{max-width:280px;font-size:12px;margin:18px auto 22px;line-height:1.9}.hero-actions{justify-content:center;gap:9px}.hero-actions .button{padding:12px 17px;font-size:10px;min-height:45px;border-radius:16px;gap:12px}.hero-note{justify-content:center;margin-top:16px;font-size:9px}.hero-art{width:100%;min-height:340px;max-height:none;margin-top:12px}.hero-art .chrome-star{width:100%;height:100%;left:0;right:0}.chrome-orbit{inset:58px 26px 35px}.label-top{left:6px;top:34px}.label-bottom{right:5px;bottom:28px}.float-label{padding:10px 12px;border-radius:17px}.float-label strong{font-size:10px}.float-label small{font-size:8px}.art-word{font-size:68px;top:43%}.bubble-one{top:17px;right:60px;width:40px;height:40px}.bubble-two{bottom:69px;left:20px;width:27px;height:27px}.collection-strip{padding:0 16px 17px;gap:20px;font-size:8px}.collection-strip span:last-child{display:none}.section{padding:30px 18px 45px}.section-heading{gap:12px}.section-heading h2{font-size:33px}.section-heading .text-link{font-size:9px;max-width:90px;text-align:right}.eyebrow{font-size:8px;letter-spacing:.1em}.preview-note{margin:18px 0;font-size:10px;padding:11px 13px;border-radius:14px}.catalog-tools{padding:9px;border-radius:21px;flex-direction:column;margin-top:17px;gap:8px}.catalog-tools input,.catalog-tools select{font-size:11px;min-height:44px;border-radius:13px}.category-label{width:100%}.category-chips{gap:6px;margin-bottom:15px;flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.category-chip{font-size:10px;padding:7px 14px;min-height:35px;white-space:nowrap}.results-line{font-size:9px;align-items:center;margin-bottom:16px}.results-line label{flex-direction:row;align-items:center;gap:5px}.results-line select{font-size:9px;max-width:118px;min-height:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.product-card{padding:7px 7px 12px;border-radius:22px}.product-image{border-radius:16px;aspect-ratio:1/1.1}.product-category{font-size:7px;margin:12px 4px 5px}.product-name{font-size:9px;line-height:1.65;min-height:45px}.product-price{font-size:17px;margin:8px 4px 2px}.price-note{font-size:8px;margin-left:4px}.add-button{font-size:8px;width:100%;margin:12px 0 0;min-height:38px;border-radius:12px}.how-section{display:block;padding:28px 24px;border-radius:28px;margin:0 14px 20px;width:calc(100% - 28px)}.how-section h2{font-size:30px}.how-section>div>p:not(.eyebrow){font-size:11px;margin:17px 0}.steps{margin-top:22px}.steps li{padding:15px 0}.steps h3{font-size:11px}.steps p{font-size:10px}footer{padding:25px 24px;gap:20px}footer>p{font-size:13px}footer>div{font-size:9px;gap:17px}dialog{padding:35px 20px 24px;border-radius:26px}.cart-dialog{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:8px;width:calc(100% - 16px);padding:30px 20px;border-radius:26px}.cart-dialog h2{font-size:30px}.detail-layout h2{font-size:23px}.detail-layout>img{border-radius:19px}.detail-layout .button{font-size:11px}.cart-dialog>.button{font-size:10px}.toast{font-size:10px;width:max-content}.admin-shell h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.hero-art *{animation:none!important}.button,.product-card{transition:none;transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.site-header,.catalog-tools,.float-label,dialog{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f9f6fd}.product-card{background:#fff}.preview-note{background:#f4edf9}.muted,.price-note,.product-category,.results-line,.eyebrow,.hero-description{color:#665773}dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#51436088}}
@media(forced-colors:active){.hero h1 em{-webkit-text-fill-color:CanvasText;background:none}.hero-art{display:none}.button,.site-header,.product-card{border:1px solid ButtonText}.primary{color:ButtonText}}
/* Stable contrast on the light material; opacity is reserved for decoration. */
.eyebrow,.product-category,.price-note,.results-line,.preview-note,.hero-note,.float-label small,footer>div,footer small{color:#75617f}
.category-chip,.add-button,.effects-toggle{color:#725486}
@media(max-width:540px){.product-name{font-size:11px;min-height:54px}.product-category,.price-note,.results-line{font-size:10px}.add-button{font-size:10px;min-height:44px}.category-chip{min-height:44px;font-size:11px}.preview-note{font-size:11px}.hero-description{font-size:13px}.hero-actions .button{font-size:11px}.bag-button{font-size:10px}.float-label small{font-size:9px}.steps p{font-size:12px}.how-section>div>p:not(.eyebrow){font-size:12px}.cart-line h3{font-size:12px}.cart-dialog>.button{font-size:12px}}

/* Mejoras tomadas de John Fragance: favoritos, vistos recientemente, similares, compartir y WhatsApp flotante */
.price-label{width:210px}
.product-card{position:relative}
.fav-button{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid #fff;background:#ffffffc4;color:#8a68a8;font-size:18px;line-height:1;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff,0 4px 12px #5c41831a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .15s,background .15s;z-index:1}
.fav-button:hover{transform:scale(1.08);background:#fff}
.fav-button[aria-pressed=true]{color:#b0457f;background:#fff}
.fav-inline{position:static;flex:none}
.chip-count{font-weight:700}
.fav-chip[aria-pressed=true]{color:#a03f75}
.recent{margin:22px 0 4px}
.recent-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.recent-head .eyebrow{margin:0}
.text-button{background:none;border:0;padding:6px 0;font-size:11px;font-weight:600;color:#806395;text-decoration:underline;text-underline-offset:4px;min-height:36px}
.recent-rail{display:flex;gap:10px;overflow-x:auto;padding:10px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.mini-card{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;text-align:left;padding:7px 7px 10px;border:1px solid #fff;border-radius:18px;background:#ffffff8c;box-shadow:0 6px 16px #78618d0a;transition:transform .2s}
.mini-card:hover{transform:translateY(-3px)}
.mini-card img{width:100%;height:118px;object-fit:cover;object-position:top;border-radius:13px;background:#eee3f3}
.mini-name{font-size:10px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:27px}
.mini-price{font-size:12px;font-weight:700;color:#5d4775}
.detail-info .button{width:100%}
.detail-info .button.secondary{margin-top:10px}
.detail-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px}
.similar{margin-top:26px;padding-top:20px;border-top:1px solid #e4d9ee}
.similar .eyebrow{margin-bottom:2px}
div.empty{display:flex;flex-direction:column;align-items:center;gap:14px}
.toast{display:flex;align-items:center;gap:16px}
.toast.visible{pointer-events:auto}
.toast-action{background:#ffffff26;border:1px solid #ffffff55;color:#fff;border-radius:12px;padding:7px 12px;font-size:11px;font-weight:700;white-space:nowrap}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:4;display:flex;align-items:center;gap:9px;padding:11px 16px 11px 13px;border-radius:99px;background:#7558bd;color:#fff;font-size:12px;font-weight:700;border:1px solid #ffffff60;box-shadow:0 12px 26px #4a2f7a40;transition:transform .2s}
.wa-float:hover{transform:translateY(-2px)}
body:has(dialog[open]) .wa-float{display:none}
body.reduce-effects .fav-button,body.reduce-effects .mini-card,body.reduce-effects .wa-float{transition:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px){.fav-button{top:14px;right:14px;width:36px;height:36px;font-size:16px}.wa-float span{display:none}.wa-float{padding:13px;right:14px;bottom:14px}}
@media(max-width:540px){.price-label{width:100%}.mini-card{flex-basis:118px}.mini-card img{height:104px}}
@media(prefers-reduced-motion:reduce){.fav-button,.mini-card,.wa-float{transition:none}}

/* ── Liquid Glass v3 ────────────────────────────────────────────────────────
   Como el material de Apple: casi transparente, sin velo blanco. Lo que lo hace
   vidrio es (1) la refracción en los bordes, que calcula liquid-glass.js, (2) un
   borde fino y brillante con luz arriba a la izquierda y rebote abajo a la
   derecha, y (3) una sombra suave que lo separa del fondo. El contenido (fotos,
   nombres, precios) va sobre superficies estables; el vidrio es para controles. */
:root{--lg-fill:linear-gradient(180deg,#ffffff2e,#ffffff0d);--lg-rim:linear-gradient(135deg,#fff 0%,#ffffffb3 12%,#ffffff1a 34%,#ffffff00 50%,#ffffff26 70%,#ffffffcc 92%,#fff 100%);--lg-edge:inset 0 0 0 .7px #ffffffb3,inset 2px 3px 3px -2px #fff,inset -3px -5px 10px -5px #6b45b84d,inset 0 0 16px #ffffff24;--lg-drop:0 10px 26px -10px #3b1f6b40,0 2px 6px -2px #3b1f6b1f;--chrome:linear-gradient(172deg,#fbf6ff 0%,#c9a9ef 22%,#7b55b8 44%,#f1e6ff 52%,#a27fd6 70%,#5d3f95 100%);--tint:linear-gradient(180deg,#9b77dbd9,#6c4bb0e6)}

/* Fondo vivo: el vidrio transparente necesita color detrás para notarse. */
body{background:#f7f3fd}
body::before{content:'';position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(40% 34% at 8% 10%,#ffc9e2 0,#ffc9e200 100%),radial-gradient(38% 36% at 92% 6%,#c4d9ff 0,#c4d9ff00 100%),radial-gradient(44% 40% at 62% 30%,#dcc7ffcc 0,#dcc7ff00 100%),radial-gradient(36% 30% at 14% 78%,#cfe6ffaa 0,#cfe6ff00 100%),radial-gradient(34% 30% at 88% 82%,#ffd9ecaa 0,#ffd9ec00 100%);animation:drift 46s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(2.5%,-2%,0) scale(1.06)}}

/* Material base */
.lg{background:var(--lg-fill);border:0!important;box-shadow:var(--lg-edge),var(--lg-drop)}
.lg::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--lg-rim);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;opacity:.9}
.catalog-tools,.bag-button,.category-chip,.button.lg,.fav-button{position:relative}
.fav-button{position:absolute}
html.lg-fallback .lg{backdrop-filter:blur(7px) saturate(180%) brightness(1.04);-webkit-backdrop-filter:blur(7px) saturate(180%) brightness(1.04)}
.lg .lg,html.lg-fallback .lg .lg{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Barra flotante */
.site-header.lg{background:linear-gradient(180deg,#ffffff14 0%,#ffffff8c 30%,#ffffffa6 50%,#ffffff8c 70%,#ffffff14 100%);transition:background .35s,box-shadow .35s}
.site-header.lg.scrolled{background:linear-gradient(180deg,#ffffff1f 0%,#ffffffad 30%,#ffffffc7 50%,#ffffffad 70%,#ffffff1f 100%);box-shadow:var(--lg-edge),0 18px 40px -16px #3b1f6b52,0 2px 6px -2px #3b1f6b1f}
html.lg-fallback .site-header.lg{backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}
/* Brillo de la gota llevado a la barra: reflejo arriba a la izquierda. */
.site-header.lg::after{content:'';position:absolute;left:3%;top:3px;width:26%;height:38%;border-radius:99px;background:linear-gradient(180deg,#ffffffc2,#fff0);filter:blur(1px);pointer-events:none}
.site-header nav a{border-radius:99px;transition:background .2s}
.site-header nav a:first-child{background:#ffffff59;box-shadow:inset 0 0 0 .6px #ffffffb3,inset 1px 1.5px 0 -.5px #fff,0 4px 10px -4px #3b1f6b26}
.site-header nav a:hover{background:#ffffff40}
.brand-logo{display:inline-flex;align-items:center;line-height:0;border-radius:14px}
.brand-logo img{height:64px;width:auto;filter:drop-shadow(0 3px 6px #7b55b833)}
.site-header .brand-logo{margin-left:-6px}
.footer-logo img{height:84px}
.bag-button.lg{border-radius:99px;padding:8px 9px 8px 16px;background:linear-gradient(180deg,#ffffff4d,#ffffff1a)}
.bag-button span{background:var(--tint);color:#fff;font-weight:800;border:0;box-shadow:inset 0 1px 0 #ffffffa6,0 3px 8px #6646a84d}

/* Botones: el principal es vidrio teñido con el lila del logo; el secundario, vidrio claro. */
.button.lg{border-radius:99px;padding-inline:26px}
.primary.lg{background:var(--tint);color:#fff;box-shadow:inset 0 0 0 .6px #ffffff80,inset 1.5px 2px 1px -1px #ffffffcc,inset -1px -2px 1px -1px #ffffff66,inset 0 -8px 16px -8px #3d2380,0 14px 28px -12px #5b3aa0a6}
.primary.lg:hover{background:linear-gradient(180deg,#9270d6e6,#6343a8f0)}
.secondary.lg{background:linear-gradient(180deg,#ffffff59,#ffffff26);color:var(--ink)}
.secondary.lg:hover{background:linear-gradient(180deg,#ffffff8c,#ffffff40)}

/* Buscador y filtros */
.catalog-tools.lg{background:linear-gradient(180deg,#ffffff40,#ffffff1a);border-radius:30px;padding:10px}
html.lg-fallback .catalog-tools.lg{backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%)}
.catalog-tools input,.catalog-tools select{border-radius:20px;border:0;background:#ffffff8c;box-shadow:inset 0 0 0 .6px #ffffffe6,inset 0 1px 2px #3b1f6b14}
.catalog-tools input:focus,.catalog-tools select:focus{background:#ffffffd9}
.category-chip.lg{background:linear-gradient(180deg,#ffffff47,#ffffff14);color:#5f4a74;font-weight:600}
.category-chip.lg[aria-pressed=true]{background:var(--tint);color:#fff}
.category-chip.lg:hover{background:linear-gradient(180deg,#ffffff80,#ffffff33)}
.category-chip.lg[aria-pressed=true]:hover{background:linear-gradient(180deg,#9270d6e6,#6343a8f0)}
.fav-chip[aria-pressed=true]{color:#fff}

/* Tarjetas: contenido estable, no vidrio. */
.product-card{background:#ffffffbf;border:0;box-shadow:inset 0 0 0 1px #ffffffe6,0 10px 30px -14px #3b1f6b33}
.product-card:hover{box-shadow:inset 0 0 0 1px #fff,0 22px 40px -18px #3b1f6b4d}
.fav-button.lg{background:linear-gradient(180deg,#ffffff4d,#ffffff14);color:#7d4fb5;text-shadow:0 1px 2px #fff,0 0 6px #fff;font-size:19px}
.fav-button.lg[aria-pressed=true]{color:#c23f86}

/* Hero: el logo cromado sobre color, y una gota de vidrio que lo recorre. Sin giros. */
.hero{align-items:center}
.hero-art{display:block;position:relative;min-height:520px;isolation:auto}
.hero-art::before{display:none}
.chrome-orbit,.chrome-star,.glass-lens,.art-word{display:none}
.blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px)}
.blob-pink{width:48%;aspect-ratio:1;left:2%;top:10%;background:radial-gradient(circle,#ffb9d9 0,#ffb9d900 68%)}
.blob-lilac{width:60%;aspect-ratio:1;left:24%;top:2%;background:radial-gradient(circle,#b48ef5 0,#b48ef500 66%)}
.blob-ice{width:50%;aspect-ratio:1;right:0;bottom:4%;background:radial-gradient(circle,#a9cbff 0,#a9cbff00 66%)}
.blob-peach{width:34%;aspect-ratio:1;left:12%;bottom:6%;background:radial-gradient(circle,#ffd6c2 0,#ffd6c200 66%)}
.hero-art>.hero-logo{position:absolute;left:50%;top:50%;width:min(88%,560px);max-width:none;height:auto;object-fit:contain;max-height:none;translate:-50% -50%;filter:drop-shadow(0 22px 26px #4b2f8a40) drop-shadow(0 2px 2px #ffffffb3);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{scale:1}50%{scale:1.02}}
.lg-drop{position:absolute;left:0;top:0;z-index:3;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffff40 0,#ffffff00 34%),radial-gradient(circle at 70% 80%,#ffffff1f 0,#ffffff00 40%);box-shadow:inset 0 0 0 .8px #ffffffb3,inset 4px 6px 6px -4px #fff,inset -6px -10px 18px -8px #6b45b866,inset 0 0 28px #ffffff1f,0 26px 40px -16px #3b1f6b66,0 4px 10px -4px #3b1f6b33;will-change:transform;cursor:default}
.lg-drop::before{opacity:1;padding:1.2px}
.lg-drop::after{content:'';position:absolute;left:18%;top:9%;width:34%;height:16%;border-radius:50%;background:linear-gradient(180deg,#ffffffd9,#fff0);filter:blur(1.5px);rotate:-28deg}
html.lg-fallback .lg-drop{backdrop-filter:blur(1.5px) saturate(190%) brightness(1.06) contrast(1.05);-webkit-backdrop-filter:blur(1.5px) saturate(190%) brightness(1.06) contrast(1.05)}
.drop-hint{position:absolute;left:0;right:0;bottom:-4px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.06em;color:#8a74a3;opacity:.8}
@media(hover:none){.drop-hint{display:none}}

.float-label.lg{z-index:4;transform:none;background:linear-gradient(180deg,#ffffffa6,#ffffff73);border-radius:24px;padding:12px 18px 12px 12px}
.float-label .label-icon{background:var(--tint);color:#fff;box-shadow:inset 0 1px 0 #ffffffa6;border-radius:50%}
.float-label strong{color:#33264a}
.float-label small{color:#6c5b80}
.label-top{left:0;top:4%}
.label-bottom{right:2%;bottom:6%}
.bubble{display:none}

/* Titular con el cromo del logo */
.hero h1 em{background:var(--chrome);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #ffffffcc) drop-shadow(0 6px 10px #7b55b833)}
.hero .eyebrow{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);border:0;box-shadow:var(--lg-edge),0 6px 14px -8px #3b1f6b33}

/* Flotantes */
.wa-float.lg{background:linear-gradient(180deg,#9b77db4d,#6c4bb066);border-radius:99px;text-shadow:0 1px 2px #3d236680}
.wa-float.lg:hover{background:linear-gradient(180deg,#9b77db80,#6c4bb099)}
html.lg-fallback .wa-float.lg{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}
body.reduce-effects .wa-float.lg{background:#6c4bb0}
.toast.lg{background:linear-gradient(180deg,#2e1f45b3,#24183ac7);color:#fff;border-radius:99px;padding:12px 14px 12px 22px}
html.lg-fallback .toast.lg{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}
.toast-action{border-radius:99px;background:#ffffff26}

/* Diálogos: vidrio esmerilado (más opaco) porque llevan lectura. */
dialog{background:linear-gradient(180deg,#fffffff0,#faf6ffeb);border:0;box-shadow:inset 0 0 0 .6px #fff,inset 1.5px 2px 1px -1px #fff,0 40px 110px -24px #3b1f6b66}
.close{background:linear-gradient(180deg,#ffffffcc,#ffffff80);border:0;box-shadow:var(--lg-edge),0 4px 10px -4px #3b1f6b33}

/* Accesibilidad: sin transparencia ni movimiento cuando se pide. */
body.reduce-effects::before,body.reduce-effects .hero-logo{animation:none}
body.reduce-effects .lg,body.reduce-effects .site-header.lg,body.reduce-effects .catalog-tools.lg{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.reduce-effects .site-header.lg,body.reduce-effects .catalog-tools.lg,body.reduce-effects .float-label.lg,body.reduce-effects .secondary.lg,body.reduce-effects .category-chip.lg:not([aria-pressed=true]),body.reduce-effects .bag-button.lg,body.reduce-effects .fav-button.lg{background:#fbf9fe}
body.reduce-effects .toast.lg{background:#2e1f45}
body.reduce-effects .lg-drop,body.reduce-effects .drop-hint{display:none}
@media(prefers-reduced-motion:reduce){body::before,.hero-logo{animation:none}}
@media(prefers-reduced-transparency:reduce){.lg{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.site-header.lg,.catalog-tools.lg,.float-label.lg,.secondary.lg{background:#fbf9fe}.lg-drop{display:none}}
@media(prefers-contrast:more){.lg{box-shadow:inset 0 0 0 1.5px #5b3aa0,var(--lg-drop)}.site-header.lg,.catalog-tools.lg{background:#fbf9fe}}

@media(max-width:1050px){.hero-art{min-height:460px}.lg-drop{width:150px;height:150px}}
@media(max-width:760px){.brand-logo img{height:54px}.hero-art{min-height:380px}.lg-drop{width:120px;height:120px}.float-label.lg{padding:9px 13px 9px 9px}}
@media(max-width:540px){.brand-logo img{height:50px}.footer-logo img{height:70px}.hero-art{min-height:300px;margin-top:20px}.hero-art>.hero-logo{width:94%}.lg-drop{width:104px;height:104px}.label-top{left:2px;top:0}.label-bottom{right:2px;bottom:4%}.fav-button.lg{font-size:16px}}

/* Fotos de referencia con fondo transparente: se muestran completas sobre un fondo suave. */
.product-card.has-photo .product-image{background:radial-gradient(120% 90% at 50% 100%,#efe3fb 0,#f8f3fd 55%,#fdfbff 100%)}
.product-card.has-photo .product-image img{object-fit:contain;object-position:center;padding:8%;filter:drop-shadow(0 14px 14px #3b1f6b26)}
.mini-card img.is-photo,.cart-line img.is-photo{object-fit:contain;padding:6px;background:linear-gradient(180deg,#fdfbff,#efe3fb)}
.detail-layout>img.is-photo{object-fit:contain;padding:6%;background:radial-gradient(120% 90% at 50% 100%,#efe3fb 0,#f8f3fd 55%,#fdfbff 100%);filter:drop-shadow(0 18px 18px #3b1f6b26)}

/* ── Hero v4: muestra la tienda (destacados, accesos y cifras) junto al logo ── */
.hero{grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;overflow:visible}
.hero-description{max-width:410px}
.hero-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.hero-quick a{position:relative;border-radius:99px;padding:9px 16px;font-size:11px;font-weight:700;color:#5f4a74;background:linear-gradient(180deg,#ffffff59,#ffffff26)}
.hero-quick a:hover{background:linear-gradient(180deg,#ffffff8c,#ffffff40)}
.hero-stats{display:flex;gap:26px;margin:24px 0 0;padding:0}
.hero-stats div{display:flex;flex-direction:column-reverse}
.hero-stats dt{font-size:24px;font-weight:800;letter-spacing:-.04em;color:#3b304c;line-height:1.1}
.hero-stats dd{margin:0;font-size:10px;color:#7d6f8c;font-weight:600;letter-spacing:.02em}
.hero-note,.drop-hint,.float-label{display:none}
.hero-stage{position:relative;display:flex;flex-direction:column;align-items:stretch}
.hero-art{min-height:400px}
.hero-featured.lg{position:relative;z-index:5;margin:-70px 18px 0;border-radius:30px;padding:14px 14px 12px;background:linear-gradient(180deg,#ffffff8c,#ffffff59)}
html.lg-fallback .hero-featured.lg{backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%)}
.featured-head{display:flex;justify-content:space-between;align-items:center;padding:0 6px 8px}
.featured-head .eyebrow{margin:0}
.featured-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.featured-item{display:flex;flex-direction:column;gap:4px;text-align:left;padding:8px 8px 10px;border:0;border-radius:20px;background:#ffffffc7;box-shadow:inset 0 0 0 1px #fff,0 8px 20px -12px #3b1f6b40;transition:transform .2s,box-shadow .2s;min-width:0}
.featured-item:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #fff,0 16px 28px -14px #3b1f6b59}
.featured-item img{width:100%;aspect-ratio:1/1.05;height:auto;object-fit:cover;border-radius:14px;background:#efe3fb}
.featured-item img.is-photo{object-fit:contain;padding:6%;background:radial-gradient(120% 90% at 50% 100%,#efe3fb 0,#f8f3fd 55%,#fdfbff 100%)}
.featured-name{font-size:10px;font-weight:700;line-height:1.3;color:#3b304c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:26px}
.featured-price{font-size:12px;font-weight:800;color:#5d4775}
body.reduce-effects .hero-featured.lg{background:#fbf9fe}
@media(max-width:1050px){.hero{gap:20px}.hero-art{min-height:360px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-art{min-height:320px}.hero-featured.lg{margin:-50px 0 0}}
@media(max-width:540px){.hero-copy{text-align:center}.hero-quick,.hero-stats{justify-content:center}.hero-stats{gap:18px}.hero-stats dt{font-size:20px}.hero-art{min-height:260px}.featured-list{grid-template-columns:repeat(4,minmax(118px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.featured-item{scroll-snap-align:start}}

/* ── Barras de scroll de la marca: delgadas, lila cromado, en página, carriles, diálogos y tablas ── */
:root{--sb-thumb:linear-gradient(180deg,#c3a9ee,#8a66c9);--sb-thumb-hover:linear-gradient(180deg,#b192e8,#7452b6)}
::-webkit-scrollbar{width:12px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:99px;border:3px solid transparent;background-clip:padding-box;box-shadow:inset 0 1px 0 #ffffff80}
::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}
html::-webkit-scrollbar{width:14px}
html::-webkit-scrollbar-track{background:linear-gradient(180deg,#f7f3fd,#efe8fa)}
html::-webkit-scrollbar-thumb{border-width:3px}
.recent-rail::-webkit-scrollbar,.featured-list::-webkit-scrollbar,.category-chips::-webkit-scrollbar{height:6px}
.recent-rail::-webkit-scrollbar-thumb,.featured-list::-webkit-scrollbar-thumb,.category-chips::-webkit-scrollbar-thumb{border-width:1px}
dialog::-webkit-scrollbar{width:10px}
dialog::-webkit-scrollbar-track{margin:24px 0}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#9b77db #0000}html{scrollbar-color:#9b77db #efe8fa}}
.hero-stats div{flex-direction:column}
.hero .hero-featured .eyebrow{background:none;box-shadow:none;padding:0;border:0;margin:0;font-size:9px;letter-spacing:.14em;color:#8a6bab}
.hero .hero-featured .eyebrow::before{content:'✧';font-size:12px;margin-right:4px}
.hero-featured.lg{margin-top:-18px}
.hero-art{min-height:380px}
.hero-art>.hero-logo{top:46%}
@media(max-width:760px){.hero-featured.lg{margin-top:-14px}}
.cart-dialog form label.consent{flex-direction:row;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;color:#5f4a74}
.cart-dialog form label.consent input{min-height:auto;margin-top:3px}
.cart-dialog form label.consent a{text-decoration:underline}

html{background:#f7f3fd}
.hero-stage{width:100%;min-width:0;max-width:100%}
.hero-featured{min-width:0}
.hero-copy{min-width:0;max-width:100%}

/* ── Color v5: más saturado. Fondo con manchas vivas (rosa, lila, celeste, durazno),
   tarjetas y superficies teñidas en vez de blanco, y acentos en lila/fucsia. ── */
:root{--paper:#efe6fb;--purple:#6a3fc4;--lilac:#ddccf7;--line:#d6c6ef;--tint:linear-gradient(180deg,#9a6ae8,#6532c4);--chrome:linear-gradient(172deg,#fff3fb 0%,#d79bf0 20%,#7a3fd1 42%,#ffe3f4 52%,#b07ae6 70%,#4f2399 100%)}
html,body{background:#eee3fb}
body::before{background:radial-gradient(42% 36% at 6% 8%,#ff9fcd 0,#ff9fcd00 100%),radial-gradient(40% 38% at 94% 4%,#93bbff 0,#93bbff00 100%),radial-gradient(46% 42% at 60% 28%,#c39cff 0,#c39cff00 100%),radial-gradient(38% 32% at 10% 76%,#9fd3ff 0,#9fd3ff00 100%),radial-gradient(36% 32% at 90% 84%,#ffb3d7 0,#ffb3d700 100%),radial-gradient(30% 26% at 48% 96%,#ffc9a8cc 0,#ffc9a800 100%)}
.blob-pink{background:radial-gradient(circle,#ff8fc4 0,#ff8fc400 68%)}
.blob-lilac{background:radial-gradient(circle,#9a64f5 0,#9a64f500 66%)}
.blob-ice{background:radial-gradient(circle,#7fb1ff 0,#7fb1ff00 66%)}
.blob-peach{background:radial-gradient(circle,#ffb894 0,#ffb89400 66%)}

/* Texto con más color */
.hero h1{color:#2e1f4f}
.hero-description{color:#5e4d7a}
.eyebrow,.hero .hero-featured .eyebrow{color:#8a3fc0}
.hero .eyebrow{color:#7a3fb8;background:linear-gradient(180deg,#ffffff80,#f3e4ff59)}
.hero .eyebrow::before{color:#e0569f}
.hero-stats dt{background:linear-gradient(100deg,#7b3fd6,#d04f9c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-quick a{color:#5a2ea0;background:linear-gradient(180deg,#ffffff8c,#e9d8ff66)}
.product-price,.featured-price,.mini-price{color:#6a32c0}
.product-category{color:#a2479a}
.text-link,.text-button{color:#7a35c4}

/* Superficies teñidas en vez de blanco */
.site-header.lg{background:linear-gradient(180deg,#ffffff1a 0%,#f6ecffb3 30%,#f6ecffcc 50%,#f6ecffb3 70%,#ffffff1a 100%)}
.site-header.lg.scrolled{background:linear-gradient(180deg,#ffffff24 0%,#f4e8ffd1 30%,#f4e8ffe6 50%,#f4e8ffd1 70%,#ffffff24 100%)}
.site-header nav a:first-child{background:#e3cfff99;color:#4b2690}
.product-card{background:linear-gradient(180deg,#fffffff0,#f6ecffe6);box-shadow:inset 0 0 0 1px #ffffffe6,0 12px 30px -14px #5a2ea05c}
.product-card:hover{box-shadow:inset 0 0 0 1px #fff,0 24px 40px -18px #5a2ea080}
.product-image,.product-card.has-photo .product-image,.featured-item img.is-photo,.detail-layout>img.is-photo{background:radial-gradient(120% 90% at 50% 100%,#e2c8ff 0,#f3e4ff 50%,#ffeaf5 100%)}
.mini-card img.is-photo,.cart-line img.is-photo{background:linear-gradient(180deg,#ffeaf5,#e2c8ff)}
.featured-item{background:linear-gradient(180deg,#ffffffe6,#f5eaffd9)}
.hero-featured.lg{background:linear-gradient(180deg,#f4e6ffa6,#e8d6ff80)}
.add-button{background:linear-gradient(130deg,#e6d2ff,#ffd9ee);color:#5a2ea0;font-weight:700}
.add-button:hover{background:linear-gradient(130deg,#d7bbff,#ffc6e3)}
.category-chip.lg{background:linear-gradient(180deg,#ffffff6b,#ead9ff59);color:#5a2ea0}
.category-chip.lg:hover{background:linear-gradient(180deg,#ffffffa6,#e1caff80)}
.catalog-tools.lg{background:linear-gradient(180deg,#ffffff4d,#e6d4ff40)}
.how-section{background:linear-gradient(130deg,#dcc6ffcc,#ffd3eacc 50%,#c9dcffcc);border-color:#ffffffb3}
.steps li>span{background:var(--tint);color:#fff;border:0;box-shadow:inset 0 1px 0 #ffffffa6,0 6px 14px -6px #5a2ea0a6}
.announcement{color:#5a2ea0}
.announcement::before{background:#e0569f}
footer>p{color:#7a35c4}
.wa-float.lg{background:linear-gradient(180deg,#9a6ae8cc,#6532c4e6)}
.fav-button.lg{color:#8a3fc0}
.fav-button.lg[aria-pressed=true]{color:#e0408f}
dialog{background:linear-gradient(180deg,#fffffff2,#f3e8ffef)}
body.reduce-effects .product-card{background:#f8f1ff}

/* ── Color v5.1: un tris más oscuro, sigue pastel. Menos blanco en fondo y superficies. ── */
html,body{background:#e3d2f6}
body::before{background:radial-gradient(42% 36% at 6% 8%,#f9a6d0 0,#f9a6d000 100%),radial-gradient(40% 38% at 94% 4%,#9fbff7 0,#9fbff700 100%),radial-gradient(46% 42% at 60% 28%,#c2a2f5 0,#c2a2f500 100%),radial-gradient(38% 32% at 10% 76%,#a8cdf5 0,#a8cdf500 100%),radial-gradient(36% 32% at 90% 84%,#f5b4d6 0,#f5b4d600 100%),radial-gradient(30% 26% at 48% 96%,#f7c4a8cc 0,#f7c4a800 100%),#e3d2f6}
.site-header.lg{background:linear-gradient(180deg,#f0e2ff26 0%,#ead9fbbf 30%,#ead9fbd9 50%,#ead9fbbf 70%,#f0e2ff26 100%)}
.site-header.lg.scrolled{background:linear-gradient(180deg,#f0e2ff2e 0%,#e8d5fadb 30%,#e8d5faeb 50%,#e8d5fadb 70%,#f0e2ff2e 100%)}
.product-card{background:linear-gradient(180deg,#f8f0ffeb,#eddcfde0)}
.featured-item{background:linear-gradient(180deg,#f8f0ffe6,#ecdcfcd9)}
.hero-featured.lg{background:linear-gradient(180deg,#e9d6fcb3,#dcc4f88c)}
.product-image,.product-card.has-photo .product-image,.featured-item img.is-photo,.detail-layout>img.is-photo{background:radial-gradient(120% 90% at 50% 100%,#d6b8fb 0,#ead6fd 50%,#fbdcee 100%)}
.secondary.lg,.hero-quick a{background:linear-gradient(180deg,#f3e7ffb3,#e2cdfc80)}
.secondary.lg:hover,.hero-quick a:hover{background:linear-gradient(180deg,#f6ecffd9,#e6d3fcb3)}
.category-chip.lg{background:linear-gradient(180deg,#f1e4ffa6,#e0cbfb80)}
.catalog-tools.lg{background:linear-gradient(180deg,#efe1ff80,#dcc6fa66)}
.catalog-tools input,.catalog-tools select{background:#f6edffcc}
.how-section{background:linear-gradient(130deg,#d2b8fbe6,#f8c6e1e6 50%,#bcd2fae6)}
html::-webkit-scrollbar-track{background:linear-gradient(180deg,#e9dbfa,#ddcaf5)}

/* Barra sin reflejos: ni la franja detrás del logo ni la banda clara de lado a lado. Tinte parejo. */
.site-header.lg::after{content:none}
.site-header.lg{background:#ecdcfc59}
.site-header.lg.scrolled{background:#e9d7fb73}

/* WhatsApp a juego con la barra: vidrio lila más transparente, texto blanco con sombra para leerse. */
.wa-float.lg{background:linear-gradient(180deg,#9a6ae873,#6532c48c);text-shadow:0 1px 3px #2e1666b3}
.wa-float.lg:hover{background:linear-gradient(180deg,#9a6ae8a6,#6532c4bf)}

/* ── Tarjetas de producto v7: estilo editorial de perfumería. Sin caja: la foto es la tarjeta
   (baldosa pastel), el texto va limpio debajo y el botón es un "+" redondo junto al precio. ── */
.product-grid{gap:34px 22px}
.product-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:"img img" "cat cat" "name name" "price add" "note add";align-items:center;column-gap:10px;padding:0;border-radius:0;background:none;box-shadow:none;transition:none}
.product-card:hover{transform:none;box-shadow:none}
.product-image,.product-card.has-photo .product-image{grid-area:img;border:0;padding:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,#fdfaff 0%,#f1e6ff 60%,#e6d4fc 100%);box-shadow:inset 0 0 0 1px #ffffffb3,0 18px 34px -22px #3b1f6b66;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.product-card:hover .product-image{transform:translateY(-5px);box-shadow:inset 0 0 0 1px #fff,0 28px 44px -24px #5a2ea08c}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.product-card.has-photo .product-image img{object-fit:contain;padding:9%;filter:drop-shadow(0 18px 16px #3b1f6b2e)}
.product-card:hover .product-image img{transform:scale(1.04)}
.product-category{grid-area:cat;position:static;margin:16px 2px 4px;padding:0;background:none;box-shadow:none;border-radius:0;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a2479a}
.product-name{grid-area:name;margin:0 2px;padding:0;min-height:0;height:2.7em;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:0;color:#2e1f4f;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-name:hover{color:#6a32c0}
.product-price{grid-area:price;margin:10px 2px 0;font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#2e1f4f}
.price-note{grid-area:note;margin:2px 2px 0;font-size:10px;color:#8a7a9c}
.add-button{grid-area:add;align-self:end;justify-self:end;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;font-size:0;display:grid;place-items:center;background:var(--tint);color:#fff;box-shadow:inset 0 1px 0 #ffffff80,0 8px 18px -8px #5a2ea0b3;transition:transform .2s,box-shadow .2s}
.add-button::after{content:'+';font-size:24px;font-weight:500;line-height:1}
.add-button:hover{background:var(--tint);transform:scale(1.08);box-shadow:inset 0 1px 0 #ffffff80,0 12px 22px -8px #5a2ea0cc}
.fav-button,.fav-button.lg{top:12px;right:12px}
@media(max-width:760px){.product-grid{gap:26px 14px}.product-image,.product-card.has-photo .product-image{border-radius:20px}.product-name{font-size:12px}.product-price{font-size:17px}.add-button{width:40px;height:40px;min-height:40px}.fav-button,.fav-button.lg{top:10px;right:10px}}
@media(max-width:540px){.product-grid{gap:24px 12px}.product-image,.product-card.has-photo .product-image{border-radius:18px}.product-category{font-size:8.5px;margin-top:12px}.product-name{font-size:11.5px;height:2.7em;min-height:0}.product-price{font-size:16px;margin-top:8px}.price-note{font-size:9px}.add-button{width:38px;height:38px;min-height:38px}.add-button::after{font-size:21px}}
body.reduce-effects .product-image{transition:none}
@media(prefers-reduced-motion:reduce){.product-card:hover .product-image,.product-card:hover .product-image img{transform:none}}
.add-button:disabled{width:auto;padding:0 14px;border-radius:99px;font-size:10px;font-weight:700;background:#ece2f8;color:#7a6a8c;box-shadow:none;transform:none}
.add-button:disabled::after{content:none}

/* ── "+" y corazón en vidrio líquido: lente con refracción (liquid-glass.js), borde especular,
   brillo arriba a la izquierda. El "+" es vidrio teñido de lila; el corazón, vidrio claro. ── */
.add-button.lg{position:relative}
.add-button.lg,.fav-button.lg{border:0!important}
.add-button.lg{background:radial-gradient(70% 55% at 30% 18%,#ffffff8c 0,#fff0 60%),linear-gradient(180deg,#a47aee99,#6532c4b8);color:#fff;text-shadow:0 1px 3px #2e1666b3;box-shadow:var(--lg-edge),inset 0 -6px 12px -6px #2e166699,0 10px 20px -10px #5a2ea0b3}
.add-button.lg:hover{background:radial-gradient(70% 55% at 30% 18%,#ffffffa6 0,#fff0 60%),linear-gradient(180deg,#a47aeec7,#6532c4db);transform:scale(1.08);box-shadow:var(--lg-edge),inset 0 -6px 12px -6px #2e166699,0 14px 24px -10px #5a2ea0cc}
.add-button.lg:active{transform:scale(.96)}
.add-button.lg:disabled{background:linear-gradient(180deg,#ffffff8c,#ffffff4d);color:#7a6a8c;text-shadow:none;box-shadow:var(--lg-edge)}
.fav-button.lg{background:radial-gradient(70% 55% at 30% 18%,#ffffffb3 0,#fff0 62%),linear-gradient(180deg,#ffffff40,#e9d8ff33);box-shadow:var(--lg-edge),0 8px 16px -8px #3b1f6b66;color:#7a35c4;text-shadow:0 1px 2px #ffffffcc}
.fav-button.lg:hover{background:radial-gradient(70% 55% at 30% 18%,#ffffffd9 0,#fff0 62%),linear-gradient(180deg,#ffffff66,#e9d8ff4d);transform:scale(1.08)}
.fav-button.lg[aria-pressed=true]{color:#e0408f;background:radial-gradient(70% 55% at 30% 18%,#ffffffb3 0,#fff0 62%),linear-gradient(180deg,#ffd6ea59,#ffb3d64d)}
html.lg-fallback .add-button.lg,html.lg-fallback .fav-button.lg{backdrop-filter:blur(6px) saturate(180%);-webkit-backdrop-filter:blur(6px) saturate(180%)}
body.reduce-effects .add-button.lg{background:#6c4bb0}
body.reduce-effects .fav-button.lg{background:#fff}
/* "+" dibujado con dos barras (no con texto) para que quede exactamente centrado en el círculo. */
.add-button::after,.add-button.lg::after{content:'';position:absolute;inset:0;margin:auto;width:16px;height:16px;font-size:0;background:linear-gradient(currentColor,currentColor) center/100% 2.2px no-repeat,linear-gradient(currentColor,currentColor) center/2.2px 100% no-repeat;border-radius:2px;filter:drop-shadow(0 1px 1.5px #2e166699)}
.add-button:disabled::after{content:none}
@media(max-width:540px){.add-button::after,.add-button.lg::after{width:14px;height:14px}}
/* Corazón: vidrio más visible sobre la foto clara (tinte lila leve, borde y sombra más marcados). */
.fav-button.lg{background:radial-gradient(70% 55% at 30% 18%,#ffffffcc 0,#fff0 62%),linear-gradient(180deg,#e9d8ff59,#c9a8f566);box-shadow:var(--lg-edge),inset 0 -4px 8px -4px #6b45b866,0 8px 18px -8px #3b1f6b80}

/* Nombres de producto más grandes y legibles (ya no llevan ML ni género, caben en dos líneas). */
.product-name{font-size:15.5px;font-weight:700;line-height:1.3;height:2.6em;letter-spacing:-.01em}
@media(max-width:760px){.product-name{font-size:14px}}
@media(max-width:540px){.product-name{font-size:13.5px;height:2.6em}}
.featured-name,.mini-name{font-size:12px}

/* Lente WebGL para Safari / iPhone (glass-gl.js): el canvas refractado va bajo el relleno. */
.lg-mirrored{isolation:isolate;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.lg-mirror,.lg-mirror-fill{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1}
.lg-mirror{overflow:hidden}
.lg-mirror canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block}