:root{--fucsia: #ec008c;--fucsia-oscuro: #c70076;--fucsia-claro: #fde6f3;--verde: #8cc63f;--gris: #58585a;--gris-suave: #7c7c7e;--gris-claro: #b9b9bb;--linea: #e6e6e7;--fondo-suave: #f7f7f8;--blanco: #ffffff;--peligro: #c0392b;--fuente: "Jost", "Century Gothic", "Futura", -apple-system, "Segoe UI", sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--blanco);color:var(--gris);font:300 16px/1.5 var(--fuente);-webkit-font-smoothing:antialiased}strong,b{font-weight:500}.page{min-height:100%;display:flex;flex-direction:column}.barra{position:relative;padding:22px 32px 18px;border-bottom:3px solid var(--verde);text-align:center}.barra-extra{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.logo{max-height:60px;width:auto;display:inline-block;vertical-align:middle}.logo-small{max-height:48px;justify-self:center}.etiqueta{margin:0 0 18px;font-size:.68rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--verde)}.inicio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px 48px}.inicio h1{margin:0;max-width:20ch;font-weight:300;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.22;color:var(--gris)}.acceso{margin-top:34px;width:min(380px,100%);display:flex;gap:10px}.nota{margin:22px 0 0;font-size:.92rem;color:var(--gris-suave)}.pie-marca{margin-top:auto}.onda{display:block;width:100%;height:70px;margin-bottom:-2px}.onda path{fill:var(--fucsia)}.pie-fucsia{background:var(--fucsia);color:var(--blanco);text-align:center;padding:4px 24px 26px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.sube{opacity:0;transform:translateY(14px);animation:sube .75s cubic-bezier(.22,.7,.3,1) forwards}.sube:nth-child(2){animation-delay:.09s}.sube:nth-child(3){animation-delay:.18s}@keyframes sube{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sube{animation:none;opacity:1;transform:none}}input{font:inherit;font-weight:400;width:100%;padding:12px 18px;border-radius:40px;border:1.5px solid var(--linea);background:var(--blanco);color:var(--gris)}input::placeholder{color:var(--gris-claro)}input:focus{outline:none;border-color:var(--verde)}button,.button{font:inherit;font-weight:400;font-size:.95rem;padding:9px 16px;border-radius:40px;border:1.5px solid var(--linea);background:var(--blanco);color:var(--gris);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease,border-color .18s ease}button:hover{border-color:var(--fucsia);color:var(--fucsia)}button:focus-visible,.button:focus-visible{outline:3px solid var(--verde);outline-offset:2px}.boton,button.primary,.button{background:var(--verde);border-color:var(--verde);color:var(--blanco);padding:11px 26px;letter-spacing:.02em}.boton:hover,button.primary:hover,.button:hover{background:var(--fucsia);border-color:var(--fucsia);color:var(--blanco)}button:disabled,button:disabled:hover{opacity:.5;cursor:default}button.link,button.link:hover{border:none;background:none;color:var(--gris-suave);padding:6px 8px}button.link:hover{color:var(--fucsia)}button.danger{color:var(--peligro)}.error{color:var(--peligro)!important;margin:14px 0 0}.muted{color:var(--gris-suave);font-size:.9rem}.admin{width:100%;max-width:900px;margin:0 auto;padding:40px 16px 56px}.admin h1{margin:0;font-weight:300;font-size:2rem;color:var(--gris)}.new{display:flex;gap:10px;margin:24px 0}.boards{list-style:none;margin:0;padding:0;display:grid;gap:12px}.boards li{background:var(--blanco);border:1.5px solid var(--linea);border-left:5px solid var(--fucsia);border-radius:14px;padding:16px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.info{display:grid;gap:2px;min-width:0}.name{color:var(--gris);font-weight:400;font-size:1.1rem;text-decoration:none;overflow-wrap:anywhere}.name:hover{color:var(--fucsia)}.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.actions .button{padding:9px 20px}details{position:relative}summary{list-style:none;cursor:pointer;padding:9px 16px;border-radius:40px;border:1.5px solid var(--linea);font-size:.95rem;font-weight:400}summary::-webkit-details-marker{display:none}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5;display:grid;gap:2px;padding:6px;background:var(--blanco);border:1.5px solid var(--linea);border-radius:14px;box-shadow:0 10px 28px #0000001f}.menu button{border:none;border-radius:10px;text-align:left}@media(max-width:600px){.barra{padding:18px 20px 14px}.logo{max-height:48px}.barra-extra{right:8px}.acceso,.new{flex-direction:column}.boards li{align-items:stretch;flex-direction:column}}.screen,.overlay{min-height:100%;display:grid;place-items:center;padding:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#58585a66}.card{width:min(420px,100%);background:var(--blanco);border-top:5px solid var(--fucsia);border-radius:16px;padding:26px;display:grid;gap:14px;box-shadow:0 16px 48px #00000029}.card h1{margin:0;font-weight:400;font-size:1.4rem;color:var(--gris)}.card p{margin:0;color:var(--gris-suave)}.board{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh}.top-right{display:flex;align-items:center;gap:8px}.status{display:flex;align-items:center;gap:6px;font:400 .8rem var(--fuente);padding:6px 12px;border-radius:40px;background:var(--blanco);border:1.5px solid var(--linea);color:var(--gris-suave);white-space:nowrap}.status .dot{width:8px;height:8px;border-radius:50%;background:#e8590c}.status-online .dot{background:var(--verde)}.status.compact{padding:0;border:none;background:none;width:14px;justify-content:center}.share-button{background:var(--fucsia);border-color:var(--fucsia);color:var(--blanco);font-size:.85rem;padding:7px 16px}.share-button:hover{background:var(--verde);border-color:var(--verde);color:var(--blanco)}.card.share{width:min(520px,100%);gap:16px}.share-row{display:grid;gap:8px;padding-bottom:16px;border-bottom:1.5px solid var(--linea)}.share-row strong{color:var(--gris)}.share-row p{font-size:.9rem}.share-row input{font-size:.85rem;background:var(--fondo-suave)}.share-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.excalidraw.excalidraw{--ui-font: var(--fuente);--color-primary: var(--fucsia);--color-primary-darker: var(--fucsia-oscuro);--color-primary-darkest: #a10060;--color-primary-hover: var(--fucsia-oscuro);--color-primary-light: var(--fucsia-claro);--color-primary-light-darker: #fbcfe8;--color-brand-hover: var(--fucsia-oscuro);--color-surface-primary-container: var(--fucsia-claro);--color-slider-track: var(--fucsia-claro)}.excalidraw.excalidraw.theme--dark{--color-primary: #ff4fb3;--color-primary-darker: #ff70c2;--color-primary-darkest: #ff8fd0;--color-primary-hover: #ff70c2;--color-primary-light: #4a2038;--color-primary-light-darker: #5c2846;--color-brand-hover: #ff70c2;--color-surface-primary-container: #4a2038}.sticky{position:relative}.sticky-button,.connect-button{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:7px 14px;background:var(--blanco)}.sticky-button.compact,.connect-button.compact{padding:7px}.sticky-icon{width:16px;height:16px;border-radius:3px;background:#fff3a6;border:1px solid #e6c84a;box-shadow:2px 2px #f2dd7a}.sticky-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:5;display:grid;gap:8px;padding:12px;background:var(--blanco);border:1.5px solid var(--linea);border-radius:14px;box-shadow:0 10px 28px #00000024;font:400 .8rem var(--fuente);color:var(--gris-suave);white-space:nowrap}.sticky-colors{display:flex;gap:8px}.sticky-colors button{width:34px;height:34px;padding:0;border-radius:6px;border:1.5px solid}.sticky-colors button:hover{transform:translateY(-2px)}.mobile-tools{position:fixed;right:14px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:4;display:flex;flex-direction:column;gap:10px}.mobile-tools button{width:48px;height:48px;justify-content:center;box-shadow:0 4px 14px #00000024}.mobile-tools .sticky-icon{width:20px;height:20px}.sticky-menu.up{top:auto;bottom:0;right:calc(100% + 10px)}.plus-handles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.plus-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:26px;height:26px;padding:0;border-radius:50%;border:1.5px solid var(--fucsia);background:var(--blanco);color:var(--fucsia);font:500 18px/1 var(--fuente);display:grid;place-items:center;box-shadow:0 2px 8px #0000001f;opacity:.85}.plus-handle:hover{opacity:1;background:var(--fucsia);color:var(--blanco);border-color:var(--fucsia)}@media(pointer:coarse){.plus-handle{width:34px;height:34px;font-size:22px}}.board:not(.is-admin) .library-menu-browse-button{display:none}.card.miro{width:min(520px,100%)}.card.miro label{display:grid;gap:6px}.card.miro label strong{color:var(--gris);font-size:.95rem}.card.miro label.check{display:flex;align-items:center;gap:8px;font-size:.9rem}.card.miro label.check input{width:auto}.help{font-size:.9rem;color:var(--gris-suave)}.help summary{border:none;padding:0;color:var(--fucsia);font-size:.9rem}.help ol{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}.help a{color:var(--fucsia)}.miro-result ul{margin:6px 0 0;padding-left:20px;color:var(--gris-suave);font-size:.9rem}