:root{--primario: #0f766e;--primario-oscuro: #115e59;--primario-suave: #ccfbf1;--gradiente-primario: linear-gradient(180deg, #14a89b, #0d7d74);--fondo: #f4f5f7;--superficie: #ffffff;--texto: #1c1917;--texto-suave: #78716c;--borde: #e2e0dc;--sombra-suave: 0 1px 2px rgba(28, 25, 23, .06), 0 4px 14px rgba(28, 25, 23, .06);--sombra-fuerte: 0 4px 10px rgba(28, 25, 23, .12), 0 12px 34px rgba(28, 25, 23, .14);--peligro: #dc2626;--plano-fondo: #ffffff;--radio: 1rem;--radio-chico: .65rem;--color-muro: #334155;--color-ventana: #2563eb;--color-puerta: #dc2626;--color-seleccion: #f59e0b}[data-theme=oscuro]{--primario: #2dd4bf;--primario-oscuro: #14b8a6;--primario-suave: #134e4a;--gradiente-primario: linear-gradient(180deg, #2dd4bf, #14b8a6);--fondo: #141414;--superficie: #1f1f1f;--texto: #ecece7;--texto-suave: #a8a29e;--borde: #383838;--sombra-suave: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .35);--sombra-fuerte: 0 4px 10px rgba(0, 0, 0, .5), 0 14px 38px rgba(0, 0, 0, .5);--peligro: #f87171;--plano-fondo: #1b1b1b;--color-muro: #f5f5f4;--color-ventana: #60a5fa;--color-puerta: #f87171}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:var(--radio);background:var(--gradiente-primario);color:#fff;padding:.9rem 1.2rem;min-height:3.1rem;box-shadow:var(--sombra-suave);transition:transform .06s ease,box-shadow .15s ease,filter .15s ease,background .15s ease,color .15s ease,border-color .15s ease}[data-theme=oscuro] button{color:#05201d}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:default;box-shadow:none}button.secundario{background:var(--superficie);color:var(--texto);border:1px solid var(--borde);box-shadow:none}[data-theme=oscuro] button.secundario{color:var(--texto)}@media(hover:hover){button:not(:disabled):hover{filter:brightness(1.06)}button.secundario:not(:disabled):hover{filter:none;border-color:var(--primario);color:var(--primario)}}input[type=text],input[type=password],input[type=number]{font:inherit;width:100%;padding:.85rem;border:1.5px solid var(--borde);border-radius:var(--radio-chico);background:var(--superficie);color:var(--texto);transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px var(--primario-suave)}h1{margin:.4rem 0;letter-spacing:-.02em}.app{max-width:560px;margin:0 auto;min-height:100%;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.auth{padding-top:2.5rem}.auth-tema{display:flex;justify-content:flex-end}.auth-card{background:var(--superficie);border:1px solid var(--borde);border-radius:1.4rem;padding:2rem 1.5rem;box-shadow:var(--sombra-fuerte)}.auth h1,.menu h1{font-size:2rem}.auth h1:before,.menu h1:before{content:"R";color:var(--primario);font-weight:800}.seg-switch{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1.3rem;padding:.35rem;background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radio)}.seg-switch button{min-height:2.7rem;padding:.6rem .5rem;background:none;box-shadow:none;color:var(--texto-suave)}.seg-switch button.activo{background:var(--gradiente-primario);color:#fff;box-shadow:var(--sombra-suave)}[data-theme=oscuro] .seg-switch button.activo{color:#05201d}.form{display:flex;flex-direction:column;gap:1.1rem}.form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.95rem}.campo-voz{position:relative}.campo-voz input{padding-right:3.4rem}.campo-voz .mic{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:2.6rem;height:2.6rem;padding:0;display:grid;place-items:center;border-radius:999px;background:var(--superficie);color:var(--primario);border:1px solid var(--borde);min-height:0;box-shadow:none}[data-theme=oscuro] .campo-voz .mic{color:var(--primario)}.campo-voz .mic.escuchando{background:var(--peligro);color:#fff;animation:pulso 1.2s ease-in-out infinite}@keyframes pulso{0%,to{box-shadow:0 0 #dc262673}50%{box-shadow:0 0 0 9px #dc262600}}.mic-live{position:absolute;right:.4rem;top:calc(100% + .4rem);z-index:5;background:var(--superficie);border:1px solid var(--borde);border-radius:.6rem;padding:.35rem .6rem;font-size:.8rem;box-shadow:var(--sombra-fuerte);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:var(--peligro);margin:0;font-weight:600;font-size:.9rem}.boton-grande{width:100%;font-size:1.15rem;font-weight:700;padding:1.2rem;margin-bottom:.9rem;box-shadow:var(--sombra-fuerte)}.menu{display:flex;flex-direction:column;align-items:center;padding-top:3rem;gap:.4rem}.menu h1{margin-bottom:.2rem}.saludo{color:var(--texto-suave);margin:0 0 1.4rem}.enlace{background:none;box-shadow:none;color:var(--primario);text-decoration:underline;padding:.4rem;min-height:0;font-weight:600}.tema{background:var(--superficie);color:var(--texto);border:1px solid var(--borde);width:2.6rem;height:2.6rem;padding:0;display:grid;place-items:center;border-radius:999px;min-height:0;box-shadow:none}.menu .tema{margin-bottom:.5rem}.name-screen{display:flex;flex-direction:column;gap:1.1rem;padding-top:2rem}.name-screen label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.95rem}.fila-botones{display:flex;gap:.8rem}.fila-botones button{flex:1}.draw{display:flex;flex-direction:column;gap:.7rem;height:100%}.draw-header{display:flex;align-items:center;gap:.6rem}.draw-header h1{font-size:1.2rem;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-header .volver{background:none;box-shadow:none;color:var(--primario);padding:.3rem .6rem;font-size:1.4rem;min-height:0}.draw-header .usuario{color:var(--texto-suave);font-size:.85rem}.estado-guardado{font-size:.8rem;color:var(--texto-suave);min-width:5.5rem;text-align:right;white-space:nowrap}.estado-guardado.guardado{color:var(--primario)}.estado-guardado.sinConexion,.estado-guardado.error{color:var(--peligro)}.banner-offline{background:linear-gradient(90deg,#b91c1c,#dc2626);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.9rem;font-weight:700;box-shadow:var(--sombra-suave)}.draw-acciones{display:flex;flex-wrap:wrap;gap:.5rem}.draw-acciones button{flex:1;min-width:8rem;padding:.7rem .6rem}.zoom-botones{display:flex;gap:.4rem;flex:1}.zoom-botones button{flex:1;min-width:0}.canvas-wrap{flex:1;min-height:300px;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;background:var(--plano-fondo);box-shadow:var(--sombra-fuerte)}.plano{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:10;animation:aparecer .15s ease}@keyframes aparecer{0%{opacity:0}to{opacity:1}}.modal{background:var(--superficie);width:100%;max-width:560px;border-radius:1.4rem 1.4rem 0 0;padding:1.4rem 1.2rem max(1.3rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem;box-shadow:0 -10px 40px #00000040;animation:subir .18s ease}@keyframes subir{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}.modal h2{margin:0;font-size:1.2rem}@media(min-width:640px){.modal-fondo{align-items:center;padding:1rem}.modal{border-radius:1.4rem}}.modal label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.95rem}.direccion{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.direccion button{display:flex;flex-direction:column;align-items:center;gap:.15rem}.direccion .flecha{font-size:1.2rem;line-height:1}.direccion .activo,.tipos .tipo.activo{background:var(--gradiente-primario);box-shadow:var(--sombra-fuerte)}[data-theme=oscuro] .direccion .activo,[data-theme=oscuro] .tipos .tipo.activo{color:#05201d}.tipos{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.tipos .tipo{border:1.5px solid var(--borde);border-radius:var(--radio);padding:.6rem;text-align:center;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;background:var(--superficie);color:var(--texto);transition:border-color .15s ease,box-shadow .15s ease}.tipos .tipo input{display:none}.tipos .tipo:before{content:"";width:.7rem;height:.7rem;border-radius:999px;background:var(--color-muro)}.tipos .tipo[data-tipo=ventana]:before{background:var(--color-ventana)}.tipos .tipo[data-tipo=puerta]:before{background:var(--color-puerta)}.capitalizado{text-transform:capitalize}.tarjetas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.tarjeta{display:flex;gap:.8rem;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:.8rem;cursor:pointer;align-items:center;box-shadow:var(--sombra-suave);transition:border-color .15s ease,box-shadow .15s ease,transform .06s ease}.tarjeta:active{transform:scale(.985);border-color:var(--primario)}.tarjeta-curso{border-style:dashed;border-color:var(--primario)}.miniatura{width:120px;height:80px;border-radius:.6rem;border:1px solid var(--borde);background:var(--plano-fondo);flex-shrink:0}.tarjeta-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.tarjeta-nombre{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-fecha{color:var(--texto-suave);font-size:.85rem}.tarjeta-botones{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.tarjeta-botones button,.boton-link{font-size:.8rem;padding:.45rem .6rem;border-radius:.6rem}.boton-link{background:var(--superficie);color:var(--texto);border:1px solid var(--borde);text-decoration:none;display:inline-block;font-weight:600}.peligro{background:var(--peligro)}[data-theme=oscuro] .peligro{color:#fff}.vacio{color:var(--texto-suave);text-align:center;margin-top:2rem}.ayuda{margin:0;color:var(--texto-suave);font-size:.9rem;line-height:1.45}.campo-voz.grande{display:flex;justify-content:center;padding:.5rem 0}.campo-voz.grande .mic{position:static;transform:none;width:4rem;height:4rem}.campo-voz.grande .mic svg{width:32px;height:32px}.pendiente{display:inline-block;margin-left:.5rem;font-size:.7rem;font-weight:700;color:var(--peligro);border:1px solid var(--peligro);border-radius:999px;padding:.1rem .5rem;vertical-align:middle}.aviso{margin:.5rem 0 0;color:var(--peligro);font-weight:700;font-size:.9rem}.aviso-mini{color:var(--texto-suave);font-size:.8rem}@media(max-width:640px){.draw{height:100dvh;padding:.5rem;gap:.45rem;overflow:hidden}.draw-header h1{font-size:1rem}.draw-header .usuario{display:none}.estado-guardado{min-width:0;font-size:.72rem}.draw-acciones{flex-wrap:nowrap;gap:.35rem}.draw-acciones button{min-width:0;padding:.6rem .3rem;font-size:.85rem;min-height:2.7rem;border-radius:.8rem}.zoom-botones{display:none}.canvas-wrap{min-height:0;border-radius:.8rem}}.canvas-wrap{position:relative}button.secundario.pulsado{border-color:var(--primario);color:var(--primario);background:var(--primario-suave)}[data-theme=oscuro] button.secundario.pulsado{color:var(--primario)}textarea{font:inherit;width:100%;padding:.85rem;border:1.5px solid var(--borde);border-radius:var(--radio-chico);background:var(--superficie);color:var(--texto);resize:vertical;min-height:7rem}textarea:focus{outline:none;border-color:var(--primario);box-shadow:0 0 0 3px var(--primario-suave)}.campo-voz textarea{padding-right:3.4rem}.campo-voz:has(textarea) .mic{top:.75rem;transform:none}.pestanas{display:flex;gap:2px;flex-wrap:wrap;align-items:stretch}.pestanas .pestana{min-width:2.2rem;min-height:2.3rem;padding:.2rem .5rem;border-radius:0;font-weight:700;background:#fff;color:#000;border:1px solid #000;box-shadow:none}.pestanas .pestana.activa{background:#000;color:#fff}.pestanas-acciones{margin-left:auto;display:flex;gap:2px}.pestanas .pestana-accion{min-width:2.5rem;font-size:1.1rem}