:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#090a0c;color:#e6e5e0;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}header,nav,main,footer{max-width:1360px;margin:auto;padding-left:30px;padding-right:30px}
header{padding-top:22px}.back{font-size:11px;color:#92928c;text-decoration:none}.eyebrow{font-size:9px;letter-spacing:.2em;color:#b9a379;margin:21px 0 11px}h1{font-size:clamp(27px,3vw,42px);font-weight:400;letter-spacing:-.035em;margin:0}.intro{font-size:12px;line-height:1.5;color:#9c9b95;margin:10px 0 20px}
nav{display:flex;gap:8px;flex-wrap:wrap}nav button{min-height:44px;background:transparent;color:#a4a39d;border:1px solid #333438;padding:10px 15px;cursor:pointer;font-size:10px;letter-spacing:.06em}nav button[aria-pressed=true]{color:#f0dfba;border-color:#b9a379;background:#1b1813}button:focus-visible,a:focus-visible{outline:2px solid #e5c185;outline-offset:4px}
.context{margin:23px 0 16px}.context h2{font-size:17px;font-weight:400;margin:0 0 7px}.context p{font-size:12px;line-height:1.5;color:#999b9d;margin:0;max-width:850px}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.option{min-width:0;margin:0}.art{display:block;position:relative;width:min(100%,300px);margin:auto;aspect-ratio:2/3;overflow:hidden;background:#060708;line-height:0;text-decoration:none}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s ease}.art:focus-visible{outline-offset:2px}.art .tag{position:absolute;left:12px;bottom:12px;background:#0b0c0fe0;color:#d2c6ac;padding:8px 9px;font-size:8px;letter-spacing:.12em;line-height:1.2;border:1px solid #b9a37940}.art .image-missing{position:absolute;inset:0;display:grid;place-items:center;color:#888;font-size:10px;line-height:1.5;text-align:center;padding:30px}.art:not(.pending) .image-missing{display:none}
figcaption{padding-top:13px}.number{color:#b9a379;font-size:9px;letter-spacing:.15em;margin:0 0 6px}figcaption h3{font-size:15px;font-weight:400;margin:0 0 7px}figcaption p{font-size:12px;line-height:1.5;color:#999b9d;margin:0}.master{display:inline-flex;align-items:center;min-height:44px;font-size:10px;color:#c3b391;text-decoration:none;margin-top:3px}.signature{font-size:11px;line-height:1.6;color:#b8b3a7;max-width:980px;margin:18px 0 0}footer{font-size:10px;line-height:1.6;color:#737773;padding-top:22px;padding-bottom:26px}.swipe{display:none}.options.improvements{grid-template-columns:repeat(2,minmax(0,1fr))}.improvements .art{width:100%;aspect-ratio:3/2}.improvements figcaption{padding-bottom:8px}
.cabinet-review{border-top:1px solid #2d3033;margin-top:25px;padding-top:22px}.cabinet-review h3{font-size:16px;font-weight:400;margin:0 0 8px}.cabinet-review>p{font-size:12px;color:#999b9d}.cabinet-example{position:relative;width:min(300px,100%);aspect-ratio:2/3;margin:20px auto;background:#060708}.cabinet-example img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .45s}.cabinet-example .off{opacity:0}.cabinet-example.dark .on{opacity:0}.cabinet-example.dark .off{opacity:1}.light-switch{display:flex;justify-content:center;gap:8px}.light-switch button{min-height:44px;background:#141518;color:#ddd;border:1px solid #424449;padding:10px 16px;cursor:pointer;font-size:11px}.light-switch button[aria-pressed=true]{color:#f0dfba;border-color:#b9a379}.cabinet-name{text-align:center;font-size:11px;color:#b9a379;min-height:18px;opacity:1;transition:opacity .25s}.cabinet-name.hidden{opacity:0;visibility:hidden}
@media(min-width:1100px){.art{max-height:calc(100vh - 350px);min-height:320px;width:auto;max-width:100%}.improvements .art{max-height:none;min-height:0;width:100%}}
@media(max-width:700px){header,nav,main,footer{padding-left:18px;padding-right:18px}header{padding-top:18px}.eyebrow{margin-top:17px;font-size:8px}.intro{font-size:11px;margin-bottom:16px}nav{gap:6px}nav button{padding:10px 11px;font-size:9px}.context{margin-top:19px}.context h2{font-size:16px}.context p{font-size:11px}.swipe{display:block;font-size:10px;color:#918875;margin:0 0 12px}.options,.options.improvements{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}.option{flex:0 0 92%;scroll-snap-align:start}.art{width:100%;max-height:none}.signature{margin-top:12px;font-size:10px}.improvements .art{aspect-ratio:3/2}.cabinet-review{margin-top:18px}.cabinet-example{width:85%}footer{font-size:9px}.master{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.options{scroll-behavior:smooth}.animated .art img{animation:breathe 7s ease-in-out infinite}.art:hover img{transform:scale(1.018)}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.orisha-picker{display:flex;gap:7px;overflow-x:auto;padding:0 0 10px;margin:0 0 12px;scrollbar-width:thin}.orisha-picker[hidden],.orisha-light[hidden]{display:none}.orisha-picker button,.orisha-light button{background:transparent;color:#a4a39d;border:1px solid #333438;min-height:44px;padding:10px 13px;font-size:10px;letter-spacing:.06em;white-space:nowrap;cursor:pointer}.orisha-picker button[aria-pressed=true],.orisha-light button[aria-pressed=true]{color:#f0dfba;border-color:#b9a379}.orisha-light{display:flex;gap:7px;justify-content:flex-end;margin:0 0 18px}.orishas .orisha-on{opacity:1}.orishas .orisha-off{opacity:0}.orishas.orisha-dark .orisha-on{opacity:0}.orishas.orisha-dark .orisha-off{opacity:1}.orishas.orisha-dark figcaption{visibility:hidden;opacity:0}.orishas .art img{transition:opacity .4s}.orishas .style-label{font-size:10px;color:#9b937f;margin-top:6px}.orishas figcaption{text-align:center}.orishas+.signature:empty{display:none}
.orishas-view header .back,.orishas-view header h1,.orishas-view header .intro,.orishas-view footer{display:none}.orishas-view header .eyebrow{margin:0 0 16px}.orishas-view .context{margin:10px 0}.orishas-view #signature,.orishas-view #reference{display:none}
.break-preview{margin:25px auto 0;width:min(300px,100%)}.break-preview[hidden]{display:none}.break-preview video{display:block;width:100%;max-height:500px;object-fit:contain;background:#050608}.break-preview figcaption{text-align:center;font-size:10px;letter-spacing:.16em;color:#a4a39d}

/* Galería pública: título y contador, sin notas personales. */
.options:not(.improvements):not(.orishas) figcaption>p:not(.number){display:none}.signature:empty,.context p:empty{display:none}.orishas-view header{position:relative}.orishas-view header .back{display:block;position:absolute;right:30px;top:22px;font-size:10px}.orishas-view header .eyebrow{padding-right:45px}@media(max-width:700px){.orishas-view header .back{right:18px;top:18px}}