:root{--tinta:#2f2a26;--tinta-suave:#6f6459;--papel:#faf6ef;--tarjeta:#fff;--borde:#e6ded2;--dorado:#c9a227;--peligro:#a8341f;--ok:#2f7d46;--radio:10px}*{box-sizing:border-box}body{background:var(--papel);color:var(--tinta);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.barra{background:var(--tarjeta);border-bottom:1px solid var(--borde);z-index:10;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.barra h1{margin:0;font-size:17px;font-weight:600}.barra nav{gap:4px;display:flex}.barra nav a{border-radius:var(--radio);color:var(--tinta-suave);padding:6px 12px;text-decoration:none}.barra nav a.activo{background:var(--papel);color:var(--tinta);font-weight:600}.barra .quien{color:var(--tinta-suave);align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}main{max-width:940px;margin:0 auto;padding:24px}.centrado{max-width:420px;margin:12vh auto;padding:24px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:12px;padding:16px}.fila{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fila>.crece{flex:1;min-width:180px}.campo{margin-bottom:12px;display:block}.campo>span{color:var(--tinta-suave);margin-bottom:4px;font-size:13px;display:block}input[type=text],input[type=email],input[type=number],select,textarea{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);width:100%;color:inherit;font:inherit;padding:8px 10px}textarea{resize:vertical;min-height:120px}.opcion{align-items:center;gap:6px;margin-right:16px;font-size:14px;display:inline-flex}button{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);color:inherit;font:inherit;cursor:pointer;padding:8px 14px}button:hover:not(:disabled){border-color:var(--tinta-suave)}button:disabled{opacity:.5;cursor:default}button.principal{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}button.peligro{color:var(--peligro);border-color:#e3c4bd}.aviso{border-radius:var(--radio);margin-bottom:12px;padding:10px 12px;font-size:14px}.aviso.error{color:var(--peligro);background:#fdf0ed}.aviso.ok{color:var(--ok);background:#eef7f0}.tenue{color:var(--tinta-suave);font-size:13px}.etiqueta{border:1px solid var(--borde);color:var(--tinta-suave);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.etiqueta.viva{border-color:var(--dorado);color:#8a6f12}audio{width:100%;margin-top:8px}.miniatura{object-fit:cover;border:1px solid var(--borde);background:var(--papel);border-radius:6px;width:64px;height:88px}.marca{color:inherit;font-size:17px;font-weight:600;text-decoration:none}.accesos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.acceso{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;padding:24px;font-size:18px;display:flex}.arrastrable{cursor:grab}.arrastrable.agarrada{opacity:.45}.agarre{color:var(--tinta-suave);cursor:grab;-webkit-user-select:none;user-select:none;font-size:18px}.volver{color:var(--tinta-suave);background:0 0;border:none;margin-bottom:12px;padding:4px 0;font-size:14px}.volver:hover{color:var(--tinta);text-decoration:underline}