@import url('../../assets/css/tool.css');

.pdf-app{max-width:980px;display:grid;gap:1.25rem}.pdf-app [hidden]{display:none!important}.privacidad{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border:1px solid color-mix(in srgb,var(--marca-secundaria) 45%,var(--borde));border-radius:var(--radio-pequeno);background:color-mix(in srgb,var(--marca-secundaria) 9%,var(--superficie));color:var(--texto-suave)}.privacidad span{display:grid;flex:0 0 1.6rem;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--marca-secundaria);color:#09271d;font-weight:800}.privacidad p{margin:0}.privacidad strong{color:var(--texto)}
.zona-carga{display:grid;place-items:center;gap:.55rem;min-height:255px;padding:2.5rem 1rem;border:2px dashed var(--borde);border-radius:var(--radio);background:var(--superficie);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s}.zona-carga:hover,.zona-carga.arrastrando{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 7%,var(--superficie));transform:translateY(-1px)}.zona-carga:focus-visible{outline:3px solid color-mix(in srgb,var(--acento) 40%,transparent);outline-offset:3px}.zona-carga h2,.zona-carga p{margin:0}.zona-carga p,.zona-carga small{color:var(--texto-suave)}.icono-carga{display:grid;place-items:center;width:58px;height:66px;border:1px solid color-mix(in srgb,var(--acento) 35%,var(--borde));border-radius:10px;background:color-mix(in srgb,var(--acento) 12%,var(--tarjeta));color:var(--acento);font-size:.72rem;font-weight:900}.archivo-oculto{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.espacio-trabajo{display:grid;gap:1rem}.barra-archivo{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--borde)}.resumen-archivo{display:flex;align-items:center;gap:.7rem;min-width:0}.resumen-archivo>span:last-child{min-width:0;display:grid}.resumen-archivo strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resumen-archivo small{color:var(--texto-suave)}.icono-archivo{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--acento) 14%,var(--superficie));color:var(--acento);font-size:.68rem;font-weight:900}
.opciones-pdf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.opciones-pdf:empty{display:none}.opciones-pdf .campo{max-width:540px}.opciones-pdf small{color:var(--texto-suave);font-weight:400}.selector-formato{display:flex;gap:.5rem}.selector-formato label{cursor:pointer}.selector-formato input{position:absolute;opacity:0}.selector-formato span{display:block;padding:.65rem 1rem;border:1px solid var(--borde);border-radius:9px;background:var(--superficie);font-weight:750}.selector-formato input:checked+span{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,var(--superficie));color:var(--acento)}
.lista-elementos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem}.lista-elementos.lista-archivos{grid-template-columns:1fr}.elemento{position:relative;display:grid;gap:.6rem;padding:.7rem;border:1px solid var(--borde);border-radius:12px;background:var(--superficie);transition:border-color .15s,opacity .15s,transform .15s}.elemento:hover{border-color:var(--texto-suave)}.elemento.arrastrado{opacity:.4}.elemento.destino{border-color:var(--acento);transform:translateY(-2px)}.elemento.seleccionado{border-color:#e45b5b;background:color-mix(in srgb,#e45b5b 8%,var(--superficie))}.elemento[draggable="true"]{cursor:grab}.miniatura{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:7px;background:#fff;color:#252530}.miniatura img,.miniatura canvas{display:block;width:100%;height:100%;object-fit:contain}.miniatura-cargando{color:#555;font-size:.78rem}.datos-elemento{min-width:0;display:grid;gap:.18rem}.datos-elemento strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.datos-elemento small{color:var(--texto-suave)}.orden-elemento{position:absolute;left:.45rem;top:.45rem;z-index:2;display:grid;place-items:center;min-width:26px;height:26px;padding:0 .35rem;border-radius:99px;background:#171722dd;color:#fff;font-size:.72rem;font-weight:800}.controles-elemento{display:flex;gap:.35rem}.control-elemento{min-height:34px;flex:1;border:1px solid var(--borde);border-radius:8px;background:var(--tarjeta);color:var(--texto);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.control-elemento:hover{border-color:var(--acento)}.control-elemento.peligro{color:#e45b5b}
.acciones-pdf{display:flex;flex-wrap:wrap;gap:.65rem}.acciones-pdf .boton:disabled,.acciones-pdf .boton-secundario:disabled{opacity:.5;cursor:not-allowed;transform:none}.estado{min-height:1.5rem;color:var(--texto-suave);font-size:.9rem}.estado[data-tipo="error"]{color:#ff7474}.estado[data-tipo="exito"]{color:var(--marca-secundaria)}.pdf-app.ocupado{pointer-events:none}.pdf-app.ocupado .estado::before{content:'';display:inline-block;width:.85rem;height:.85rem;margin-right:.5rem;border:2px solid var(--borde);border-top-color:var(--acento);border-radius:50%;vertical-align:-.12rem;animation:girar .75s linear infinite}
.resultados{display:grid;gap:.65rem;padding-top:1rem;border-top:1px solid var(--borde)}.resultados h2{font-size:1.15rem}.resultado-archivo{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid var(--borde);border-radius:10px;background:var(--superficie)}.resultado-archivo span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resultado-archivo .boton-secundario{flex:0 0 auto;padding:.55rem .75rem}
.contenido-pdf{max-width:980px;margin-top:2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:1rem}.contenido-pdf section{padding:1.4rem}.contenido-pdf h2{margin-bottom:.8rem;font-size:1.3rem}.contenido-pdf p,.contenido-pdf li{color:var(--texto-suave)}.contenido-pdf ol{padding-left:1.25rem;display:grid;gap:.55rem}.enlaces-pdf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.enlaces-pdf a{padding:.65rem;border:1px solid var(--borde);border-radius:9px;background:var(--superficie);font-size:.86rem;font-weight:700}.enlaces-pdf a:hover{border-color:var(--acento);color:var(--acento)}
@keyframes girar{to{transform:rotate(360deg)}}
@media(max-width:700px){.pdf-app{margin-inline:-12px;border-radius:0;padding:16px}.zona-carga{min-height:230px;padding:2rem .8rem}.barra-archivo{align-items:stretch;flex-direction:column}.barra-archivo .boton-secundario{width:100%}.opciones-pdf{grid-template-columns:1fr}.lista-elementos{grid-template-columns:repeat(2,minmax(0,1fr))}.acciones-pdf>*{width:100%}.contenido-pdf{grid-template-columns:1fr}.enlaces-pdf{grid-template-columns:1fr}.resultado-archivo{align-items:stretch;flex-direction:column}.resultado-archivo .boton-secundario{width:100%}}
@media(max-width:390px){.lista-elementos{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.zona-carga,.elemento{transition:none}}