.a4-agentes-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:30px clamp(19px,3vw,46px);align-items:start}.a4-agentes-layout>*{min-width:0}.a4-agentes-aside{position:-webkit-sticky;position:sticky;top:100px}.a4-agentes-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}.a4-agentes-bar .a4-input{flex:1 1 220px;width:auto}.a4-agentes-group{margin-top:clamp(32px,4vw,56px)}.a4-agentes-group:first-of-type{margin-top:24px}.a4-agentes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:18px}.a4-agentes-grid>*{min-width:0}.a4-agentes-empty{padding:40px 0;border-top:1px solid var(--a4-ash)}.a4-agentes-card{display:grid;gap:16px;align-content:start;padding:22px;border:1px solid var(--a4-ink);background-color:var(--a4-paper);background-image:linear-gradient(var(--a4-canvas) 1px,transparent 1px),linear-gradient(90deg,var(--a4-canvas) 1px,transparent 1px);background-size:24px 24px}.a4-agentes-card.is-piloto{border-style:dashed}.a4-agentes-card-top{display:flex;justify-content:space-between;gap:10px}.a4-agentes-card-id{display:flex;gap:14px;align-items:center;min-width:0}.a4-agentes-card-id>div{min-width:0}.a4-agentes-ident{width:72px;flex:0 0 72px}.a4-agentes-name{margin:0;overflow-wrap:anywhere}.a4-agentes-card p{margin:0}.a4-agentes-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.a4-agentes-status{display:inline-block;font-family:var(--a4-mono);font-size:12px;letter-spacing:.02em;border:1px solid var(--a4-ink);padding:2px 8px;background:var(--a4-paper)}.a4-agentes-status.interno{background:var(--a4-ink);color:var(--a4-canvas)}.a4-agentes-status.piloto{border-style:dashed}.a4-agentes-filters{display:grid;gap:22px}.a4-agentes-filters details>summary{cursor:pointer;list-style:none;min-height:32px;display:flex;align-items:center}.a4-agentes-filters details>summary::-webkit-details-marker{display:none}.a4-agentes-opts{display:grid;gap:0;border-top:1px solid var(--a4-ash);margin-top:6px}.a4-agentes-opt{display:flex;gap:10px;align-items:center;min-height:44px;padding:4px 0;background:none;border:0;border-bottom:1px solid var(--a4-ash);cursor:pointer;text-align:left;font:400 15px/1.3 var(--a4-font);color:var(--a4-ink);width:100%}.a4-agentes-opt .box{width:14px;height:14px;flex:0 0 14px;border:1px solid var(--a4-ink);background:var(--a4-paper)}.a4-agentes-opt[aria-pressed=true] .box{background:var(--a4-ink)}.a4-agentes-opt .l{flex:1;min-width:0}.a4-agentes-toolgrid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.a4-agentes-toolbtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--a4-ink);background:var(--a4-paper);color:var(--a4-ink);cursor:pointer;padding:0}.a4-agentes-toolbtn[aria-pressed=true]{background:var(--a4-ink);color:var(--a4-canvas)}.a4-agentes-opt:focus-visible,.a4-agentes-toolbtn:focus-visible,.a4-agentes-filters summary:focus-visible{outline:2px solid var(--a4-ink);outline-offset:3px}.a4-agentes-tools{display:grid;gap:6px}.a4-agentes-tools-row{display:flex;gap:6px;flex-wrap:wrap}.a4-agentes-tool{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--a4-ink);background:var(--a4-paper);color:var(--a4-ink)}.a4-agentes-pips{display:inline-flex;gap:4px}.a4-agentes-pips i{width:14px;height:14px;border:1px solid var(--a4-ink);background:var(--a4-paper);display:block}.a4-agentes-pips i.on{background:var(--a4-ink)}.a4-agentes-level{display:flex;align-items:center;gap:10px;margin:0}.a4-niveles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--a4-ash);margin-top:24px}.a4-nivel{display:grid;gap:10px;align-content:start;padding:20px 20px 24px 0}.a4-nivel+.a4-nivel{padding-left:20px;border-left:1px solid var(--a4-ash)}.a4-nivel p{margin:0}.a4-flip{perspective:1400px;min-width:0;display:grid}.a4-flip-inner{display:grid;grid-template-rows:minmax(0,1fr);transform-style:preserve-3d;transition:transform .45s ease}.a4-flip.is-flipped .a4-flip-inner{transform:rotateY(180deg)}.a4-face{grid-area:1 / 1;display:grid;gap:16px;align-content:start;padding:22px;min-width:0;border:1px solid var(--a4-ink);background-color:var(--a4-paper);background-image:linear-gradient(var(--a4-canvas) 1px,transparent 1px),linear-gradient(90deg,var(--a4-canvas) 1px,transparent 1px);background-size:24px 24px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.a4-flip.is-piloto .a4-face{border-style:dashed}.a4-face p{margin:0}.a4-face-back{transform:rotateY(180deg);visibility:hidden;transition:visibility 0s .22s}.a4-flip.is-flipped .a4-face-back{visibility:visible;transition-delay:0s}.a4-flip.is-flipped .a4-face-front{visibility:hidden;transition:visibility 0s .22s}.a4-ficha{display:grid;gap:12px;margin:0}.a4-ficha>div{display:grid;gap:2px}.a4-ficha dt{color:#55554f}.a4-ficha dd{margin:0;font-size:15px;line-height:1.4}@media (max-width: 900px){.a4-agentes-layout,.a4-agentes-confirm,.a4-niveles{grid-template-columns:minmax(0,1fr)}.a4-nivel,.a4-nivel+.a4-nivel{padding:18px 0;border-left:0;border-bottom:1px solid var(--a4-ash)}.a4-agentes-aside{position:static}.a4-agentes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.a4-agentes-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.a4-flip-inner,.a4-face-back,.a4-flip.is-flipped .a4-face-front{transition:none}}.a4-photo{aspect-ratio:auto;height:236px;padding:12px 12px 0}.a4-photo svg{height:100%;width:auto;max-width:100%}.a4-face-back{border-top:10px solid var(--agent, var(--a4-ink))}.a4-agentes-name-link{color:inherit;text-decoration:none}.a4-agentes-name-link:hover,.a4-agentes-name-link:focus-visible{text-decoration:underline;text-underline-offset:5px}
