@font-face{font-family:Inter;src:url(/assets/inter-latin-ext-variable-DO1Apj_S.woff2)format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fraunces-latin-ext-variable-YHFkNujK.woff2)format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--font-heading:"Fraunces", Georgia, serif;--font-interface:"Inter", system-ui, sans-serif;--bg:#171310;--surface:#211a15;--surface-2:#2b221b;--line:#3a2e25;--text:#efe6da;--muted:#a08f7e;--brass:#c89b4a;--cool:#5e93ae;--warm:#b85431;--text-warm:#d6c8b8;--on-brass:#1a1309;--warm-text:#e0855c;--success:#8fbf9b;--weight-steel:#7a93a0;--weight-brass:#b98c4e;--color-canvas:var(--bg);--color-surface:var(--surface);--color-surface-2:var(--surface-2);--color-ink:var(--text);--color-ink-muted:var(--muted);--color-ink-warm:var(--text-warm);--color-line:var(--line);--color-line-strong:var(--muted);--color-accent:var(--brass);--color-accent-soft:var(--surface-2);--color-on-accent:var(--on-brass);--color-fresh:var(--cool);--color-warning:var(--warm-text);--color-success:var(--success);--color-focus:var(--brass);--color-overlay:#090705b8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-pill:999px;--rule:1px solid var(--color-line);--focus-ring:0 0 0 3px var(--bg), 0 0 0 6px var(--brass);--motion-fast:.15s;--motion-standard:.15s;--content-width:68rem;--measure:780px;font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at 82% 2%, #c89b4a12, transparent 26rem), var(--color-canvas);font-family:var(--font-interface);margin:0;line-height:1.55;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}::selection{color:var(--color-on-accent);background:var(--color-accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-sm);min-height:44px;color:var(--color-surface);background:var(--color-ink);transition:transform var(--motion-fast) ease;padding:.65rem 1rem;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.app-header{z-index:30;min-height:64px;padding:var(--space-2) var(--space-4);border-bottom:var(--rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171310eb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-ink);text-decoration:none;display:inline-flex}.brand__mark{border:1px solid var(--color-accent);width:36px;height:36px;color:var(--color-accent);font-family:var(--font-heading);border-radius:50% 50% 44% 44%;place-items:center;font-size:1.3rem;display:grid}.brand__name{font-family:var(--font-heading);font-variation-settings:"opsz" 24;letter-spacing:-.025em;font-size:1.35rem;font-weight:560}.app-main{width:min(calc(100% - 2rem), var(--content-width));padding:var(--space-8) 0 calc(6rem + env(safe-area-inset-bottom));outline:none;margin:0 auto}.page{max-width:var(--measure);min-width:0;margin-inline:auto}.page-header{max-width:48rem;margin-bottom:var(--space-8)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-ink-muted);font-size:.8125rem;font-weight:400}h1,h2,h3{color:var(--color-ink);font-family:var(--font-heading);font-variation-settings:"opsz" 48, "SOFT" 0;margin-top:0;font-weight:300;line-height:1.06}h1{margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:clamp(38px,11vw,64px);font-weight:300;line-height:.95}h1 em,h2 em{color:var(--color-accent);font-synthesis:style;font-style:italic;font-weight:500}h1 em{display:block}h1:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px;box-shadow:none}h2{margin-bottom:var(--space-3);letter-spacing:-.01em;font-size:clamp(1.5rem,5vw,30px);font-weight:400}h3{margin-bottom:var(--space-2);font-size:1.25rem}p{margin-top:0}.lede{max-width:43rem;color:var(--color-ink-muted);margin-bottom:0;font-size:clamp(1rem,2.5vw,1.15rem)}.primary-nav{z-index:25;padding:var(--space-2) max(var(--space-2), env(safe-area-inset-right)) max(var(--space-2), env(safe-area-inset-bottom)) max(var(--space-2), env(safe-area-inset-left));border-top:var(--rule);background:#171310f5;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000057}.primary-nav__link{min-height:48px;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-ink-muted);transition:color var(--motion-fast) ease, background var(--motion-fast) ease;justify-content:center;align-items:center;font-size:.83rem;font-weight:680;text-decoration:none;display:flex}.primary-nav__link[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft)}.secondary-menu{position:relative}.secondary-menu__button,.back-button,.icon-button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);min-width:44px;min-height:44px;color:var(--color-ink);background:var(--color-surface);cursor:pointer;display:inline-flex}.secondary-menu__button svg,.back-button svg{width:20px;height:20px}.secondary-menu__panel{top:calc(100% + var(--space-2));width:min(15rem,100vw - 2rem);padding:var(--space-2);border:var(--rule);border-radius:var(--radius-md);background:var(--color-surface);position:absolute;right:0;box-shadow:0 18px 40px #0000007a}.secondary-menu__panel a{min-height:44px;padding:.65rem var(--space-3);border-radius:var(--radius-sm);text-decoration:none;display:block}.secondary-menu__panel a:hover,.secondary-menu__panel a[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft)}.back-button{margin-bottom:var(--space-6);padding:0 var(--space-4)}.editorial-grid{gap:var(--space-4);display:grid}.card{min-width:0;padding:var(--space-6);border:var(--rule);border-radius:var(--radius-md);background:var(--color-surface)}.card--accent{border-color:color-mix(in srgb, var(--color-accent), var(--color-line) 50%);background:linear-gradient(145deg, var(--color-surface), var(--color-surface-2))}.card__kicker{margin-bottom:var(--space-2);color:var(--color-ink-muted);font-size:.8125rem;font-weight:400}.action-row,.chip-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.section-gap{margin-top:var(--space-6)}.split-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.detail-bottle{width:6rem;height:9rem;margin-bottom:var(--space-4);object-fit:contain}.button,.action-link,.chip{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:44px;transition:transform var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;font-weight:700;text-decoration:none;display:inline-flex}.button,.action-link{border:1px solid var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);cursor:pointer;padding:.65rem 1.1rem}.button--secondary,.action-link--secondary{color:var(--color-accent);background:0 0}.button--danger{border-color:var(--color-warning);background:var(--color-warning)}.button:not(:disabled):hover,.action-link:not([aria-disabled=true]):hover{transform:translateY(-1px)}.button:disabled,.action-link[aria-disabled=true],.chip:disabled{opacity:.55;cursor:not-allowed}.button[aria-busy=true]:before,.action-link[aria-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:.8rem;height:.8rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.chip{border:var(--rule);color:var(--color-ink-muted);cursor:pointer;background:0 0;padding:.55rem .9rem;font-weight:500}.chip:hover{border-color:var(--color-ink-muted);color:var(--color-ink)}.chip[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-on-accent);background:var(--color-accent)}.field{gap:var(--space-2);min-width:0;display:grid}.field>*{min-width:0}.field__label{font-weight:700}.field__control{width:100%;min-height:48px;padding:.7rem var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.field__control[aria-invalid=true]{border-color:var(--color-warning)}.field__hint,.field__error{margin:0;font-size:.875rem}.field__hint{color:var(--color-ink-muted)}.field__error{color:var(--color-warning);font-weight:650}.status-badge{border:var(--rule);min-height:26px;color:var(--color-ink-muted);background:var(--color-surface);border-radius:5px;align-items:center;padding:.2rem .6rem;font-size:.78rem;font-weight:500;display:inline-flex}.status-badge--warning{border-color:color-mix(in srgb, var(--color-warning), var(--color-line) 55%);color:var(--color-warning)}.status-badge--success{color:var(--color-ink)}.network-banner{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border:var(--rule);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);display:flex}.network-banner:before{content:"●";color:var(--color-fresh)}.network-banner--error,.network-banner--conflict{border-color:color-mix(in srgb, var(--color-warning), var(--color-line) 45%);background:color-mix(in srgb, var(--color-warning), var(--color-surface) 96%)}.network-banner--error:before,.network-banner--conflict:before{color:var(--color-warning);content:"!";font-weight:900}.app-shell>.network-banner{z-index:20;padding-inline:max(var(--space-4), calc((100% - var(--content-width)) / 2));border-width:0 0 1px;border-radius:0;margin:0;font-size:.875rem;position:relative}.update-prompt{z-index:80;right:var(--space-4);bottom:calc(5.5rem + env(safe-area-inset-bottom));left:var(--space-4);max-width:34rem;padding:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);margin-inline:auto;position:fixed;box-shadow:0 12px 36px #00000085}.update-prompt p{margin-bottom:var(--space-3);font-weight:680}.update-prompt .action-row{justify-content:flex-end}.empty-state{padding:var(--space-12) var(--space-6);border-block:var(--rule);text-align:center}.empty-state p{max-width:34rem;margin-right:auto;margin-bottom:var(--space-6);color:var(--color-ink-muted);margin-left:auto}.dialog-backdrop{z-index:80;padding:var(--space-4);background:var(--color-overlay);align-items:end;display:grid;position:fixed;inset:0}.dialog{width:min(100%,34rem);max-height:calc(100vh - 2rem);padding:var(--space-6);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface);margin:0 auto;overflow-y:auto}.dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dialog__close{flex:none}.feature-list,.settings-list{border-block:var(--rule);grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.settings-list li{min-width:0}input[type=file]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-top:var(--space-2);color:var(--color-ink-muted);font-size:.875rem;display:block}input[type=file]::file-selector-button{min-height:40px;margin-right:var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-pill);color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;padding:.5rem 1rem;font-weight:500}input[type=file]::file-selector-button:hover{background:var(--color-surface-2)}.feature-list li,.settings-list li{padding:var(--space-4) 0;border-bottom:var(--rule)}.feature-list li:last-child,.settings-list li:last-child{border-bottom:0}.collection-preview{align-items:end;gap:var(--space-3);min-height:10rem;margin:var(--space-6) 0;padding:var(--space-4);border-block:var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.collection-preview img{object-fit:contain;width:100%;height:7rem}.count-row{margin:var(--space-6) 0 0;border-block:var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.count-row div{min-width:0;padding:var(--space-4) var(--space-2);text-align:center}.count-row div+div{border-left:var(--rule)}.count-row dt{color:var(--color-ink-muted);font-size:.78rem}.count-row dd{margin:var(--space-1) 0 0;font-family:var(--font-heading);font-size:1.8rem}.session-lock{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.session-lock__card{gap:var(--space-3);border:var(--rule);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,32rem);padding:clamp(1.5rem,7vw,3rem);display:grid}.logout-dialog{gap:var(--space-4);display:grid}.logout-dialog__summary{gap:var(--space-2);padding:var(--space-3) 0;border-block:var(--rule);margin:0;display:grid}.logout-dialog__summary div{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.logout-dialog__summary dt{color:var(--color-ink-muted)}.logout-dialog__summary dd{margin:0;font-weight:700}.logout-dialog__discard{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);display:grid}.logout-dialog__discard h3{margin:0;font-size:1rem}.login-shell{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-card{border:var(--rule);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,32rem);padding:clamp(1.5rem,7vw,3.5rem)}.login-card .login-note{color:var(--color-ink-muted);font-size:.9rem}.recommendation-controls{border-radius:var(--radius-sm);background:var(--color-surface);margin-bottom:var(--space-6)}.recommendation-form{gap:var(--space-4);display:grid}.recommendation-form label{gap:var(--space-2);font-weight:700;display:grid}.time-source-row{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.recommendation-results{display:grid}.recommendation-card{border:0;border-top:var(--rule);background:0 0;border-radius:0;padding:26px 0}.recommendation-card h3{letter-spacing:-.01em;margin-bottom:0;font-size:23px;font-weight:500;line-height:1.15}.score-grid,.application-grid{flex-wrap:wrap;gap:6px;margin:14px 0 0;display:flex}.score-grid div,.application-grid div{border:var(--rule);background:var(--color-surface);border-radius:5px;gap:.35rem;min-width:0;padding:4px 9px;display:flex}.score-grid dt,.application-grid dt{color:var(--color-ink-muted);font-size:.78rem}.score-grid dd,.application-grid dd{overflow-wrap:anywhere;color:var(--color-ink);margin:0;font-size:.78rem;font-weight:500}.score-grid__penalty dd{color:var(--color-warning)}.recommendation-card__explanation{max-width:58ch;margin:var(--space-3) 0 0;color:var(--color-ink-warm);font-size:.875rem}.recommendation-warning,.gym-rule{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--warm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-ink-warm);background:var(--color-surface);font-size:.875rem}.recommendation-warning strong,.gym-rule strong{color:var(--color-ink)}.recommendation-warning ul,.recommendation-reasons ul,.recommendation-exclusions ul{margin-bottom:0;padding-left:1.25rem}.gym-rule{margin-bottom:var(--space-6);font-weight:500}.recommendation-reasons,.recommendation-exclusions{margin-top:var(--space-4)}.recommendation-reasons summary,.recommendation-exclusions summary{min-height:44px;padding-block:var(--space-3);color:var(--color-accent);cursor:pointer;font-weight:720}.recommendation-empty{border-top:var(--rule);color:var(--color-ink-muted);margin:0;padding:26px 0;font-size:.875rem}.section-header{max-width:43rem;margin:var(--space-12) 0 var(--space-6)}.section-header>p:last-child{color:var(--color-ink-muted)}.evitar,.layering-global-rule{margin-bottom:var(--space-8);border-left:3px solid var(--warm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-ink-warm);background:var(--color-surface);padding:20px 22px}.layering-global-rule strong{color:var(--color-ink)}.evitar{gap:var(--space-6);margin-bottom:0;display:grid}.evitar h3{margin-bottom:var(--space-2);color:var(--color-ink);font-size:18px;font-weight:500}.evitar p{margin-bottom:0;font-size:.875rem}.evitar .card__kicker{margin-bottom:var(--space-1)}.layering-list,.avoidance-rule-list{margin:0;padding:0;list-style:none;display:grid}.layering-card{border-top:var(--rule);padding:22px 0}.layering-card .formula{font-family:var(--font-heading);margin:0;font-size:19px;font-weight:400;line-height:1.35}.layering-card .formula .base{color:var(--color-accent)}.layering-card .formula .mas{color:var(--color-ink-muted);font-synthesis:style;font-style:italic}.layering-card__badges{flex-wrap:wrap;gap:6px;display:flex}.layering-profile{margin:var(--space-3) 0 0;flex-wrap:wrap;gap:6px;display:flex}.layering-profile div{border:var(--rule);background:var(--color-surface);border-radius:5px;gap:.35rem;min-width:0;padding:4px 9px;display:flex}.layering-profile dt{color:var(--color-ink-muted);font-size:.78rem}.layering-profile dd{color:var(--color-ink);margin:0;font-size:.78rem;font-weight:500}.porque{max-width:58ch;margin:var(--space-3) 0 0;color:var(--color-ink-warm);font-size:.875rem}.layering-application{margin-top:var(--space-4)}.layering-card h4{margin:0 0 var(--space-2);color:var(--color-ink-muted);font-family:var(--font-interface);font-size:.8125rem;font-weight:400}.layering-application li{font-size:.875rem}.layering-application ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.layering-application li{gap:var(--space-3);grid-template-columns:1.5rem minmax(0,1fr);align-items:start;display:grid}.layering-application li>span:last-child,.layering-application li>span:last-child>span{display:block}.layering-application li>span:last-child>span{color:var(--color-ink-muted)}.layering-application__order{border:1px solid var(--color-line);width:1.5rem;height:1.5rem;color:var(--color-accent);border-radius:50%;place-items:center;font-size:.75rem;font-weight:500;display:grid}.layering-separation-note{margin:var(--space-4) 0 0;color:var(--color-ink-muted);font-size:.88rem}.layering-details{margin-top:var(--space-5);border-top:var(--rule)}.layering-details summary{min-height:44px;padding-block:var(--space-4);color:var(--color-accent);cursor:pointer;font-weight:720}.layering-details__content{gap:var(--space-4);display:grid}.layering-details__content section{padding-top:var(--space-2)}.layering-details__content h3{margin-bottom:var(--space-2)}.layering-details__content ul{margin:0;padding-left:1.25rem}.layering-avoidance{padding:var(--space-3) var(--space-4);border-left:3px solid var(--warm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface)}.layering-provenance{color:var(--color-ink-muted);font-size:.85rem}.layering-provenance code{color:var(--color-accent)}.layering-rules{margin-top:var(--space-12)}.avoidance-rule-list__status{color:var(--color-warning);margin-bottom:0;font-size:.78rem;font-weight:500}.collection-header,.detail-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.repisa>.page-header .lede{max-width:46ch;margin-top:var(--space-4);font-size:.90625rem}.momentos{z-index:5;gap:var(--space-2);padding:var(--space-6) 0 var(--space-2);background:linear-gradient(var(--bg) 72%, transparent);flex-wrap:wrap;display:flex;position:sticky;top:0}.escala{align-items:center;gap:var(--space-3);padding:var(--space-6) 0 var(--space-1);color:var(--color-ink-muted);margin:0;font-size:.75rem;display:flex}.escala__barra{background:linear-gradient(90deg, var(--cool), var(--weight-brass), var(--warm));flex:1;height:2px}.collection-filters{align-items:flex-end;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2);padding-block:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.collection-filters .field{gap:var(--space-1);flex:8.5rem}.collection-filters .field__label{color:var(--color-ink-muted);font-size:.75rem;font-weight:500}.collection-filters .field__control{min-height:40px;padding:.4rem var(--space-3);border-color:var(--color-line);border-radius:var(--radius-pill);background:0 0;font-size:.8125rem}.collection-search{flex:100%}.fragrance-grid{margin:0;padding:0;list-style:none;display:grid}.frag{gap:0 var(--space-4);border-top:var(--rule);grid-template-columns:8px 62px minmax(0,1fr);padding:26px 0;display:grid}.peso{border-radius:var(--radius-pill);background:var(--surface-2);width:6px;height:100%;min-height:60px;margin-top:6px;position:relative;overflow:hidden}.peso i{border-radius:var(--radius-pill);display:block;position:absolute;bottom:0;left:0;right:0}.frag__bottle{margin-top:2px;display:block}.frag__body{min-width:0}.frag__name{font-family:var(--font-heading);letter-spacing:-.01em;margin:0;font-size:23px;font-weight:500;line-height:1.15}.frag__name a{text-decoration:none}.frag__name a:hover{color:var(--color-accent)}.frag__house{color:var(--color-ink-muted);margin:2px 0 0;font-size:.8125rem}.frag__notes{max-width:58ch;margin:var(--space-3) 0 0;color:var(--color-ink-warm);font-size:.875rem}.frag__notes b{color:var(--color-accent);font-weight:500}.datos{flex-wrap:wrap;gap:6px;margin:14px 0 0;display:flex}.dato{border:var(--rule);color:var(--color-ink-muted);background:var(--color-surface);border-radius:5px;padding:4px 9px;font-size:.78rem}.dato strong{color:var(--color-ink);font-weight:500}.frag__cuando{max-width:56ch;margin:var(--space-3) 0 0;color:var(--color-ink-muted);font-size:.875rem}.fragrance-image{width:100%;height:8rem;padding:var(--space-2);border:var(--rule);border-radius:var(--radius-md);background:var(--color-surface);object-fit:contain}.frag__bottle .fragrance-image{background:0 0;border:0;border-radius:0;width:62px;height:auto;padding:0}.fragrance-image--placeholder{border:var(--rule);border-radius:50% 50% var(--radius-md) var(--radius-md);min-width:4.5rem;color:var(--color-accent);background:var(--color-accent-soft);font-family:var(--font-heading);place-items:center;font-size:1.8rem;display:grid}.fragrance-facts,.detail-facts{gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fragrance-facts div,.detail-facts div{min-width:0}.fragrance-facts dt,.detail-facts dt{color:var(--color-ink-muted);font-size:.78rem;font-weight:400}.fragrance-facts dd,.detail-facts dd{overflow-wrap:anywhere;margin:0}.fragrance-card__actions{align-items:flex-end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--rule);flex-wrap:wrap;display:flex}.fragrance-card__actions label{gap:var(--space-1);color:var(--color-ink-muted);font-size:.78rem;font-weight:700;display:grid}.fragrance-card__actions select{min-height:44px;padding:0 var(--space-3);border:var(--rule);border-radius:var(--radius-pill);background:var(--color-surface)}.form-alert{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning), var(--color-line) 45%);border-radius:var(--radius-sm);color:var(--color-warning);background:color-mix(in srgb, var(--color-warning), var(--color-surface) 95%)}.detail-hero{gap:var(--space-6);padding-block:var(--space-6);border-block:var(--rule);grid-template-columns:minmax(7rem,12rem) minmax(0,1fr);align-items:center;display:grid}.detail-hero>*{min-width:0}@media (width<=23rem){.detail-hero{grid-template-columns:minmax(0,1fr)}.detail-bottle{height:11rem}}.detail-bottle{width:100%;height:14rem;padding:var(--space-6);border:var(--rule);border-radius:var(--radius-sm);background:var(--color-surface);object-fit:contain;margin:0}.detail-section{margin-top:var(--space-12)}.accord-list{gap:var(--space-4);display:grid}.accord-bar{gap:var(--space-3);grid-template-columns:2.5rem minmax(0,1fr);align-items:center;display:grid}.accord-bar--sin-imagen{grid-template-columns:minmax(0,1fr)}.accord-bar__image{background:var(--color-surface-2);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid;overflow:hidden}.accord-bar__image img{object-fit:cover;width:100%;height:100%}.accord-bar .split-row{margin-bottom:var(--space-2);font-size:.875rem}.accord-bar .split-row span{color:var(--color-ink-muted);font-size:.78rem}.accord-bar__track{border-radius:var(--radius-pill);background:var(--surface-2);height:3px;display:block;overflow:hidden}.accord-bar__track span{border-radius:inherit;background:linear-gradient(90deg, var(--cool), var(--weight-brass));height:100%;display:block}.note-pyramid{gap:2px;max-width:42rem;display:grid}.note-pyramid>div{padding:var(--space-4);background:var(--color-surface);text-align:center;border:0}.note-pyramid>div:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.note-pyramid>div:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.note-pyramid>div:first-child{margin-inline:18%}.note-pyramid>div:nth-child(2){margin-inline:9%}.note-pyramid h3{color:var(--color-ink-muted);font-family:var(--font-interface);font-size:.8125rem;font-weight:400}.note-pyramid p{color:var(--color-ink-warm);font-size:.875rem}.note-pyramid h3,.note-pyramid p{margin-bottom:0}.detail-weight{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:8px minmax(0,1fr);align-items:stretch;display:grid}.detail-weight .peso{height:88px;min-height:88px;margin-top:0}.detail-weight p{color:var(--color-ink-muted);align-self:center;margin:0;font-size:.875rem}.detail-weight strong{color:var(--color-ink);font-weight:500}.context-list{margin-bottom:var(--space-4)}.context-list ul{margin-top:0}.editor-duplicate{margin-bottom:var(--space-4)}.editor-steps ol{gap:var(--space-2);margin:0 0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.editor-step{align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-2);border:var(--rule);border-radius:var(--radius-sm);color:var(--color-ink-muted);background:var(--color-surface);cursor:pointer;text-align:left;display:flex}.editor-step>span{border:1px solid;border-radius:50%;flex:0 0 1.8rem;place-items:center;height:1.8rem;display:grid}.editor-step--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.editor-form{gap:var(--space-6);display:grid}.editor-panel{min-width:0;padding:var(--space-6);border:var(--rule);border-radius:var(--radius-md);background:var(--color-surface);margin:0}.editor-panel[hidden]{display:none}.editor-panel>legend{padding-inline:var(--space-2);color:var(--color-ink);font-family:var(--font-heading);font-size:1.7rem}.form-grid{gap:var(--space-4);display:grid}.field textarea{resize:vertical;min-height:7rem}.choice-group{min-width:0;padding:var(--space-4);border:var(--rule);border-radius:var(--radius-sm);margin:0}.choice-group>legend{padding-inline:var(--space-2);font-weight:700}.choice-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.check{align-items:center;gap:var(--space-2);min-height:44px;display:flex}.check input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.error-summary{padding:var(--space-4);border:2px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-surface)}.error-summary h2{font-size:1.4rem}.error-summary:focus{outline:3px solid var(--color-focus);outline-offset:3px}.editor-actions{justify-content:space-between;gap:var(--space-3);display:flex}.visual-editor{gap:var(--space-6);display:grid}.visual-preview{min-height:15rem;padding:var(--space-4);border:var(--rule);background:var(--color-canvas);place-items:center;display:grid}.visual-preview .fragrance-image{max-width:14rem;height:14rem}@media (width>=48rem){.collection-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-search{grid-column:span 2}.editor-steps ol{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-step{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.form-grid>.choice-group,.form-grid>.field:has(textarea)){grid-column:1/-1}.visual-editor{grid-template-columns:minmax(12rem,.8fr) minmax(0,1.2fr)}.recommendation-form{grid-template-columns:repeat(2,minmax(0,1fr))}.layering-list{gap:var(--space-6)}.avoidance-rule-list{grid-template-columns:minmax(0,1fr)}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-backdrop{align-items:center}.dialog{border-radius:var(--radius-md)}}@media (width>=64rem){.app-header{min-height:72px;padding-inline:var(--space-8)}.app-main{padding:var(--space-12) 0 var(--space-12) 12rem}.primary-nav{top:7rem;bottom:auto;right:auto;left:max(var(--space-8), calc(50% - 34rem));border-top:0;border-left:1px solid var(--color-line);width:9rem;box-shadow:none;background:0 0;grid-template-columns:9rem;padding:0}.primary-nav__link{padding-inline:var(--space-4);justify-content:flex-start}}@media (width<=32.5rem){.frag{gap:0 var(--space-3);grid-template-columns:6px 48px minmax(0,1fr)}.frag__bottle .fragrance-image{width:48px}.frag__name{font-size:20px}.peso{width:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sync-status{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) max(var(--space-4), calc((100% - var(--content-width)) / 2));border-bottom:var(--rule);background:var(--color-surface);flex-wrap:wrap;font-size:.8125rem;display:flex}.sync-status__counts{color:var(--color-ink-muted);flex:14rem;margin:0}.sync-status__error{color:var(--color-warning);flex:100%;margin:0;font-weight:640}.sync-status__link{color:var(--color-accent);font-weight:680}.sync-status .button{min-height:2.75rem;padding-block:var(--space-2)}.conflict-list{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.conflict-list__item{padding:var(--space-4);border:var(--rule);border-radius:var(--radius-sm);background:var(--color-canvas)}.conflict-list__kind{color:var(--color-ink-muted)}.conflict-list__diff{gap:var(--space-3);margin:var(--space-3) 0;display:grid}.conflict-list__diff dt{color:var(--color-ink-muted);font-size:.78rem}.conflict-list__diff dd{margin:0;font-weight:640}.conflict-list__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.conflict-list__actions button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit;font-weight:640}.conflict-list__actions button[disabled]{opacity:.55}@media (width>=40rem){.conflict-list__diff{grid-template-columns:1fr 1fr}}
