:root{color-scheme:dark;--vacio: #070a1c;--fondo-a: #070a1c;--fondo-b: #0d1233;--brillo1: radial-gradient(circle 55vmax at 85% -5%, rgba(124,58,237,.34), rgba(124,58,237,0));--brillo2: radial-gradient(circle 50vmax at 0% 100%, rgba(20,184,166,.22), rgba(20,184,166,0));--brillo3: radial-gradient(circle 40vmax at 50% 58%, rgba(59,130,246,.14), rgba(59,130,246,0));--panel: rgba(20, 18, 54, .62);--panel-solido: #15123a;--linea: rgba(150, 130, 255, .24);--texto: #eef0ff;--bruma: #a3a9d6;--violeta: #8b5cf6;--violeta-claro: #b79cff;--estrella: #ffd166;--halo: rgba(255, 209, 102, .2);--enlace: #9db8ff;--peligro: #ff9a9a;--titulos: "Bricolage Grotesque", system-ui, sans-serif;--cuerpo: "Figtree", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--texto);font-family:var(--cuerpo);font-size:1rem;line-height:1.5;background-color:var(--vacio);background-image:var(--brillo1),var(--brillo2),var(--brillo3),linear-gradient(180deg,var(--fondo-a),var(--fondo-b));background-attachment:fixed}h1,h2,h3{font-family:var(--titulos);margin:0;line-height:1.1}.bruma{color:var(--bruma)}.cielo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.cielo svg{position:absolute;top:0;right:0;bottom:0;left:0}.via-lactea{position:absolute;left:-20%;top:22%;width:140%;height:38vh;transform:rotate(-24deg);background:linear-gradient(180deg,transparent,rgba(190,180,255,.07) 38%,rgba(235,230,255,.1) 50%,rgba(190,180,255,.07) 62%,transparent);filter:blur(26px)}.parpadea{animation:parpadeo ease-in-out infinite}@keyframes parpadeo{50%{opacity:.12}}.estrella-fugaz{position:absolute;top:14%;left:78%;width:150px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff0,#fff);opacity:0;transform:rotate(145deg);animation:fugaz 18s ease-in infinite}@keyframes fugaz{0%,93%{opacity:0;transform:translate(0) rotate(145deg)}94%{opacity:1}to{opacity:0;transform:translate(-340px,230px) rotate(145deg)}}.capa{position:relative;z-index:1}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--estrella);outline-offset:2px}input,select,textarea{font:inherit;padding:.6rem .75rem;border:1px solid var(--linea);border-radius:10px;background:#ffffff0f;color:var(--texto);width:100%}input::placeholder,textarea::placeholder{color:var(--bruma)}textarea{resize:vertical;min-height:5rem}input[type=checkbox]{width:auto;accent-color:var(--violeta)}.primario{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;border:0;padding:.6rem 1.1rem;border-radius:10px;font-weight:700;text-decoration:none;box-shadow:0 6px 22px #7c3aed73}.primario.grande{padding:.85rem 1.4rem;font-size:1.05rem;border-radius:12px}.primario:hover:not(:disabled){box-shadow:0 8px 28px #8b5cf699}.primario:disabled{opacity:.55;cursor:default;box-shadow:none}.secundario{display:inline-flex;align-items:center;gap:.45rem;background:#ffffff0f;color:var(--texto);border:1px solid var(--linea);padding:.6rem 1rem;border-radius:10px;font-weight:500}.secundario:hover:not(:disabled){border-color:var(--violeta-claro)}.secundario:disabled{opacity:.5;cursor:default}.secundario.peligro{color:var(--peligro)}.enlace{background:none;border:0;padding:.25rem .4rem;color:var(--enlace);font-weight:500}.enlace.peligro{color:var(--peligro)}.enlace:hover{text-decoration:underline}.mensaje{color:var(--peligro);margin:.75rem 0}.vacio{color:var(--bruma);padding:2rem 0}.cargando{color:var(--bruma);padding:3rem 1.5rem}.auth{max-width:400px;margin:10vh auto;padding:2rem 1.75rem;background:var(--panel);border:1px solid var(--linea);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 60px #7c3aed2e}.auth h1{font-size:2.6rem;display:flex;align-items:center;gap:.6rem}.auth-sub{color:var(--bruma);margin:.5rem 0 1.5rem}.auth form{display:grid;gap:1rem}.auth label{display:grid;gap:.3rem;font-weight:500}.auth .enlace{margin-top:.75rem;padding-left:0}.modos-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.opcion-modo{display:grid;gap:.25rem;text-align:left;padding:.75rem .85rem;background:#ffffff0d;border:1px solid var(--linea);border-radius:12px;color:var(--texto)}.opcion-modo span{color:var(--bruma);font-size:.85rem;font-weight:400}.opcion-modo:hover{border-color:var(--violeta-claro)}.opcion-modo.sel{background:#7c3aed59;border-color:var(--violeta);box-shadow:0 0 16px #8b5cf659}.enlace.alineado{padding-left:0;text-align:left;justify-self:start}.barra-lista-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:flex-end}.ordenar{display:flex;align-items:center;gap:.5rem}.ordenar select{width:auto;padding:.5rem .6rem}.valoracion{display:inline-flex;gap:.1rem;margin-top:.15rem}.est{background:none;border:0;padding:.1rem;line-height:0}.est svg{width:1.2rem;height:1.2rem;fill:none;stroke:var(--bruma);stroke-width:1.5;stroke-linejoin:round}.est.llena svg{fill:var(--estrella);stroke:var(--estrella)}.est:hover svg{stroke:var(--estrella)}.normales .fila:after{content:none}.hecho-acciones{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.visor.importar{width:min(94vw,560px)}.previa-import{padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--linea);border-radius:12px}.previa-import p{margin:0 0 .3rem}.previa-import ul{margin:0;padding-left:1.1rem;color:var(--bruma)}.perfil{max-width:640px;margin:0 auto}.perfil h1{font-size:2.4rem;margin-bottom:1.25rem}.bloque-perfil{margin-bottom:1.25rem;padding:1.25rem 1.4rem;background:var(--panel);border:1px solid var(--linea);border-radius:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bloque-perfil h2{font-size:1.25rem;margin-bottom:.75rem}.dato{margin:0 0 .25rem;overflow-wrap:anywhere}.pequeno{font-size:.9rem;margin:.75rem 0 0}.metodos{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.metodos li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--linea)}.metodos li:last-child{border-bottom:0}.con-g{display:inline-flex;align-items:center;gap:.6rem}.estado{font-size:.85rem;padding:.15rem .7rem;border:1px solid var(--linea);border-radius:999px;color:var(--bruma)}.estado.ok{color:#9ff0c9;border-color:#6ee7b780;background:#6ee7b71a}.form-clave{display:grid;gap:.9rem}.exito{color:#9ff0c9;margin:.75rem 0 0}.google-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding:.7rem 1rem;background:#fff;color:#1f1f1f;border:0;border-radius:10px;font-weight:600}.google-btn:hover{background:#f1f1f4}.divisor-o{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0;color:var(--bruma);font-size:.9rem}.divisor-o:before,.divisor-o:after{content:"";flex:1;height:1px;background:var(--linea)}.auth-enlaces{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.75rem}.auth-enlaces .enlace{margin-top:0;padding-left:0}.enlace.grande{padding:.85rem .6rem;font-size:1.05rem}.aviso-invitado,.aviso-ok{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1.5rem;padding:.9rem 1.25rem;border-radius:14px}.aviso-invitado p,.aviso-ok p{margin:0;flex:1 1 18rem}.aviso-invitado{background:#ffd1661f;border:1px solid rgba(255,209,102,.5)}.aviso-ok{background:#6ee7b71a;border:1px solid rgba(110,231,183,.45)}.portada-publica{max-width:1240px;margin:0 auto;padding:2.5rem clamp(1rem,4vw,2rem) 4rem}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.insignia{display:inline-block;padding:.3rem .9rem;border:1px solid var(--violeta);background:#7c3aed38;border-radius:999px;font-size:.9rem;font-weight:600;color:#e4dcff}.hero h1{font-size:clamp(2.3rem,5vw,3.7rem);margin:1.1rem 0 1.25rem;line-height:1.05;text-wrap:balance}.resalte{color:var(--violeta-claro);background:linear-gradient(90deg,#b79cff,#6ee7f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{margin:0 0 1.75rem;max-width:38rem;font-size:1.15rem;color:var(--bruma)}.ventajas{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.ventajas li{display:grid;gap:.3rem;align-content:start;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--linea);border-radius:16px}.ventajas strong{font-family:var(--titulos);font-size:1.1rem}.ventajas span{color:var(--bruma);font-size:.95rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}.secundario.grande{padding:.85rem 1.4rem;font-size:1.05rem;border-radius:12px}.nota-pequena{margin:.9rem 0 0;color:var(--bruma);font-size:.9rem}.ejemplo{padding:1.25rem;background:var(--panel);border:2px solid var(--violeta);border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 60px #7c3aed59}.ejemplo-top{display:flex;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid var(--linea);color:var(--bruma);font-size:.9rem}.ejemplo-top span:first-child{font-family:var(--titulos);font-weight:700;color:var(--texto)}.ejemplo-titulo{display:grid;justify-items:center;gap:.5rem;margin:1.1rem 0 1.25rem}.ejemplo-titulo h2{font-size:1.6rem}.ejemplo .fila{--x: 2.05rem}.pasos{margin:0;padding:0;list-style:none;counter-reset:paso;display:grid;gap:.9rem}.pasos li{counter-increment:paso;position:relative;display:grid;gap:.15rem;padding-left:2.6rem}.pasos li:before{content:counter(paso);position:absolute;left:0;top:.1rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#7c3aed59;border:1px solid var(--violeta);font-weight:600;font-size:.9rem}.pasos span{color:var(--bruma)}.barra{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,3.5rem);background:#080a1e9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}.marca-btn{display:flex;align-items:center;gap:.8rem;background:none;border:0;color:var(--texto);padding:0}.logo-caja{display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:14px;background:#0c0a22e6;border:1px solid var(--violeta);box-shadow:0 0 18px #8b5cf680,inset 0 0 12px #8b5cf640}.marca-texto{font-family:var(--titulos);font-weight:700;font-size:1.8rem}.busqueda{display:flex;align-items:center;gap:.5rem;margin-left:auto;width:min(32rem,40vw);padding:0 .9rem;background:#ffffff0d;border:1px solid var(--linea);border-radius:12px;color:var(--violeta-claro)}.busqueda input{border:0;background:none;padding:.7rem 0}.busqueda input:focus-visible{outline:none}.busqueda:focus-within{outline:3px solid var(--estrella);outline-offset:2px}.barra-acciones{display:flex;align-items:center;gap:.6rem;margin-left:auto}.busqueda+.barra-acciones{margin-left:0}.btn-barra{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .95rem;background:#ffffff0d;border:1px solid var(--linea);border-radius:12px;color:var(--texto);font-weight:600}.btn-barra svg{color:var(--violeta-claro)}.btn-barra:hover{border-color:var(--violeta-claro)}.btn-barra.icono{padding:.6rem}.btn-barra.icono svg{color:var(--peligro)}.menu-wrap{position:relative}.popover{position:absolute;right:0;top:calc(100% + .5rem);z-index:6;min-width:13rem;display:grid;gap:.15rem;padding:.4rem;background:var(--panel-solido);border:1px solid var(--linea);border-radius:14px;box-shadow:0 16px 40px #00000080}.usuario-info{padding:.8rem 1rem;overflow-wrap:anywhere;max-width:18rem}.opcion-fondo{display:flex;align-items:center;gap:.7rem;padding:.5rem .6rem;background:none;border:1px solid transparent;border-radius:10px;color:var(--texto);text-align:left}.opcion-fondo:hover{background:#ffffff0f}.opcion-fondo.sel{border-color:var(--violeta);background:#7c3aed33}.muestra{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--linea);flex:none}.contenido{max-width:1240px;margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 4rem}.portada{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;padding:1.75rem 2.25rem;background:var(--panel);border:1px solid var(--linea);border-radius:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 60px #7c3aed1f}.portada h1{font-size:2.8rem;margin-bottom:.35rem}.portada p{margin:0;color:var(--bruma);font-size:1.1rem}.filtros{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.75rem 0}.filtro{padding:.5rem 1.1rem;background:#ffffff0a;border:1px solid var(--linea);border-radius:999px;color:var(--texto);font-weight:500}.filtro:hover{border-color:var(--violeta-claro)}.filtro.sel{background:#7c3aed66;border-color:var(--violeta);box-shadow:0 0 18px #8b5cf659}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}.tarjeta{display:grid;gap:.35rem;text-align:left;padding:1.6rem 1.75rem 1.2rem;background:var(--panel);border:1px solid var(--linea);border-radius:22px;color:var(--texto);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s,border-color .2s,box-shadow .2s}.tarjeta:hover{transform:translateY(-3px);border-color:var(--violeta);box-shadow:0 10px 36px #7c3aed4d}.tarjeta h3{font-size:1.8rem;text-transform:capitalize;overflow-wrap:anywhere}.tarjeta-tipo{color:var(--bruma)}.tarjeta-pie{display:flex;justify-content:space-between;align-items:center;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--linea);color:var(--bruma)}.ver{display:inline-flex;align-items:center;gap:.2rem;color:var(--violeta-claro);font-weight:600}.vista-lista{max-width:860px;margin:0 auto}.volver{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:1rem;padding:.3rem .6rem .3rem .3rem;background:none;border:0;color:var(--violeta-claro);font-weight:600}.volver:hover{text-decoration:underline}.cabecera-lista{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.cabecera-lista h2{font-size:2.4rem;margin-bottom:.5rem;text-transform:capitalize;overflow-wrap:anywhere}.chip{display:inline-block;font-size:.85rem;padding:.1rem .75rem;border:1px solid var(--violeta);background:#7c3aed2e;border-radius:999px;color:var(--texto)}.barra-lista{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.agregar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.agregar>input{flex:1 1 14rem;width:auto}.agregar-acciones{display:flex;gap:.5rem;align-items:stretch}.foto-elegida{display:flex;align-items:center;gap:.5rem;padding:.2rem .6rem .2rem .2rem;background:#ffffff0f;border:1px solid var(--linea);border-radius:10px;color:var(--texto)}.foto-elegida img{width:2.4rem;height:2.4rem;object-fit:cover;border-radius:6px}.filas{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.fila{--x: 4.4rem;position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:.65rem .75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fila.siguiente{padding-top:1rem;padding-bottom:1rem;border-color:var(--estrella);box-shadow:0 0 0 1px var(--estrella),0 0 32px var(--halo)}.fila.arrastrando{box-shadow:0 10px 28px #00000080;z-index:2}.fila:not(:last-child):after{content:"";position:absolute;left:var(--x);top:100%;width:2px;height:.6rem;background:var(--enlace);opacity:.5}.asa{width:1.6rem;background:none;border:0;color:var(--bruma);font-size:1.2rem;cursor:grab;touch-action:none;padding:.25rem 0}.nodo{display:grid;place-items:center;width:2.6rem;height:2.6rem;flex:none}.punto{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--panel-solido);border:1px solid var(--bruma);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.nodo.primero svg{width:2.6rem;height:2.6rem;filter:drop-shadow(0 0 6px rgba(255,209,102,.6))}.nodo.primero path{fill:var(--estrella)}.nodo.primero text{fill:var(--vacio);font-size:8px;font-weight:700;font-family:var(--cuerpo)}.miniatura{width:3.5rem;height:3.5rem;padding:0;border:1px solid var(--linea);border-radius:10px;overflow:hidden;background:#ffffff0f;flex:none}.siguiente .miniatura{width:4.5rem;height:4.5rem}.miniatura img{width:100%;height:100%;object-fit:cover;display:block}.foto-cargando{display:block;width:100%;height:100%}.texto{display:grid;flex:1 1 8rem;min-width:0}.texto strong{overflow-wrap:anywhere}.siguiente .texto strong{font-family:var(--titulos);font-size:1.5rem;line-height:1.15}.nota{color:var(--bruma);font-size:.9rem;overflow-wrap:anywhere}.etiqueta{background:var(--estrella);color:var(--vacio);font-size:.8rem;font-weight:700;padding:0 .45rem;border-radius:4px;width:fit-content;margin-bottom:.2rem}.acciones{display:flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.hechos{margin-top:2.5rem}.hechos h3{font-size:1.1rem;color:var(--bruma);margin-bottom:.5rem}.hechos ul{list-style:none;margin:0;padding:0}.hechos li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--linea);color:var(--bruma)}.hechos li span{text-decoration:line-through;overflow-wrap:anywhere}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#040612d1}.visor{width:min(92vw,640px);max-height:94vh;overflow:auto;display:grid;gap:.75rem;background:var(--panel-solido);border:1px solid var(--linea);border-radius:18px;padding:1.25rem;box-shadow:0 0 60px #7c3aed40}.visor img{width:100%;max-height:62vh;object-fit:contain;border-radius:10px;background:#000}.visor-titulo{margin:0;font-family:var(--titulos);font-size:1.3rem}.visor-acciones{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.visor h2{font-size:1.7rem}.visor.nueva{width:min(94vw,560px)}.campo{display:grid;gap:.35rem;border:0;margin:0;padding:0;font-weight:500}.campo legend{padding:0;margin-bottom:.35rem}.tipos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem}.opcion-tipo{padding:.6rem .5rem;background:#ffffff0d;border:1px solid var(--linea);border-radius:10px;color:var(--texto);font-weight:500}.opcion-tipo:hover{border-color:var(--violeta-claro)}.opcion-tipo.sel{background:#7c3aed66;border-color:var(--violeta);box-shadow:0 0 16px #8b5cf659}.visor.exportar{width:min(94vw,480px)}.vista-previa{display:grid;place-items:center;min-height:12rem}.visor.exportar .vista-previa img{width:auto;height:auto;max-width:100%;max-height:58vh;aspect-ratio:9 / 16;object-fit:contain;border-radius:12px;border:1px solid var(--linea)}.check{display:flex;align-items:center;gap:.5rem;color:var(--bruma)}@media (max-width: 900px){.hero,.ventajas{grid-template-columns:1fr}}@media (max-width: 760px){.modos-grid{grid-template-columns:1fr}.barra{flex-wrap:wrap;gap:.6rem}.busqueda{order:3;width:100%;margin-left:0}.barra-acciones{margin-left:auto}.etq{display:none}.marca-texto{font-size:1.5rem}.portada{padding:1.25rem}.portada h1{font-size:2.2rem}.cabecera-lista h2{font-size:1.9rem}.acciones{margin-left:0;width:100%;padding-left:5.7rem}}@media (prefers-reduced-motion: reduce){.parpadea,.estrella-fugaz{animation:none}.estrella-fugaz{display:none}*{transition:none!important}}
