@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--ink:#171513;--gold:#a87937;--gold2:#d4ac70;--ivory:#fbf8f2;--line:#e6ddd0;--muted:#69635c;--white:#fff;--shadow:0 20px 50px #2d221a16}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bc8f4a;outline-offset:3px}.serif{font-family:'Playfair Display',Georgia,serif}.shell{max-width:1280px;margin:auto;padding:0 28px}.topline{height:5px;background:linear-gradient(90deg,#201a14,#d8ad70,#201a14)}header{position:sticky;top:0;z-index:20;background:#fbf8f2e8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:24px Georgia,serif}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{letter-spacing:.22em;font:600 17px 'Playfair Display',Georgia,serif}.brand-text small{font-size:9px;letter-spacing:.3em;margin-top:5px}.navlinks{display:flex;gap:26px;align-items:center}.navlinks button,.textbtn{border:0;background:none;color:var(--ink);padding:8px 0}.navlinks button:hover,.textbtn:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:10px}.iconbtn{border:1px solid var(--line);background:#fff9;min-width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative}.count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;display:grid;place-items:center}.primary,.secondary,.darkbtn{min-height:48px;padding:11px 24px;border-radius:5px;font-weight:700;letter-spacing:.02em}.primary{border:1px solid #aa7d43;color:#231a10;background:linear-gradient(135deg,#e8cb9c,#b88543 60%,#e1bc80)}.primary:hover{filter:brightness(1.05)}.secondary{border:1px solid var(--gold);background:#fff9;color:var(--ink)}.darkbtn{background:var(--ink);border:1px solid var(--gold);color:#fff}.hero{min-height:560px;display:grid;grid-template-columns:1.03fr .97fr;background:radial-gradient(circle at 25% 36%,#fff 0,#f4ebdd 47%,#d8c6ab 100%);overflow:hidden}.hero-copy{padding:84px 4vw 78px max(28px,calc((100vw - 1224px)/2));align-self:center}.eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:700}.hero h1{font:500 clamp(48px,5vw,82px)/1.04 'Playfair Display',Georgia,serif;letter-spacing:-.04em;max-width:660px;margin:22px 0}.hero p{font-size:18px;color:#514941;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-visual{position:relative;background:url('assets/portada-referencia.jpg') center 55%/cover}.hero-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f2e8d9 0%,transparent 25%)}.hero-caption{position:absolute;bottom:22px;right:24px;background:#171513a8;color:#fff;padding:8px 12px;font-size:12px;letter-spacing:.1em;backdrop-filter:blur(10px)}main section{scroll-margin-top:95px}.intro{padding:70px 0 25px;display:flex;justify-content:space-between;align-items:end;gap:20px}.intro h2,.section-head h2{font:500 clamp(31px,3vw,46px)/1.15 'Playfair Display',Georgia,serif;margin:8px 0}.intro p{max-width:460px;color:var(--muted);margin:0}.catalog-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{border:1px solid var(--line);border-radius:100px;background:#fff;padding:9px 17px}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.search{margin-left:auto;min-width:240px;max-width:320px;width:100%;border:1px solid var(--line);background:#fff;border-radius:100px;padding:10px 16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:10px 0 70px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 6px 26px #2d221a0c;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-media{height:300px;position:relative;background-color:#eee7dc;background-image:url('assets/catalogo-referencia.jpg');background-size:400% auto;background-position:var(--px) var(--py);border-bottom:1px solid var(--line)}.card-media.has-upload{background-image:var(--uploaded);background-size:contain;background-position:center;background-repeat:no-repeat}.card-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15110d20,transparent 35%);pointer-events:none}.badge{position:absolute;top:13px;left:13px;background:#fffdf0e8;border:1px solid #e7d4ae;border-radius:100px;padding:5px 10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.favorite{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:36px;height:36px;background:#fffe;z-index:1;font-size:20px}.favorite.on{color:#a33948}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card-brand{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.card h3{font:600 22px 'Playfair Display',Georgia,serif;margin:5px 0}.card-note{color:var(--muted);font-size:14px;min-height:42px;margin:0 0 16px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.price{font-weight:700;font-size:18px}.card-foot button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:9px 12px;border-radius:4px;font-size:13px}.empty{padding:40px;border:1px dashed var(--line);grid-column:1/-1;text-align:center;color:var(--muted)}.editorial{background:#1a1714;color:#fff;padding:70px 0}.editorial-inner{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.editorial h2{font:500 clamp(32px,3.8vw,58px)/1.12 'Playfair Display',Georgia,serif;margin:10px 0}.editorial p{color:#d7cbb9}.editorial-image{min-height:370px;background:url('assets/ficha-referencia.jpg') center 55%/cover;border:1px solid #b78c55;border-radius:7px}.footer{background:#12100e;color:#d8c7ae;padding:34px 0}.footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.overlay{position:fixed;inset:0;background:#0e0d0bd4;z-index:40;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.panel{width:min(960px,100%);max-height:min(92vh,900px);overflow:auto;background:#faf7f2;border-radius:12px;box-shadow:0 25px 90px #0005;position:relative}.close{position:absolute;right:15px;top:15px;border:0;background:#fff;border-radius:50%;width:38px;height:38px;z-index:2;font-size:24px}.product-layout{display:grid;grid-template-columns:.86fr 1.14fr}.product-photo{min-height:590px;background:url('assets/ficha-referencia.jpg') 13% 53%/210% auto no-repeat,#eee5d9}.product-info{padding:55px 50px 45px}.product-info h2{font:600 clamp(34px,4vw,58px)/1.05 'Playfair Display',Georgia,serif;margin:8px 0}.product-desc{color:#5c554e}.accord-title{display:flex;justify-content:space-between;align-items:baseline;margin:29px 0 14px}.accord-title h3{font:500 22px 'Playfair Display',Georgia,serif;margin:0}.accord{margin:0 0 11px}.accord-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.track{height:20px;border-radius:4px;background:#e8e0d6;overflow:hidden}.fill{height:100%;border-radius:4px;width:0;transition:width 900ms cubic-bezier(.2,.8,.2,1);background:var(--bar);display:flex;align-items:center;padding-left:9px;color:white;font-size:12px;white-space:nowrap}.fill.ready{width:var(--pct)}.product-meta{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;color:var(--muted);font-size:14px}.product-actions{display:flex;gap:10px;flex-wrap:wrap}.drawer{position:fixed;inset:0;z-index:45;background:#14110dcc;display:flex;justify-content:flex-end}.drawer-panel{width:min(470px,100%);height:100%;overflow:auto;background:var(--ivory);padding:32px;position:relative}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-right:50px}.drawer h2{font:500 34px 'Playfair Display',Georgia,serif;margin:8px 0 25px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.cart-line strong{display:block}.cart-line small{color:var(--muted)}.qty{display:flex;align-items:center;gap:10px}.qty button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:50%}.summary{padding:20px 0}.sumrow{display:flex;justify-content:space-between;margin:8px 0}.sumrow.total{font-size:22px;font-weight:700;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.coupon{display:flex;gap:8px}.coupon input,.field input,.field select,.field textarea{border:1px solid #d8cab8;border-radius:5px;padding:11px;background:#fff;width:100%}.coupon button{border:1px solid var(--gold);background:#fff;padding:0 14px;border-radius:5px}.status{font-size:13px;color:#7c5831;min-height:22px}.checkout{display:grid;gap:13px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.drawer-actions{display:grid;gap:9px;margin-top:22px}.tiny{font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border:1px solid var(--gold);padding:12px 18px;border-radius:6px;z-index:60;box-shadow:var(--shadow)}.update-banner{background:#efe1c9;color:#3a2c1b;padding:10px 28px;text-align:center;font-size:14px}.update-banner button{border:0;background:none;text-decoration:underline;font-weight:700}.hide{display:none!important}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:520px}.hero-copy{padding-left:28px}.navlinks{gap:13px}.navlinks button{font-size:14px}.product-info{padding:45px 30px}}
@media(max-width:720px){.shell{padding:0 18px}.nav{height:66px;gap:10px}.brand-text strong{font-size:13px}.brand-text small{font-size:8px}.mark{width:35px;height:35px;font-size:20px}.navlinks{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:55px 22px 45px}.hero h1{font-size:48px}.hero-visual{min-height:320px;background-position:center 54%}.hero-visual::before{background:linear-gradient(0deg,transparent 75%,#eee4d5)}.intro{display:block;padding-top:49px}.catalog-controls{align-items:stretch}.search{max-width:none;margin-left:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:50px}.card-media{height:200px}.card-body{padding:12px}.card h3{font-size:17px}.card-note{display:none}.card-foot{display:block}.card-foot button{width:100%;margin-top:8px}.price{font-size:16px}.editorial-inner{grid-template-columns:1fr}.editorial-image{min-height:300px;grid-row:1}.footer .shell{display:block}.product-layout{grid-template-columns:1fr}.product-photo{min-height:300px;background-size:110% auto;background-position:10% 43%}.product-info{padding:26px 20px}.panel{max-height:96vh}.drawer-panel{padding:24px}.hero-actions>*{width:100%}}
.hero-visual{background-position:center top}.card-media.bad-boy{background-image:url('assets/ficha-referencia.jpg');background-size:210% auto;background-position:0% 42%}
.coupon-section{padding:0 0 14px}.coupon-section label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.coupon input:disabled,.coupon button:disabled{opacity:.55;cursor:not-allowed}.discount-row{color:#8d5d20}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.fill{width:var(--pct)}}
.mobile-nav{display:none}
@media(max-width:720px){
 html,body{max-width:100%;overflow-x:hidden}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 header{top:0}.topline{height:3px}.nav{height:57px}.shell{padding-left:16px;padding-right:16px}
 .nav-actions .iconbtn{min-width:40px;height:40px}
 .mobile-nav{position:fixed;z-index:35;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:70px;padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));background:#fbf8f2f2;border-top:1px solid #d5c2a9;box-shadow:0 -8px 30px #21180d18;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:56px;border:0;background:transparent;color:#6f6252;font-size:11px;font-weight:600}
 .mobile-nav button.active{color:#9c692b}.mobile-nav button.active::before{content:'';position:absolute;top:0;left:27%;right:27%;height:2px;background:#a87937;border-radius:2px}.mobile-nav svg{width:22px;height:22px;flex:none}.mobile-count{position:absolute;top:0;left:calc(50% + 8px);min-width:16px;height:16px;border-radius:50%;background:#181512;color:#fff;font-size:10px;line-height:16px}
 .hero{display:flex;flex-direction:column;min-height:0}.hero-visual{order:0;min-height:clamp(230px,65vw,340px);background-position:center 45%}.hero-visual::before{background:linear-gradient(0deg,#f3eadd 0%,transparent 27%)}.hero-caption{bottom:12px;right:12px;font-size:9px;padding:5px 7px}.hero-copy{order:1;padding:10px 20px 29px}.hero h1{font-size:clamp(34px,10vw,46px);line-height:1.08;margin:10px 0}.hero p{font-size:15px;line-height:1.55;margin:0}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.hero-actions>*{width:auto;min-height:48px;padding:8px;font-size:12px;text-align:center}
 main section{scroll-margin-top:64px}.intro{padding-top:36px;gap:8px}.intro h2{font-size:31px;margin:6px 0}.intro p{font-size:14px}.catalog-controls{display:grid;gap:12px;padding:16px 0}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex:none;min-height:44px}.search{max-width:none;min-width:0;min-height:46px;font-size:16px}
 .grid{gap:10px;padding-bottom:40px}.card{min-width:0}.card-media{height:auto;aspect-ratio:4/4.3}.badge{top:8px;left:8px;font-size:9px;padding:4px 7px}.favorite{top:7px;right:7px;width:34px;height:34px}.card-body{padding:11px}.card-brand{font-size:10px;letter-spacing:.1em}.card h3{font-size:17px;line-height:1.16;min-height:39px}.card-foot button{min-height:42px;font-size:12px}.price{font-size:16px}
 .editorial{padding:40px 0}.editorial-inner{gap:22px}.editorial-image{min-height:240px}.editorial h2{font-size:34px}.footer{font-size:12px;padding:25px 0}.footer .shell>div+div{margin-top:7px}
 .overlay{padding:0;display:block}.panel{width:100%;height:100dvh;max-height:none;border-radius:0;overflow:auto}.product-layout{display:block}.product-photo{min-height:clamp(250px,75vw,360px);background-position:center 42%}.product-info{padding:23px 20px calc(40px + env(safe-area-inset-bottom,0px))}.product-info h2{font-size:39px}.product-desc{font-size:15px}.accord-title{margin-top:24px}.product-actions{display:grid}.product-actions button{width:100%}.overlay .close{position:fixed;right:14px;top:calc(14px + env(safe-area-inset-top,0px));box-shadow:0 3px 14px #0003}
 .drawer-panel{width:100%;padding:24px 18px calc(95px + env(safe-area-inset-bottom,0px))}.drawer .close{position:fixed;right:14px;top:calc(14px + env(safe-area-inset-top,0px));box-shadow:0 3px 14px #0002}.drawer-head{padding-right:40px}.cart-line{grid-template-columns:minmax(0,1fr) auto}.cart-line small{display:block}.sumrow{gap:16px}.sumrow span:last-child{text-align:right}.toast{bottom:calc(83px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100vw - 30px);text-align:center}
}
@media(max-width:360px){.hero-actions{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:42% 58%}.card-media{height:100%;aspect-ratio:auto}.card h3{min-height:0}.card-body{padding:13px}.card-foot button{margin-top:6px}.badge{font-size:8px}}
.app-top{position:sticky;top:0;z-index:30;background:#fbf8f2e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.app-top-inner{height:70px;display:flex;align-items:center;gap:22px}.brand-button{border:0;background:none;padding:0}.desktop-nav{display:flex;gap:25px;align-items:center;margin:auto}.desktop-nav button{border:0;background:none;color:#463d33;font-weight:600}.desktop-nav button:hover{color:var(--gold)}.cart-trigger{width:46px;height:46px;border:1px solid #c4aa86;background:#fff9;color:var(--ink);border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.cart-trigger svg{width:23px;height:23px}.cart-badge,.mobile-count{background:#bb3440;color:#fff}.cart-badge{position:absolute;top:-5px;right:-5px;min-width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;padding:0 3px}.app-screen{min-height:calc(100dvh - 75px)}.home-screen{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#f6f0e8;isolation:isolate;overflow:hidden}.cover-image{position:absolute;inset:0;z-index:-1;background:url('assets/portada-referencia.jpg') center top/cover no-repeat}.home-screen::after{content:'';position:absolute;inset:65% 0 0;z-index:-1;background:linear-gradient(0deg,#f8f4ed 7%,#f8f4eddf 43%,transparent 100%)}.cover-actions{display:flex;gap:15px;width:min(900px,calc(100% - 36px));margin:0 auto 16px}.cover-actions button{flex:1;min-height:58px;font-family:'Playfair Display',Georgia,serif;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px}.cover-actions button span{font:28px Arial,sans-serif}.cover-footer{text-align:center;letter-spacing:.28em;font-size:10px;color:#6f6257;margin:0 0 28px}.catalog-screen{padding-top:40px}.screen-heading{max-width:680px}.screen-heading h1,.guide-panel h1{font:500 clamp(36px,5vw,62px)/1.06 'Playfair Display',Georgia,serif;margin:9px 0 13px}.screen-heading p,.guide-panel>p,.quiz-results>p{color:var(--muted);margin:0 0 25px}.quick-actions{display:flex;gap:9px}.quick-actions button{border:1px solid #d9c5ab;background:#fffaf2;padding:10px 15px;border-radius:7px;min-height:44px;color:#67503a}.collection-tabs{display:flex;gap:9px;overflow:auto;padding:0 0 14px;scrollbar-width:none}.collection-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:6px}.collection-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.brand-filter{display:flex;gap:10px;align-items:center;margin:3px 0 12px;color:var(--muted);font-size:14px}.brand-filter select{border:1px solid var(--line);border-radius:5px;padding:7px 10px;background:#fff;max-width:250px}.guide-screen{display:grid;place-items:center;padding-top:28px;padding-bottom:50px}.guide-panel{width:min(690px,100%);background:#fffaf5;border:1px solid #e0cfb8;border-radius:16px;padding:clamp(25px,4vw,52px);box-shadow:var(--shadow)}.quiz-progress{display:flex;align-items:center;gap:16px;margin-bottom:30px;font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:700}.quiz-progress>div{display:flex;gap:5px;flex:1}.quiz-progress i{height:4px;border-radius:4px;background:#e6ddd0;flex:1}.quiz-progress i.done{background:#b78645}.choices{display:grid;gap:10px;margin:20px 0 28px}.choice{border:1px solid #decdb7;background:#fff;border-radius:9px;padding:17px 20px;text-align:left;display:flex;align-items:center;gap:10px;min-height:62px;font-size:17px}.choice>span{margin-left:auto;color:var(--gold);font-size:24px}.choice.selected{border-color:#a87937;background:#f3e7d5;box-shadow:inset 0 0 0 1px #a87937}.choice.mood{display:grid;grid-template-columns:1fr auto;gap:1px}.choice.mood strong{grid-column:1}.choice.mood small{grid-column:1;color:var(--muted);font-size:12px}.choice.mood span{grid-column:2;grid-row:1/3;align-self:center}.quiz-actions{display:flex;gap:10px}.quiz-actions button{flex:1}.quiz-actions button:disabled{opacity:.45;cursor:not-allowed}.quiz-results h1{margin-top:8px}.result-list{display:grid;gap:10px;margin:24px 0}.result-card{display:grid;grid-template-columns:32px 90px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;min-height:120px;padding:10px}.result-rank{font:24px 'Playfair Display',Georgia,serif;color:#b5874b;align-self:start}.result-image{width:90px;height:100px;border-radius:5px;background-color:#ede5d9}.result-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.result-copy small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.result-copy strong{font:600 20px 'Playfair Display',Georgia,serif}.result-copy em{font-size:12px;color:var(--muted);font-style:normal}.result-copy>span{color:#9b682d;font-size:12px;font-weight:700;margin-top:4px}
.promo-badge{position:absolute;right:10px;bottom:10px;z-index:1;padding:5px 8px;border-radius:4px;background:#171513;color:#fff;font-size:11px;font-weight:700}.price s{display:block;font-size:11px;color:#887e73;font-weight:400}
.promo-badge.bestseller{padding:0;border:0;border-radius:0;background:transparent;color:#171513;box-shadow:none;font-family:inherit;font-size:11px;font-weight:700;text-shadow:0 1px 8px #fff,0 0 3px #fff}
.promo-badge.bestseller::before{content:'★';margin-right:4px;color:#171513}
.reference-placeholder{display:grid;place-items:center;padding:6px;background:linear-gradient(145deg,#fff,#f0e5d4);color:#75562d;text-align:center}
.reference-placeholder>span{font:600 9px/1.12 'Playfair Display',Georgia,serif;overflow-wrap:anywhere}
.card-media[role="button"]{cursor:pointer;-webkit-tap-highlight-color:transparent}
.card-media[role="button"]:focus-visible{outline:3px solid #bc8f4a;outline-offset:-4px}
.card-media[role="button"]:hover::after{background:linear-gradient(0deg,#15110d2c,transparent 40%)}
@media(min-width:721px){.cover-image{background-image:url('assets/portada-referencia.jpg'),radial-gradient(circle at center,#fff 0,#eee2d3 75%);background-size:auto 100%,cover;background-position:center top,center}.home-screen::after{inset:70% 0 0}}
@media(max-width:720px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.app-top-inner{height:55px}.desktop-nav{display:none}.app-screen{min-height:calc(100dvh - 128px - env(safe-area-inset-bottom,0px))}.home-screen{height:calc(100dvh - 128px - env(safe-area-inset-bottom,0px));min-height:510px}.cover-image{background-position:center top}.home-screen::after{inset:67% 0 0;background:linear-gradient(0deg,#f8f4ed 8%,#f8f4edef 46%,transparent)}.cover-actions{display:grid;gap:9px;width:calc(100% - 30px);margin-bottom:8px}.cover-actions button{min-height:49px;font-size:14px}.cover-footer{font-size:8px;letter-spacing:.14em;margin-bottom:18px}.catalog-screen{padding-top:27px}.screen-heading h1{font-size:37px}.screen-heading p{font-size:14px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions button{padding:8px;font-size:12px}.catalog-controls{margin-top:8px}.collection-tabs{gap:7px}.collection-tabs button{font-size:13px;min-height:42px}.brand-filter select{max-width:200px}.guide-screen{padding-top:20px;padding-bottom:35px;align-items:start}.guide-panel{padding:25px 19px;border-radius:12px}.guide-panel h1{font-size:37px}.quiz-progress{margin-bottom:25px}.choice{min-height:59px;padding:13px 15px;font-size:15px}.quiz-actions button{min-height:48px;padding:9px;font-size:13px}.result-card{grid-template-columns:22px 70px 1fr;gap:8px;min-height:104px}.result-image{width:70px;height:85px}.result-copy strong{font-size:17px}.result-copy em{font-size:11px}.card-media{aspect-ratio:4/4.3}}
@media(max-width:360px){.home-screen{min-height:470px}.cover-actions button{font-size:13px}.guide-panel h1{font-size:32px}.quiz-actions{display:grid}.result-card{grid-template-columns:20px 58px 1fr}.result-image{width:58px;height:76px}}
/* Evita que Safari/iOS pinte controles y enlaces detectados con su azul predeterminado. */
html{-webkit-text-size-adjust:100%}
button,input,select,textarea{color:var(--ink)}
button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.brand-button,.tab,.choice,.result-card,.favorite,.close,.qty button,.coupon button,.collection-tabs button,.update-banner button{color:var(--ink)}
.tab.active,.collection-tabs button.active,.darkbtn,.card-foot button{color:#fff}
.mobile-nav button{color:#6f6252}.mobile-nav button.active{color:#9c692b}
.favorite.on{color:#a33948}
a,a:link,a:visited,a[x-apple-data-detectors],a[href^="tel:"],a[href^="mailto:"]{color:inherit;text-decoration:none}
.reference-mini{position:absolute;left:14px;bottom:14px;z-index:2;width:74px;margin:0;text-align:center}.reference-mini img{display:block;width:74px;height:74px;object-fit:contain;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 5px 20px #24190d35}.reference-mini figcaption{display:none}.product-photo{position:relative}.product-photo .reference-mini{left:22px;bottom:22px;width:116px}.product-photo .reference-mini img{width:110px;height:110px}.product-photo .reference-mini figcaption{display:block;margin-top:5px;padding:3px 6px;background:#fffdf0ed;border-radius:4px;color:#42362b;font-size:11px;line-height:1.2}.inspired-label{margin:0 0 12px;color:#926b3f;font-size:14px;font-weight:600}.inspired-small{color:#936d45;font-size:12px;line-height:1.3}
@media(max-width:720px){.card-media .reference-mini{left:7px;bottom:7px;width:48px}.card-media .reference-mini img{width:48px;height:48px}.product-photo .reference-mini{left:15px;bottom:15px}.product-photo .reference-mini img{width:85px;height:85px}}
.badge.sold-out{background:#241f1b;color:#fff}.product-actions button:disabled,.qty button:disabled{opacity:.5;cursor:not-allowed}
.card-media.has-upload{background-color:#eee5d8;background-image:var(--uploaded),radial-gradient(circle at 50% 42%,#fffdf8 0,#efe4d5 72%);background-size:contain,cover;background-position:center,center;background-repeat:no-repeat}.reference-sprite{display:block;width:74px;height:74px;border:2px solid #fff;border-radius:12px;background-image:var(--ref);background-size:400% 200%;background-position:var(--ref-x) var(--ref-y);box-shadow:0 5px 20px #24190d35}.home-category{width:min(650px,calc(100% - 32px));margin:0 auto 12px;padding:10px 14px;border:1px solid #d8c19e;background:#fffaf0dc;border-radius:9px;text-align:center;backdrop-filter:blur(8px)}.home-category>span{display:block;margin-bottom:7px;color:#8c642d;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.home-category>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.home-category button{min-height:40px;border:1px solid #d6c09d;border-radius:100px;background:#fffaf4;color:#29231d;font:600 13px 'DM Sans',Arial,sans-serif}.home-category button:first-child{background:#171513;color:#fff}.card-body h3{margin-bottom:1px}.inspired-small{display:block;min-height:32px;margin:2px 0 7px;font-family:'Playfair Display',Georgia,serif;font-size:13px;color:#8d632e}.card-brand{display:none}.card-note{min-height:22px;margin-bottom:12px}.product-layout{grid-template-columns:.78fr 1.22fr}.product-photo{min-height:520px;background-color:#eee5d8}.product-photo .reference-sprite{width:110px;height:110px}.drawer-actions .secondary{width:100%}
@media(max-width:720px){.home-category{margin-bottom:8px;padding:8px 10px}.home-category>span{margin-bottom:5px}.home-category button{min-height:37px;font-size:11px}.reference-sprite{width:48px;height:48px;border-radius:8px}.card-media{aspect-ratio:4/4.7}.card-note{display:block;font-size:11px;min-height:28px}.inspired-small{font-size:11px;min-height:28px}.product-layout{display:block}.product-photo{min-height:265px;background-size:contain!important}.product-photo .reference-sprite{width:85px;height:85px}.product-info h2{font-size:32px}.product-desc{margin-top:8px}}
#nl-badge-frame{display:none!important}

/* Refinamiento editorial v0.7 */
.card-media.has-upload{background-size:76% auto;background-position:82% center}
.card-media .reference-mini{left:8px;top:54%;bottom:auto;transform:translateY(-50%);width:64px}
.card-media .reference-mini img,.card-media .reference-sprite{width:64px;height:78px;border-radius:9px;background-color:#fff;background-size:400% 200%}
.inspired-kicker{display:block;color:#9a6b2e;font:italic 15px 'Playfair Display',Georgia,serif;margin-bottom:1px}
.card-body h3{font-size:19px;line-height:1.16;margin:0 0 7px;min-height:44px}
.card-body h3 em{font:500 13px 'DM Sans',Arial,sans-serif;color:#4f4942}
.card-note{font-size:12px;line-height:1.35;min-height:34px}
.fragrance-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 5px}
.fragrance-facts span{padding:9px;border:1px solid #e3d7c8;border-radius:7px;background:#fffaf3;color:#62584f;font-size:11px;line-height:1.3}
.fragrance-facts b{display:block;margin-bottom:3px;color:#9a6b2e;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.product-actions{display:grid;grid-template-columns:1fr 1fr}
.product-actions button{min-height:44px;padding:8px 12px;font-size:13px}
.product-photo .reference-mini{top:auto;transform:none}

@media(max-width:720px){
 .home-screen{height:auto;min-height:calc(100dvh - 128px - env(safe-area-inset-bottom,0px));padding-top:calc(100vw - 18px);justify-content:flex-start}
 .cover-image{inset:0 0 auto;height:calc(100vw - 18px);background-size:100% auto;background-position:center top;background-color:#f8f4ed}
 .home-screen::after{inset:auto 0 auto;top:72vw;height:29vw;background:linear-gradient(0deg,#f8f4ed 32%,#f8f4edf5 60%,transparent)}
 .cover-actions{position:relative;z-index:1;margin-top:-4px}
 .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .quick-actions button{font-size:10px;padding:7px 4px}
 .card-media{aspect-ratio:4/5.35}
 .card-media.has-upload{background-size:82% auto;background-position:90% center}
 .card-media .reference-mini{left:5px;top:59%;width:43px}
 .card-media .reference-mini img,.card-media .reference-sprite{width:43px;height:54px;border-radius:6px}
 .card-body{padding:10px}
 .inspired-kicker{font-size:12px}
 .card-body h3{font-size:15px;min-height:39px;margin-bottom:6px}
 .card-body h3 em{font-size:10px}
 .card-note{font-size:10px;min-height:28px;margin-bottom:8px}
 .card-foot{display:flex;align-items:center}
 .card-foot button{width:auto;min-height:38px;margin-top:0;padding:7px 8px;font-size:10px}
 .price{font-size:15px}
 .product-photo .reference-mini{left:12px;top:auto;bottom:12px;width:76px;transform:none}
 .product-photo .reference-mini img,.product-photo .reference-sprite{width:76px;height:92px}
 .fragrance-facts{grid-template-columns:1fr;margin-top:13px}
 .fragrance-facts span{padding:8px 10px}
 .product-actions{grid-template-columns:1fr 1fr;gap:7px}
 .product-actions button{min-height:42px;padding:7px 5px;font-size:11px}
}
@media(max-width:360px){
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .card{display:flex;grid-template-columns:none}
 .card-media{height:auto;aspect-ratio:4/5.45}
}
.card-body{padding:12px 13px}
.card-note{margin-bottom:8px}
@media(min-width:1100px){
 .catalog-screen{padding-top:26px}
 .screen-heading h1{font-size:48px;margin-bottom:7px}
 .screen-heading p{margin-bottom:14px}
 .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
 .card-media{height:260px}
 .card-media .reference-mini{width:58px}
 .card-media .reference-mini img,.card-media .reference-sprite{width:58px;height:72px}
 .card-body h3{font-size:17px;min-height:40px}
}
/* Identidad original de AROMA STUDIO en la barra principal */
.brand-button{display:flex;align-items:center;justify-content:center;overflow:visible;height:66px;width:105px;flex:none}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:720px){.brand-button{width:88px;height:55px}.brand-logo{width:88px}.app-top-inner{height:61px}}
.app-top-inner{position:relative;justify-content:center}.desktop-nav{margin:0}.app-top-inner>.cart-trigger{position:absolute;right:28px}@media(max-width:720px){.app-top-inner{justify-content:flex-end}.app-top-inner>.cart-trigger{right:18px}}