/* ZERO ART · Menú de acceso (cliente, trabajador, exportador). Coherente con la cabecera: líneas finas, esquinas rectas, mono + serif. */
:root{--za-a-paper:#f1f0e9;--za-a-card:#fbfaf6;--za-a-ink:#24211f;--za-a-muted:#5f5a55;--za-a-line:#24211f1f;--za-a-wine:#462235;--za-a-violet:#6552df;--za-a-citron:#e5ed9f;--za-a-ease:cubic-bezier(.16,1,.3,1)}

/* ---- botón de la cabecera: icono de persona ---- */
.za-acc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.za-acc-btn .za-acc-person{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--za-a-ease)}
.za-acc-btn .za-acc-chev{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--za-a-ease)}
.za-acc-btn[aria-expanded=true] .za-acc-chev{transform:rotate(180deg)}
.za-acc-btn[aria-expanded=true] .za-acc-person,.za-acc-btn:hover .za-acc-person{transform:translateY(-1px) scale(1.08)}
.za-acc-btn .za-acc-head{transform-origin:12px 8px}
.za-acc-btn:hover .za-acc-head{animation:za-acc-nod .7s var(--za-a-ease)}
@keyframes za-acc-nod{40%{transform:rotate(-10deg)}75%{transform:rotate(6deg)}}
.p-head .za-acc-btn[aria-expanded=true]{background:var(--za-a-ink);color:var(--za-a-paper)}
.site-header .header-client-link.za-acc-btn{gap:7px;border:1px solid currentColor;padding:9px 13px;border-bottom:1px solid currentColor;color:var(--za-a-ink);transition:background .2s,color .2s}
.site-header .header-client-link.za-acc-btn:hover,.site-header .header-client-link.za-acc-btn[aria-expanded=true]{background:var(--za-a-ink);color:var(--za-a-paper)}
@media(max-width:720px){
 .za-acc-btn .za-acc-l,.za-acc-btn .za-acc-chev{display:none}
 .p-head .za-acc-btn{width:40px;height:40px;min-height:40px;min-width:40px;padding:0!important;gap:0}
 .site-header .header-client-link.za-acc-btn{width:44px;height:44px;padding:0!important;gap:0}
 .za-acc-btn .za-acc-person{width:20px;height:20px}
}

