.archivo-acciones{display:flex;align-items:stretch;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.archivo-acciones #volver-categoria{margin-bottom:0}
.archivo-acciones .pixel-button{flex:1 1 145px;min-height:46px;font-size:12px;text-align:center}
.aporte-naranja.pixel-button{background:#fc6020;color:#171717}
.aporte-naranja.pixel-button:hover{background:#e9571b;color:#171717}
.archivo-acciones svg,.aporte-dialog svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}
.archivo-marcas{margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid #b9b3a8}
.archivo-marcas__acciones{display:flex;gap:16px;flex-wrap:wrap}
.archivo-marcas__ayuda{font:400 14px/1.5 Archivo,sans-serif;margin:18px 0 0}
#mesa-escena.marcando{cursor:crosshair}
.aporte-dialog{width:min(600px,calc(100vw - 40px));max-height:calc(100svh - 48px);padding:40px;border:0;background:#faf7ef;color:#222;box-shadow:12px 20px 55px #0005;overflow:auto}
.aporte-dialog::backdrop{background:#17171799;backdrop-filter:blur(4px)}
.aporte-dialog .aporte-cerrar{position:absolute;right:16px;top:16px;width:36px;height:36px;min-height:36px;padding:6px;box-shadow:none}
.aporte-dialog h2{font:500 clamp(26px,3vw,34px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.025em;max-width:90%;margin:12px 0 16px}
.aporte-intro{font:400 16px/1.55 Archivo,sans-serif;margin:0 0 28px;max-width:48ch}
.aporte-form{display:grid;gap:20px}
.aporte-campo{display:grid;gap:8px;font:500 14px/1.4 Archivo,sans-serif}
.aporte-campo input,.aporte-campo textarea{font:400 16px/1.5 Archivo,sans-serif;width:100%;min-width:0;border:1px solid #827a70;background:#fff;color:#222;border-radius:0;padding:10px 12px}
.aporte-campo input::placeholder,.aporte-campo textarea::placeholder{color:#666}
.aporte-campo textarea{resize:vertical;min-height:95px}
.aporte-campo input:focus-visible,.aporte-campo textarea:focus-visible{outline:2px solid #743daf;outline-offset:3px}
.aporte-campo input[type=file]{font-size:14px;padding:9px}
.aporte-campo input::file-selector-button{border:0;border-radius:0;background:#222;color:#fff;padding:10px 14px;font:inherit;cursor:pointer;margin-right:12px}
.aporte-preview{display:block;width:100%;max-height:220px;object-fit:contain;background:#e7e0d4}
.aporte-contexto{font:400 13px/1.5 Archivo,sans-serif;color:#625e55;margin:0}
.aporte-pasos{display:flex;justify-content:space-between;gap:20px;margin-top:10px}
.aporte-form>.pixel-button{justify-self:end;min-width:135px}
.aporte-error{color:#a42b17;font:400 14px/1.5 Archivo,sans-serif;margin:0}
.aporte-error:empty{display:none}
.archivo-comentarios{position:absolute;inset:0;pointer-events:none;z-index:23;overflow:hidden}
.archivo-pin{position:absolute;left:0;top:0;width:0;height:0;pointer-events:auto}
.archivo-pin__avatar{display:block;transform:translate(-50%,-100%);width:38px;height:38px;border:3px solid #fc6020;padding:0;background:#faf7ef;box-shadow:3px 5px 8px #0003}
.archivo-pin__avatar canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.archivo-pin__globo{position:absolute;bottom:44px;left:-19px;width:240px;max-width:calc(100vw - 50px);padding:15px;background:#faf7ef;box-shadow:4px 8px 18px #0003;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .28s cubic-bezier(.16,1,.3,1),visibility .2s;overflow-wrap:anywhere}
.archivo-pin__globo strong{font:500 12px/1.4 'Space Grotesk',sans-serif;color:#625e55}
.archivo-pin__globo p{font:400 14px/1.5 Archivo,sans-serif;margin:8px 0 0}
.archivo-pin.leyendo{z-index:2}.archivo-pin.leyendo .archivo-pin__globo{opacity:1;visibility:visible;transform:none}
@media(max-width:700px){.aporte-dialog{padding:28px 22px;width:calc(100vw - 28px);max-height:calc(100svh - 28px)}.archivo-acciones{gap:12px;margin-bottom:22px}.archivo-acciones .pixel-button{flex-basis:135px;padding-inline:10px}.archivo-pin__globo{width:200px}.archivo-marcas{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.archivo-pin__globo{transition:none}}
/* Text annotations share the editorial columns; the document keeps its place. */
.categoria-etiqueta{flex-direction:column;gap:5px;white-space:normal;width:var(--button-width,150px)}
.categoria-subtitulo{display:block;font:400 11px/1.35 Archivo,sans-serif;color:#faf7ef;max-width:25ch;text-align:center;letter-spacing:0}
.categoria-etiqueta.seleccionada .categoria-subtitulo{max-width:44ch;font-size:12px}
.aporte-gracias{position:absolute;z-index:21;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);margin:0;text-align:center;pointer-events:none;color:#faf7ef;background:#222;padding:10px 15px;font:500 clamp(14px,1.4vw,20px)/1.35 'Space Grotesk',sans-serif;box-shadow:3px 6px 12px #16110c26}
@media(max-width:700px){.categoria-subtitulo{font-size:9px}.categoria-etiqueta.seleccionada{max-width:68%}.categoria-etiqueta.seleccionada .categoria-subtitulo{font-size:10px}.aporte-gracias{top:calc(47% - 32px)!important;font-size:13px;padding:7px 10px}#archivo-experiencia:has(.aporte-gracias:not([hidden])) #inspector-controles{transform:translate(-50%,-22px)}}
#detalle{width:calc(var(--site-margin) + 3 * var(--site-column) + 2 * var(--site-gutter));transition:width .4s cubic-bezier(.16,1,.3,1);padding-right:var(--site-margin)}
#detalle.comentarios-abiertos{width:calc(var(--site-margin) + 4 * var(--site-column) + 3 * var(--site-gutter))}
#detalle .detalle-contenido{max-width:none}
.archivo-aportante{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 5px;font:400 13px/1.4 Archivo,sans-serif}
.archivo-aportante canvas{width:30px;height:30px;image-rendering:pixelated}
.archivo-aportante strong{font-weight:500}
.archivo-social-nota{font:400 11px/1.5 Archivo,sans-serif;color:#625e55;margin:0 0 20px}
.texto-comentable{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:14px;align-items:start}
.texto-comentable>p{min-width:0}
.texto-avatares{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.texto-avatar{width:38px;height:38px;padding:3px;border:1px solid #c6bbae;background:#faf7ef;box-shadow:2px 4px 7px #16110c20;transition:transform .2s,border-color .2s}
.texto-avatar canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.texto-avatar:hover,.texto-avatar[aria-expanded=true]{border-color:#fc6020;transform:translateY(-2px)}
.texto-subrayado{color:inherit;background:transparent;text-decoration:underline;text-decoration-color:#fc6020;text-decoration-thickness:2px;text-underline-offset:4px;transition:background .2s}
.texto-subrayado.activo{background:#fc60204d;text-decoration-thickness:3px}
.texto-comentable ::selection{background:#fc602055;color:#222}
.seleccion-comentar{position:fixed;z-index:150;min-height:44px;font-size:13px;box-shadow:4px 7px 14px #0003}
.archivo-hilo{background:#eee6d7;border:1px solid #c8bcaa;margin:18px 0 24px;padding:20px;animation:hilo-entrada .3s cubic-bezier(.16,1,.3,1)}
.archivo-hilo__cabecera{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.archivo-hilo__autor{display:flex;align-items:center;gap:10px;font:500 13px/1.4 'Space Grotesk',sans-serif}
.archivo-hilo__autor canvas{width:32px;height:32px;image-rendering:pixelated}
.hilo-cerrar{width:36px;min-height:36px;padding:5px;font-size:23px;box-shadow:none}
.archivo-hilo blockquote,.comentario-cita{margin:0 0 14px;font:400 14px/1.5 Archivo,sans-serif;color:#514a41;padding:0;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#fc6020;text-underline-offset:4px}
.archivo-hilo__texto{font:400 16px/1.55 Archivo,sans-serif;margin:0;overflow-wrap:anywhere}
.aporte-elegir{min-height:70px;background:#e7e0d4;color:#222;border:1px dashed #827a70;box-shadow:none}
.aporte-elegir:hover{background:#743daf!important;color:white!important}
.aporte-pasos,.aporte-form>.pixel-button{position:sticky;bottom:0;z-index:1}
@keyframes hilo-entrada{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:701px){#detalle{padding-right:var(--site-margin);padding-left:24px}}
@media(max-width:700px){#detalle,#detalle.comentarios-abiertos{width:100%;padding-inline:var(--site-margin)}.texto-comentable{grid-template-columns:minmax(0,1fr) 34px;gap:10px}.texto-avatar{width:34px;height:38px}.archivo-hilo{padding:16px}.archivo-hilo__autor{font-size:12px}}
@media(prefers-reduced-motion:reduce){#detalle,.texto-avatar,.texto-subrayado{transition:none}.archivo-hilo{animation:none}}