.os-window {display:flex;flex-direction:column;background:var(--color-face);padding:3px;box-shadow:var(--bevel-window);} .os-window[hidden] {display:none !important;} .os-window__bar {display:flex;align-items:center;gap:6px;flex:none;min-height:calc(var(--titlebar-height) + 6px);padding:2px 2px 2px 4px;background:var(--title-gradient);color:var(--color-title-ink);font:700 calc(var(--text-ui) + 1px)/1.2 var(--font-title);} .os-window__bar-icon {flex:none;width:16px;height:16px;object-fit:contain;} .yc .os-window__bar-title {flex:1;min-width:0;margin:0;overflow:hidden;color:inherit;font:inherit;line-height:18px;text-overflow:ellipsis;white-space:nowrap;} .os-window__controls {display:flex;flex:none;gap:2px;margin-left:auto;} .os-window__minimize,.os-window__maximize,.os-window__close {display:grid;place-items:center;width:calc(var(--title-button-width) + 3px);height:calc(var(--title-button-height) + 3px);padding:0 0 3px;border:0;border-radius:var(--radius-control);background:var(--surface-raised);box-shadow:var(--bevel-raised);color:var(--color-ink) !important;font:700 13px/1 var(--font-ui);text-decoration:none;} .os-window__minimize:active,.os-window__maximize:active,.os-window__close:active {filter:brightness(.85);} .os-window__maximize {padding:0;} .os-window__maximize span {display:block;width:10px;height:9px;border:1px solid #ffffff;border-top-width:2px;} .os-window__body {padding:8px;} .os-statusbar {display:flex;flex:none;gap:0;border-top:1px solid var(--color-shadow);background:var(--color-face);} .os-statusbar>* {flex:1 1 0;min-width:0;padding:2px 6px;overflow:hidden;box-shadow:var(--bevel-status);text-overflow:ellipsis;white-space:nowrap;} .os-statusbar--loading>:first-child {position:relative;} .os-statusbar--loading>:first-child::after {content:"";position:absolute;top:3px;bottom:3px;left:3px;width:0;background:repeating-linear-gradient(90deg,#3cc060 0 8px,#ffffff 8px 10px);animation:os-progress 1.1s steps(14) forwards;} @keyframes os-progress {0% {width:0;} 99% {width:calc(100% - 6px);} 100% {width:0;}} .yc .yc-btn,.yc button:not([class]),.yc .os-toggle {display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:75px;min-height:var(--control-height);padding:3px 12px;border:0;background:var(--surface-raised);box-shadow:var(--bevel-raised);color:var(--color-ink);font:var(--text-ui)/1.2 var(--font-ui);text-align:center;text-decoration:none;border-radius:var(--radius-control);} .yc .yc-btn:hover:not(:disabled),.yc button:not([class]):hover {box-shadow:inset 0 0 0 1px #e6a33c,inset 0 2px 0 1px #ffe9b8;} .yc a.yc-btn,.yc a.yc-btn:visited {color:var(--color-ink);} .yc-btn:active,.yc button:not([class]):active,.os-toggle:active,.os-toggle[aria-pressed="true"] {box-shadow:var(--bevel-pressed);} .yc-btn:active {padding:4px 11px 2px 13px;} .yc-btn,.yc button:not([class]) {--focus-offset:-5px;} .yc .yc-btn--primary {box-shadow:inset 0 0 0 1px #3a2bb4,inset 0 2px 0 1px #cfc9fa;} .yc-btn--block {width:100%;} .yc-btn:disabled {color:var(--color-shadow);text-shadow:1px 1px 0 var(--color-highlight);cursor:not-allowed;} .os-actions {display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin:12px 0 0;} .field {display:grid;gap:2px;} .yc input:not([type="checkbox"],[type="radio"],[type="file"],[type="color"],[type="hidden"]),.yc select,.yc textarea {width:100%;min-height:var(--control-height);padding:3px 4px;font-size:var(--field-text);border:0;background:var(--color-paper);box-shadow:var(--bevel-sunken);border-radius:2px;color:var(--color-ink);} .yc input,.yc select,.yc textarea {--focus-offset:-4px;} .yc input[type="checkbox"],.yc input[type="radio"] {width:13px;height:13px;accent-color:var(--color-title);} .yc-card {padding:12px;background:#ffffff;border:1px solid var(--color-shadow);border-radius:var(--radius-control);box-shadow:1px 2px 4px rgba(20,16,60,.15);} .os-group {margin:0;padding:8px 10px 6px;border:1px solid var(--color-shadow);border-radius:var(--radius-control);} .os-group legend {padding:0 4px;font-weight:700;} .os-group p {margin:0;} .os-sunken {padding:8px;background:var(--color-paper);box-shadow:var(--bevel-sunken);} .yc-kicker {margin:0 0 4px;color:var(--color-muted);font-weight:700;} .yc-h2 {margin:0 0 6px;font-size:15px;} .yc-lead {max-width:65ch;margin:0;} .yc-chip {display:inline-block;padding:1px 6px;background:var(--color-face);box-shadow:var(--bevel-status);} .os-alert {display:flex;align-items:flex-start;gap:12px;} .os-alert__icon {display:grid;place-items:center;flex:none;width:32px;height:32px;background:#ffff00;border:1px solid #b5801a;border-radius:50%;color:#5a3a00;font:700 22px/1 var(--font-title);} .yc .os-alert h1 {font-size:14px;} .os-alert__code {color:var(--color-muted);font-family:var(--font-mono);} .os-taskbar {position:relative;z-index:50;display:flex;flex:none;align-items:center;gap:4px;min-height:var(--taskbar-height);padding:0 0 0 0;background:var(--taskbar-gradient);box-shadow:inset 0 1px 0 var(--color-highlight),inset 0 2px 0 var(--color-light);color:var(--color-ink);} .os-taskbar img {flex:none;width:var(--task-icon);height:var(--task-icon);object-fit:contain;} .yc .os-taskbar__start {display:inline-flex;flex:none;align-items:center;gap:6px;align-self:stretch;margin:3px 6px 3px 3px;padding:0 10px 0 6px;border:0;border-radius:var(--radius-control);background:var(--surface-raised);box-shadow:var(--bevel-raised);color:var(--color-ink);font:700 calc(var(--text-ui) + 1px)/1 var(--font-ui);text-decoration:none;} .os-taskbar__start:active,.os-taskbar__start[aria-expanded="true"] {background:var(--pressed-fill);box-shadow:var(--bevel-pressed);} .os-taskbar__item {display:inline-flex;flex:0 1 150px;align-items:center;gap:5px;min-width:0;min-height:calc(var(--taskbar-height) - 8px);padding:2px 8px;border:0;border-radius:var(--radius-control);background:var(--taskbar-item);box-shadow:var(--bevel-raised);color:var(--color-ink);font:inherit;text-decoration:none;} .yc a.os-taskbar__item,.yc a.os-taskbar__item:visited {color:var(--color-ink);} .os-taskbar__label {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .os-taskbar__item--active {background:var(--taskbar-item-active);box-shadow:var(--bevel-pressed);font-weight:700;} .yc .os-taskbar__item[aria-current="page"],.os-taskbar__item--page {font-weight:700;} .os-taskbar__tray {display:flex;flex:none;align-items:center;align-self:stretch;gap:6px;padding:0 8px;margin:3px 3px 3px auto;background:var(--taskbar-tray);box-shadow:var(--bevel-status);font-variant-numeric:tabular-nums;} .os-taskbar__tray-link {display:grid;place-items:center;min-width:20px;min-height:18px;padding:0;border:0;background:transparent;cursor:pointer;} .os-taskbar__tray-link:active {box-shadow:var(--bevel-status);} .os-taskbar__tray-link.is-current {box-shadow:var(--bevel-status);} .os-taskbar__sound {display:grid;place-items:center;min-width:20px;min-height:18px;padding:0;border:0;background:transparent;} .os-taskbar__task {flex:0 1 150px;min-width:0;} .os-taskbar__quick {display:flex;flex:none;align-items:center;gap:2px;align-self:stretch;margin:3px 6px 3px 0;padding:0 4px 0 6px;box-shadow:inset 1px 0 0 var(--color-shadow),inset 2px 0 0 var(--color-highlight);} .os-taskbar__quick:empty {display:none;} .os-taskbar__quick-link.is-hidden {display:none;} .os-taskbar__quick-link {display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-control);} .os-taskbar__quick-link:hover,.os-taskbar__quick-link:focus-visible {box-shadow:var(--bevel-raised);} .os-taskbar__quick-link:active,.os-taskbar__quick-link.is-current {box-shadow:var(--bevel-pressed);} .yc a.os-taskbar__item--page {color:var(--color-ink);} .os-taskbar__task:not(.is-open) {display:none;} .yc .start-menu {position:absolute;z-index:200;left:0;bottom:100%;flex-direction:row;width:min(290px,100vw);max-height:calc(100dvh - 80px);overflow:auto;border-radius:var(--radius-window) var(--radius-window) 0 0;animation:os-slide-up .12s ease-out;} @keyframes os-slide-up {from {clip-path:inset(100% 0 0 0);} to {clip-path:inset(0);}} .start-menu__banner {flex:none;width:26px;padding:6px 3px;background:var(--brand-dusk);color:var(--brand-mint);font:700 16px/20px var(--font-title);white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);} .start-menu__list {flex:1;min-width:0;display:grid;align-content:start;padding:2px;background:var(--color-face);color:var(--color-ink);} .yc .start-menu__item {display:flex;align-items:center;gap:8px;min-height:max(30px,var(--control-height));padding:2px 8px;border:0;background:transparent;color:var(--color-ink);font:inherit;text-align:left;text-decoration:none;text-shadow:none;cursor:var(--cursor-default);--focus-outline:0 solid transparent;} .start-menu__item img {width:24px;height:24px;object-fit:contain;} .yc .start-menu__item--small {min-height:max(22px,calc(var(--control-height) - 4px));padding-left:40px;font-size:11px;} .yc .start-menu__item:hover,.yc .start-menu__item:focus-visible {background:var(--color-select);color:var(--color-select-ink);outline:0;} .yc-legalbar {position:relative;z-index:49;display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 12px;padding:2px 6px;background:var(--color-face);border-top:1px solid var(--color-shadow);font-size:11px;} .yc-legalbar__nav {display:flex;flex-wrap:wrap;gap:2px 12px;} @media (max-width:580px) {.yc-legalbar {justify-content:center;text-align:center;font-size:12px;} .yc-legalbar__nav {justify-content:center;}} @media (pointer:coarse) {.yc-legalbar__nav a {display:inline-block;padding:4px 2px;}} .os-taskbar__apps {display:contents;} @media (max-width:580px),(max-height:480px) {.os-taskbar__apps {display:flex;flex:1 1 0;min-width:0;gap:inherit;overflow-x:auto;scrollbar-width:none;} .os-taskbar__task {flex:none;justify-content:center;min-width:46px;padding-inline:8px;} .os-taskbar__start {padding-right:14px;} .os-taskbar__item {flex:none;justify-content:center;min-width:46px;} .os-taskbar__item .os-taskbar__label {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);} .os-taskbar__tray {gap:4px;padding-inline:6px;} .yc .start-menu {max-height:calc(100dvh - 120px);}} .desk__shortcuts {position:absolute;z-index:10;top:8px;bottom:8px;left:8px;display:grid;grid-auto-flow:column;grid-auto-columns:var(--desk-icon-cell);grid-template-rows:repeat(auto-fill,var(--desk-icon-row));gap:4px;justify-items:center;pointer-events:none;} .desk__shortcuts>* {pointer-events:auto;} .yc .desk-icon {display:flex;flex-direction:column;align-items:center;gap:4px;width:var(--desk-icon-cell);padding:2px;border:0;background:transparent;color:var(--color-highlight);font:var(--text-ui)/1.2 var(--font-ui);text-align:center;text-decoration:none;cursor:var(--cursor-default);} .desk-icon__image {width:var(--desk-icon);height:var(--desk-icon);object-fit:contain;} .desk-icon__label {padding:0 3px;border-radius:2px;text-shadow:1px 1px 0 #000000;} .yc .desk-icon.is-selected .desk-icon__image {filter:brightness(.6) sepia(1) hue-rotate(190deg) saturate(4);} .yc .desk-icon.is-selected .desk-icon__label,.yc .desk-icon:focus-visible .desk-icon__label,.yc .desk-icon[aria-expanded="true"] .desk-icon__label {background:var(--color-select);color:var(--color-select-ink);text-shadow:none;outline:1px dotted var(--color-highlight);} .yc .desk-icon {--focus-outline:0 solid transparent;} .yc a.desk-icon:visited,.yc a.desk-icon:hover,.yc a.desk-icon:active {color:var(--color-highlight);} .yc .desk-icon:active .desk-icon__label {background:var(--color-select);color:var(--color-select-ink);text-shadow:none;} @media (pointer:coarse),(max-width:580px) {.desk,.desk img {-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;} .yc .desk-icon {-webkit-tap-highlight-color:transparent;touch-action:manipulation;} .desk input,.desk textarea,.desk [contenteditable] {-webkit-user-select:text;user-select:text;}} .desk-icon {position:relative;} .yc .desk-icon--file .desk-icon__label {overflow-wrap:anywhere;} .yc .desk-icon.is-hinted::after {content:"Doble clic para abrir";position:absolute;z-index:2;top:36px;left:66px;padding:1px 4px;background:var(--color-tooltip);border:1px solid var(--color-ink);color:var(--color-ink);white-space:nowrap;animation:os-appear 1s steps(1) both;} .desk__shortcuts:has(.is-hinted) {z-index:100001;} @keyframes os-appear {from {visibility:hidden;} to {visibility:visible;}} .desk__area .os-window {position:absolute;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:auto;} [data-os-window]:not(.os-window--active)>.os-window__bar {background:var(--title-gradient-inactive);} .desk__area .os-window--maximized {top:0 !important;left:0 !important;width:100% !important;height:100% !important;max-width:100%;max-height:100%;} .os-window__bar[data-os-handle] {touch-action:none;user-select:none;-webkit-user-select:none;} .os-window__bar[data-os-handle]:focus-visible {outline:1px dotted var(--color-title-ink);outline-offset:-3px;} .os-window--moving {outline:2px dotted var(--color-ink);outline-offset:0;} .os-window--welcome {z-index:8;top:clamp(12px,6%,56px);left:clamp(108px,18vw,240px);width:min(var(--welcome-width),calc(100% - 124px));} .os-window--about {z-index:65;top:22%;left:30%;width:min(340px,calc(100% - 16px));} .os-welcome {flex:1 1 auto;min-height:0;display:grid;gap:10px;padding:10px 12px 12px;overflow:auto;user-select:text;-webkit-user-select:text;} .os-welcome__dos {display:flex;flex-wrap:wrap;gap:0 1ch;padding:4px 8px;background:var(--brand-forest);color:var(--brand-mint);border-radius:var(--radius-control);color:#c6c4d6;font:13px/1.4 var(--font-mono);} .os-welcome__typed {display:inline-block;overflow:hidden;color:var(--brand-secondary);white-space:nowrap;animation:os-type 1.4s steps(13) both;animation-delay:.4s;} @keyframes os-type {from {width:0;} to {width:13ch;}} .os-welcome__cursor {color:var(--brand-secondary);animation:os-blink 1.1s steps(1) infinite;} @keyframes os-blink {50% {visibility:hidden;}} .os-welcome__head {display:flex;align-items:center;gap:12px;} .os-welcome__head img {flex:none;width:56px;height:56px;object-fit:contain;} .yc .os-welcome__title {margin:0;color:var(--brand-dusk);font:400 clamp(26px,4vw,34px)/1.05 var(--font-page);} .os-welcome__title small {display:block;color:var(--color-muted);font:400 var(--text-ui)/1.4 var(--font-ui);} .os-welcome__title b {font-weight:700;} .yc .os-welcome__intro {margin:0;font-size:13px;line-height:1.45;} .os-welcome__columns {display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch;} .os-welcome__fact {display:grid;grid-template-columns:auto 1fr;align-content:start;gap:4px 10px;min-height:124px;padding:8px 10px;background:linear-gradient(180deg,#fffdf0,#fff6c8);border:1px solid #d8c77a;border-radius:var(--radius-control);line-height:1.45;} .os-welcome__fact img {grid-row:span 2;width:32px;height:32px;} .os-welcome__fact [data-tip-text] {grid-column:2;} .os-welcome__fact .yc-btn {grid-column:1 / -1;justify-self:end;align-self:end;min-width:0;} .os-welcome__links {display:grid;align-content:start;gap:3px;min-width:124px;} .yc .os-welcome__links .yc-btn {width:100%;} .os-welcome__now {display:grid;gap:1px;margin:0;overflow:hidden;border:1px solid var(--color-shadow);border-radius:var(--radius-control);background:var(--color-shadow);} .os-welcome__now div {display:grid;grid-template-columns:92px 1fr;gap:1px;} .os-welcome__now dt {padding:2px 6px;background:var(--color-face);font-weight:700;} .os-welcome__now dd {min-width:0;margin:0;padding:2px 6px;background:var(--color-paper);overflow-wrap:anywhere;} .os-assistant {position:absolute;z-index:100000;right:8px;bottom:6px;display:grid;justify-items:end;gap:6px;pointer-events:none;} .os-assistant>* {pointer-events:auto;} .yc .os-assistant__figure {display:block;padding:0;border:0;background:transparent;--focus-offset:2px;} .os-assistant__figure img {display:block;width:var(--assistant-size);height:var(--assistant-size);object-fit:contain;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.45));animation:os-idle 3.2s ease-in-out infinite;} .os-assistant__figure.is-talking img {animation:os-hop .4s ease-in-out 2;} @keyframes os-idle {50% {transform:translateY(-2px);}} @keyframes os-hop {50% {transform:translateY(-10px);}} .os-assistant__bubble {position:relative;display:grid;gap:6px;width:min(260px,calc(100vw - 24px));padding:8px 10px;background:linear-gradient(180deg,#fffdf0,#fff6c8);border:1px solid #9a8a40;border-radius:var(--radius-control);box-shadow:2px 3px 8px rgba(20,16,60,.4);} .os-assistant__bubble::after {content:"";position:absolute;right:26px;bottom:-8px;width:12px;height:8px;background:#fff6c8;clip-path:polygon(0 0,100% 0,100% 100%);} .os-assistant__close {position:absolute;top:2px;right:2px;padding:0 4px;border:0;background:transparent;font-weight:700;} .os-assistant__actions {display:flex;justify-content:flex-end;gap:4px;} .yc .os-assistant__actions .yc-btn {min-width:0;padding-inline:8px;} .page-desk {position:relative;} .page-desk__icons {display:none;} @media (min-width:581px) and (min-height:481px) {.page-desk--open .page-desk__icons {display:grid;} .page-desk--open .page-window {position:relative;z-index:20;}} body.yc-page {height:100dvh;overflow:hidden;} .page-desk {flex:1 1 0;display:flex;min-height:0;padding:clamp(0px,2vw,24px);background:var(--wallpaper-color) var(--wallpaper-image) var(--wallpaper-position) / var(--wallpaper-size) var(--wallpaper-repeat);} .page-window {flex:1;min-width:0;min-height:0;} .page-desk:not(.page-desk--open) {padding:0;background:var(--color-face);} .page-desk:not(.page-desk--open) .page-window {border-radius:0;} .page-window__body {-webkit-font-smoothing:auto;flex:1 1 0;min-width:0;min-height:0;padding:12px;overflow:auto;overflow-wrap:anywhere;} .page-window--dialog .page-window__body {display:grid;justify-items:center;align-content:center;} .page-window--dialog .page-window__body>* {width:min(100%,var(--dialog-width));} @media (min-width:581px) and (min-height:481px) {.page-window--dialog {flex:none;width:min(100%,calc(var(--dialog-width) + 48px));max-height:100%;margin:auto;} .page-window--dialog .page-window__body {flex:0 1 auto;padding:16px 20px;}} @media (max-width:580px) {.page-desk {padding:0;} .page-window__body {padding:8px;}}