/* ---- panel ---- */
.za-acc{position:fixed;z-index:2147482000;top:var(--za-acc-top,72px);right:var(--za-acc-right,20px);width:min(380px,calc(100vw - 24px));color:var(--za-a-ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;pointer-events:none;visibility:hidden}
.za-acc.is-open{pointer-events:auto;visibility:visible}
.za-acc-card{position:relative;background:var(--za-a-card);border:1px solid var(--za-a-ink);box-shadow:0 30px 70px -35px #24211f80,8px 8px 0 -1px var(--za-a-citron),8px 8px 0 0 var(--za-a-ink);transform-origin:calc(100% - 40px) 0;opacity:0;transform:translateY(-8px) scale(.97);clip-path:inset(0 0 100% 0);transition:opacity .25s,transform .45s var(--za-a-ease),clip-path .5s var(--za-a-ease)}
.za-acc.is-open .za-acc-card{opacity:1;transform:none;clip-path:inset(-20px -20px -20px -20px)}
.za-acc-card::before{content:'';position:absolute;top:-7px;right:var(--za-acc-tip,34px);width:12px;height:12px;background:var(--za-a-card);border-left:1px solid var(--za-a-ink);border-top:1px solid var(--za-a-ink);transform:rotate(45deg)}
.za-acc-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 20px 10px}
.za-acc-eyebrow{font:500 11px/1.2 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--za-a-muted)}
.za-acc-title{margin:4px 0 0;font:600 22px/1.1 'DM Sans',system-ui,sans-serif;letter-spacing:-.02em}
.za-acc-title em{font:italic 400 1.15em/1 'Instrument Serif',Georgia,serif;color:var(--za-a-wine);letter-spacing:0}
.za-acc-list{position:relative;list-style:none;margin:0;padding:6px 8px 8px}
.za-acc-spot{position:absolute;left:8px;right:8px;top:0;height:0;background:var(--za-a-ink);opacity:0;transition:transform .42s var(--za-a-ease),height .42s var(--za-a-ease),opacity .2s;pointer-events:none;z-index:0}
.za-acc-list li{position:relative;z-index:1;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s var(--za-a-ease)}
.za-acc.is-open .za-acc-list li{opacity:1;transform:none;transition-delay:calc(.06s + var(--i)*.055s)}
.za-acc-opt{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:14px;padding:14px 12px;color:inherit;text-decoration:none;outline:none;transition:color .3s var(--za-a-ease)}
.za-acc-opt.is-hot{color:var(--za-a-paper)}
.za-acc-mark{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;transition:background .3s,border-color .3s,color .3s,transform .45s var(--za-a-ease)}
.za-acc-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.za-acc-opt.is-hot .za-acc-mark{background:var(--c);border-color:var(--c);color:var(--on,#fff);transform:rotate(-4deg) scale(1.04)}
.za-acc-txt{display:grid;gap:2px;min-width:0}
.za-acc-txt b{font-size:17px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.za-acc-txt small{font-size:13.5px;line-height:1.35;color:var(--za-a-muted);transition:color .3s}
.za-acc-opt.is-hot small{color:#f1f0e9b8}
.za-acc-last{font:500 10px/1 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;background:var(--za-a-citron);color:var(--za-a-ink)}
.za-acc-go{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:translate(-6px,6px);opacity:.35;transition:transform .45s var(--za-a-ease),opacity .3s}
.za-acc-opt.is-hot .za-acc-go{transform:none;opacity:1}
.za-acc-foot{display:flex;align-items:center;gap:8px;margin:0;padding:12px 20px 16px;border-top:1px solid var(--za-a-line);font-size:12.5px;color:var(--za-a-muted)}
.za-acc-foot svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.za-acc-shade{position:fixed;inset:0;z-index:2147481999;background:#24211f00;transition:background .3s;pointer-events:none}
.za-acc-handle{display:none}

/* ---- móvil: hoja desde abajo, grande y táctil ---- */
@media(max-width:720px){
 .za-acc{top:auto!important;right:0!important;left:0;bottom:0;width:100%}
 .za-acc-card{border:0;border-top:1px solid var(--za-a-ink);box-shadow:0 -30px 80px -30px #24211f99;padding-bottom:max(10px,env(safe-area-inset-bottom));transform:translateY(100%);clip-path:none;opacity:1;transition:transform .5s var(--za-a-ease)}
 .za-acc.is-open .za-acc-card{transform:translateY(var(--drag,0px));clip-path:none}
 .za-acc.is-dragging .za-acc-card{transition:none}
 .za-acc-card::before{display:none}
 .za-acc-handle{display:block;width:44px;height:4px;margin:10px auto 0;background:#24211f33;border-radius:2px}
 .za-acc-top{padding:14px 20px 6px}
 .za-acc-title{font-size:26px}
 .za-acc-list{padding:4px 10px 4px}
 .za-acc-spot{left:10px;right:10px}
 .za-acc-opt{grid-template-columns:54px 1fr 24px;padding:16px 12px}
 .za-acc-mark{width:54px;height:54px}
 .za-acc-txt b{font-size:18px}
 .za-acc-shade.is-open{pointer-events:auto;background:#24211f66;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
 .za-acc-close{display:grid}
}
.za-acc-close{display:none;place-items:center;width:40px;height:40px;margin:-6px -8px 0 0;border:1px solid var(--za-a-line);background:none;color:inherit;cursor:pointer}
.za-acc-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html.za-acc-lock{overflow:hidden}
.za-acc-opt:focus-visible{outline:2px solid var(--za-a-violet);outline-offset:-2px}

/* flechas e iconos de la web: siempre dibujados, nunca emoji */
.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 1em;vertical-align:-.12em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
a:hover>.ui-icon[data-ui-icon=up-right],button:hover>.ui-icon[data-ui-icon=up-right]{transform:translate(2px,-2px);transition:transform .35s var(--za-a-ease)}
.ui-icon[data-ui-icon=up-right]{transition:transform .35s var(--za-a-ease)}

@media(prefers-reduced-motion:reduce){.za-acc *,.za-acc-card,.za-acc-shade{transition:none!important;animation:none!important}}
/* Enlace a la demo */
.za-acc-demo{display:flex;align-items:center;gap:12px;margin:2px 10px 10px;padding:12px 14px;border-radius:0;background:linear-gradient(120deg,#6552df14,#e5ed9f40);color:inherit;text-decoration:none;box-shadow:inset 0 0 0 1px #6552df26;transition:transform .35s var(--za-a-ease),box-shadow .25s,background .25s;outline:none}
.za-acc-demo span:not(.za-acc-demo-dot){display:grid;gap:2px;flex:1;min-width:0}
.za-acc-demo b{font-size:14px;font-weight:650;letter-spacing:-.01em}
.za-acc-demo small{font-size:12px;color:var(--za-a-muted);line-height:1.35}
.za-acc-demo>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--za-a-ease)}
.za-acc-demo-dot{width:10px;height:10px;flex:none;border-radius:50%;background:#6552df;box-shadow:0 0 0 4px #6552df22;animation:za-acc-pulse 2.4s infinite}
.za-acc.is-open .za-acc-demo:hover,.za-acc.is-open .za-acc-demo.is-hot,.za-acc.is-open .za-acc-demo:focus-visible{box-shadow:inset 0 0 0 1.5px #6552df66;transform:translateY(-1px)}
.za-acc-demo:hover>svg,.za-acc-demo.is-hot>svg{transform:translateX(3px)}
.za-acc-demo:focus-visible{box-shadow:inset 0 0 0 2px #6552df}
.za-acc .za-acc-demo{opacity:0;transform:translateY(8px)}
.za-acc.is-open .za-acc-demo{opacity:1;transform:none;transition:opacity .35s .3s,transform .5s .3s var(--za-a-ease),box-shadow .25s}
@keyframes za-acc-pulse{0%,100%{box-shadow:0 0 0 4px #6552df22}50%{box-shadow:0 0 0 7px #6552df10}}
@media(prefers-reduced-motion:reduce){.za-acc-demo,.za-acc-demo-dot{animation:none;transition:none}}