:root{--ink:#29244d;--deep-purple:#57346f;--mauve:#856fa3;--periwinkle:#9999b8;--blue:#3f437f;--pink:#bf7ca5;--paper:#eeeef1;--taskbar-height:48px;color:var(--ink);background:var(--periwinkle);font-synthesis:none;font-family:Trebuchet MS,Geneva,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,select{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.desktop{background:var(--periwinkle) url(/assets/fondo_pantalla/fondo.webp) center / cover no-repeat;isolation:isolate;height:100%;position:relative}.desktop:after{inset:0 0 var(--taskbar-height);z-index:-1;content:"";pointer-events:none;background:linear-gradient(#57346f14,#3f437f29);position:absolute}.desktop-icons{z-index:1;gap:10px;width:min-content;padding:20px 24px 74px;display:grid;position:relative}.desktop-icon{color:#fff;cursor:default;background:0 0;border:1px solid #0000;place-items:center;width:224px;min-height:210px;padding:8px;display:grid}.desktop-icon:hover,.desktop-icon:focus-visible{background:#3f437f3d;border-color:#ffffffb8;outline:none}.desktop-icon img{object-fit:contain;filter:drop-shadow(0 3px 2px #29244db8)drop-shadow(0 0 4px #ffffffb8);width:180px;height:180px}.desktop-icon span{text-align:center;max-width:210px;text-shadow:1px 1px 2px var(--ink), -1px -1px 1px var(--ink);background:#29244d85;padding:2px 5px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700;line-height:1.15;box-shadow:2px 2px #29244d47}.lazy-module-error{text-align:center;background:#d8d8e5;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.lazy-module-error button{background:#eeeef1;border:2px outset #fff;padding:7px 12px}.window-layer{inset:0 0 var(--taskbar-height);pointer-events:none;position:absolute}.window-frame{filter:saturate(.88);pointer-events:auto;background:url(/assets/ventana/ventana.webp) 50%/100% 100% no-repeat;border-radius:18px;grid-template-rows:35px 30px minmax(0,1fr) 24px;min-width:340px;min-height:280px;padding:8px;display:grid;position:absolute;overflow:hidden;box-shadow:8px 12px 24px #29244d59}.window-frame.is-active{filter:none;box-shadow:10px 16px 32px #29244d7a}.window-frame.is-maximized{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;border-radius:12px;padding:7px;inset:0}.window-titlebar{color:#fdfaff;background:linear-gradient(90deg, var(--blue), var(--mauve) 78%, var(--pink));border:2px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-width:0;padding:4px 5px 4px 9px;display:flex}.window-titlebar strong{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Georgia,Times New Roman,serif;font-size:15px;overflow:hidden}.window-app-mark,.task-mark{background:linear-gradient(135deg,#eeeef1 0 34%,#bf7ca5 34% 66%,#3f437f 66%);border:1px solid #eeeef1;flex:none;width:15px;height:15px}.window-actions{z-index:2;pointer-events:auto;gap:3px;margin-left:auto;display:flex;position:relative}.window-actions button{background:#c9c9dc;border:2px outset #eeeef1;place-items:center;width:25px;height:23px;padding:0;font-weight:900;line-height:1;display:grid}.window-actions button:active{border-style:inset}.window-actions .window-close{color:#fff;background:var(--deep-purple)}.window-menubar{border-inline:2px solid var(--blue);background:#d8d8e5;align-items:center;gap:20px;padding:0 12px;font-family:Georgia,Times New Roman,serif;font-size:14px;display:flex}.window-menubar span:first-letter{text-decoration:underline}.window-body{background:var(--paper);border:2px inset #d9d9e7;min-width:0;min-height:0;position:relative;overflow:auto}.window-statusbar{background:#d2d2df;border:2px outset #eeeef1;align-items:center;min-width:0;padding:2px 7px;font-size:11px;display:flex}.window-statusbar span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-grip{background:repeating-linear-gradient(135deg,#0000 0 3px,#7678a8 3px 5px);width:14px;height:14px;margin-left:auto}.eyebrow{color:var(--deep-purple);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.gallery-heading h2,.contact-view h2{color:var(--ink);letter-spacing:0;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:34px}.notebook-experience{background-color:#d8d8e5;background-image:linear-gradient(90deg,#57346f12 1px,#0000 1px),linear-gradient(#57346f12 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.notebook-book{aspect-ratio:1920/1290;filter:drop-shadow(10px 14px #29244d2e);width:min(100% - 40px,920px);position:relative}.notebook-stage{pointer-events:none;width:100%;height:100%}.notebook-canvas,.notebook-fallback{object-fit:contain;touch-action:none;width:100%;height:100%;display:block}.notebook-canvas{pointer-events:none}.notebook-loading{z-index:4;color:#fff;background:var(--deep-purple);border:2px solid var(--ink);margin:0;padding:10px 14px;font-family:Georgia,Times New Roman,serif;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.notebook-open{z-index:5;background:0 0;border:0;width:126px;height:126px;padding:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.notebook-open img{object-fit:contain;filter:drop-shadow(0 8px 8px #29244d61);width:100%;height:100%;animation:1.8s ease-in-out infinite notebook-cat-pulse}.notebook-tab-hotspots{z-index:5;pointer-events:none;position:absolute;inset:0}.notebook-tab-hotspots button{top:var(--tab-y);pointer-events:auto;background:0 0;border:0;width:8%;min-width:0;height:7.2%;padding:0;position:absolute;left:83.5%;transform:translateY(-50%)}.notebook-tab-hotspots button:focus-visible{outline-offset:-3px;outline:2px solid #fff}.notebook-letter-link{z-index:5;cursor:pointer;background:0 0;border:2px solid #0000;width:30%;height:64%;padding:0;position:absolute;top:15%;left:18%}.notebook-letter-link:hover,.notebook-letter-link:focus-visible{background:#bf7ca514}.notebook-letter-link:focus-visible{outline:2px solid var(--deep-purple);outline-offset:-5px;border-color:#ffffffb8}.notebook-close{z-index:5;color:#fff;background:var(--blue);border:2px solid var(--ink);padding:7px 13px;font-family:Georgia,Times New Roman,serif;position:absolute;bottom:6%;left:8%;box-shadow:3px 4px #29244d33}.explorer-view,.gallery-view{height:100%;min-height:100%}.explorer-view{grid-template-rows:auto minmax(0,1fr);display:grid}.explorer-toolbar{z-index:2;border-bottom:2px solid var(--mauve);background:#d2d2df;grid-template-columns:30px 30px auto minmax(160px,1fr);align-items:center;gap:4px;padding:7px;display:grid;position:sticky;top:0}.explorer-toolbar button{background:#eeeef1;border:2px outset #fff;height:27px;padding:0}.address-label{padding-inline:7px;font-size:12px}.address-field{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:2px inset #d8d8e5;min-width:0;padding:5px 8px;font-family:Georgia,Times New Roman,serif;font-size:12px;overflow:hidden}.explorer-layout{grid-template-columns:190px minmax(0,1fr);min-height:0;display:grid;overflow:auto}.explorer-sidebar{color:#fff;background:linear-gradient(160deg, #bf7ca5d9, transparent 52%), var(--mauve);border-right:2px solid var(--blue);flex-direction:column;gap:10px;padding:20px 16px;display:flex}.explorer-sidebar p,.explorer-sidebar span{margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.45}.category-grid,.directory-grid{background:#f9f8fb;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-content:start;gap:22px 16px;padding:28px;display:grid}.category-folder{background:0 0;border:1px solid #0000;justify-items:center;gap:5px;min-width:0;padding:8px;display:grid}.category-folder:hover,.category-folder:focus-visible{border-color:var(--mauve);background:#9999b838;outline:none}.folder-art{border:2px solid var(--deep-purple);background:#c591b1;width:112px;height:84px;padding:10px 10px 7px;display:block;position:relative;box-shadow:inset 0 -8px #57346f26}.folder-art:before{content:"";border:2px solid var(--deep-purple);background:#c591b1;border-bottom:0;width:48px;height:14px;position:absolute;top:-12px;left:-2px}.folder-art img{z-index:1;object-fit:cover;background:#fff;border:2px solid #eeeef1;width:100%;height:100%;position:relative}.category-folder strong{overflow-wrap:anywhere;text-align:center;max-width:100%}.category-folder>span:last-child{color:#66627d;font-size:11px}.file-tile{background:0 0;border:1px solid #0000;align-content:start;justify-items:center;gap:5px;min-width:0;padding:8px;display:grid}.file-tile:hover,.file-tile:focus-visible{border-color:var(--mauve);background:#9999b838;outline:none}.file-preview{background:#fff;border:2px outset #eeeef1;width:112px;height:112px;padding:5px;display:block;position:relative;box-shadow:3px 4px #57346f2e}.file-preview img{object-fit:contain;width:100%;height:100%}.file-type{color:#fff;background:#a02f55;border:1px solid #fff;padding:3px 5px;font-size:10px;font-weight:900;position:absolute;bottom:3px;right:3px}.file-tile strong{overflow-wrap:anywhere;text-align:center;max-width:100%}.file-tile>span:last-child{color:#66627d;font-size:11px}.gallery-heading{border-bottom:2px solid var(--mauve);background:#d9d1e2;justify-content:space-between;align-items:end;gap:24px;padding:22px 24px 18px;display:flex}.gallery-heading h2,.gallery-heading p{margin-top:0}.gallery-heading>div>p:last-child{margin-bottom:0}.gallery-heading label{flex:0 0 170px;gap:5px;font-size:12px;display:grid}.gallery-heading select{background:#fff;border:2px inset #d8d8e5;width:100%;padding:6px}.art-grid{background-color:#f8f7fa;background-image:linear-gradient(#e4ddea 1px,#0000 1px),linear-gradient(90deg,#e4ddea 1px,#0000 1px);background-size:24px 24px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start;gap:18px;padding:22px;display:grid}.art-tile{text-align:left;background:#eeeef1;border:2px outset #fff;grid-template-rows:190px auto;min-width:0;padding:7px;display:grid;box-shadow:3px 4px #57346f2e}.art-tile:hover,.art-tile:focus-visible{color:#fff;background:var(--deep-purple);outline:2px solid var(--pink)}.art-tile img{object-fit:contain;background:#fff;width:100%;height:190px}.art-tile>span{gap:2px;padding:8px 4px 3px;display:grid}.art-tile strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.art-tile small{opacity:.72}.artwork-view{background:#31304c;grid-template-rows:minmax(0,1fr) auto;width:100%;min-height:100%;margin:0;display:grid}.artwork-view img{object-fit:contain;width:100%;height:100%;min-height:0;padding:18px}.artwork-view figcaption{color:#fff;background:var(--deep-purple);justify-content:space-between;gap:20px;padding:10px 16px;display:flex}.pdf-viewer{background:#4a4962;grid-template-rows:42px minmax(0,1fr);width:100%;height:100%;min-height:360px;display:grid}.pdf-toolbar{border-bottom:2px solid var(--mauve);background:#d8d8e5;align-items:center;gap:9px;min-width:0;padding:5px 10px;display:flex}.pdf-toolbar span{color:#fff;border:1px solid var(--ink);background:#a02f55;flex:none;padding:3px 5px;font-size:10px;font-weight:900}.pdf-toolbar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pdf-controls{flex:none;align-items:center;gap:3px;margin-left:auto;display:flex}.pdf-controls button{background:#eeeef1;border:2px outset #fff;place-items:center;width:28px;height:27px;padding:0;display:grid}.pdf-controls button:active{border-style:inset}.pdf-controls output{text-align:center;min-width:56px;font-size:11px}.pdf-canvas-wrap{text-align:center;background:#4a4962;min-width:0;min-height:0;position:relative;overflow:auto}.pdf-canvas-wrap canvas{background:#fff;margin:16px auto;display:block;box-shadow:5px 7px 18px #00000059}.pdf-message{z-index:1;color:#fff;background:var(--deep-purple);border:2px solid var(--ink);margin:0;padding:9px 13px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.pdf-message.is-error{background:#8f2f55}.contact-view{background:linear-gradient(135deg,#bf7ca547,#0000 42%),#eeeef1;grid-template-columns:minmax(140px,210px) minmax(0,1fr);align-items:center;gap:22px;min-height:100%;padding:32px;display:grid}.contact-view>img{object-fit:contain;width:100%;max-height:220px;animation:1.8s ease-in-out infinite notebook-cat-pulse}.contact-view p{font-family:Georgia,Times New Roman,serif;line-height:1.5}.contact-view a{color:var(--blue);overflow-wrap:anywhere;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:18px;display:block}.contact-view button{background:#d8d8e5;border:2px outset #fff;padding:8px 14px}.start-menu{bottom:var(--taskbar-height);z-index:2000;width:min(340px,100vw - 16px);color:var(--ink);border:3px solid var(--blue);background:#eeeef1;position:absolute;left:0;box-shadow:7px -7px 20px #29244d59}.start-menu>header{color:#fff;background:linear-gradient(90deg, var(--blue), var(--pink));align-items:center;gap:12px;padding:10px 14px;display:flex}.start-menu>header img{object-fit:contain;background:#eeeef1;border:2px solid #fff;width:48px;height:48px}.start-menu nav{padding:9px;display:grid}.start-menu nav button{text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.start-menu nav button:hover,.start-menu nav button:focus-visible{color:#fff;background:var(--deep-purple);outline:none}.start-menu nav img{object-fit:contain;width:44px;height:44px}.start-menu nav span{gap:2px;display:grid}.start-menu nav small{opacity:.72}.start-menu>footer{color:#fff;text-align:right;background:var(--mauve);padding:8px 13px;font-family:Georgia,Times New Roman,serif;font-size:12px}.taskbar{z-index:3000;height:var(--taskbar-height);color:#fff;box-shadow:inset 0 2px var(--blue);background:#6969a1;border-top:3px solid #b7b7d5;align-items:center;gap:8px;padding:4px 10px 4px 0;display:flex;position:absolute;inset:auto 0 0}.start-button{color:#f9f9ff;background:var(--deep-purple);border:2px solid var(--ink);border-radius:0 8px 8px 0;align-self:stretch;align-items:center;gap:9px;min-width:126px;padding:0 18px 0 12px;font-weight:700;display:flex;box-shadow:inset 2px 2px #af91bd,inset -2px -2px #352045}.start-mark{background:linear-gradient(90deg,#d7719c 46%,#0000 46% 54%,#c3bdd7 54%) top/100% 46% no-repeat,linear-gradient(90deg,#a48bb2 46%,#0000 46% 54%,#3f437f 54%) bottom/100% 46% no-repeat;width:22px;height:22px}.task-list{align-items:stretch;gap:4px;min-width:0;height:100%;display:flex;overflow:hidden}.task-list button{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#57346f;border:2px outset #a7a7ca;align-items:center;gap:7px;width:min(210px,19vw);min-width:42px;padding:0 9px;display:flex;overflow:hidden}.task-list button.is-active{background:#4c4f87;border-style:inset}.taskbar time{text-align:center;background:#7678a8;border:2px inset #a7a7ca;flex:none;min-width:82px;margin-left:auto;padding:7px 10px}@media (width<=700px){.desktop-icons{grid-template-columns:repeat(3,minmax(88px,1fr));gap:6px;width:100%;padding:16px 7px 66px}.desktop-icon{width:100%;min-height:105px}.desktop-icon img{width:64px;height:64px}.window-frame,.window-frame.is-maximized{width:100%;min-width:0;height:100%;min-height:0;padding:5px;inset:0}.window-menubar{gap:13px}.gallery-heading h2,.contact-view h2{font-size:26px}.notebook-book{width:calc(100% - 8px)}.notebook-tab-hotspots button{width:9%;font-size:5px;left:83%}.notebook-close{padding:5px 9px;font-size:11px;bottom:7%;left:6%}.explorer-layout{grid-template-columns:1fr}.explorer-sidebar{display:none}.category-grid,.directory-grid{grid-template-columns:repeat(2,minmax(130px,1fr));padding:26px 14px}.gallery-heading{padding:16px;display:grid}.gallery-heading label{width:min(100%,220px)}.art-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:11px;padding:12px}.art-tile{grid-template-rows:145px auto}.art-tile img{height:145px}.contact-view{text-align:center;grid-template-columns:1fr;align-content:center;padding:24px}.contact-view>img{width:130px;margin-inline:auto}.task-list button{width:44px;padding:0 12px;font-size:0}.taskbar time{min-width:66px;padding-inline:5px;font-size:12px}}@media (prefers-reduced-motion:no-preference){.window-frame{animation:.16s ease-out window-open}@keyframes window-open{0%{opacity:0;transform:scale(.97)translateY(5px)}}@keyframes notebook-cat-pulse{0%,to{transform:scale(.92)}50%{transform:scale(1.06)}}}@media (prefers-reduced-motion:reduce){.notebook-open img,.contact-view>img{animation:none}}