/* CobraYa v2 — visor de la guía del usuario secundario de SUNAT (devPlan_34, S9) */
.gd-noscroll { overflow: hidden; }
.gd-modal { --g: #8DC63F; --g7: #5E8F20; --g1: #E4F2CF; --g0: #F3F9EA; --ink: #2B2E33; --mut: #6B7280; --line: #E6E9EE; --blue: #2F6FEB; --blue0: #EAF1FE;
    position: fixed; inset: 0; z-index: 85; background: rgba(20, 24, 30, .55); backdrop-filter: blur(3px); display: grid; place-items: center; padding: 16px; font-family: 'Poppins', system-ui, sans-serif; color: var(--ink); }
.gd-modal[hidden] { display: none; }
.gd-in { position: relative; width: min(1080px, 100%); max-height: 100%; overflow: auto; background: #fff; border-radius: 22px; box-shadow: 0 24px 64px rgba(16, 24, 40, .22); padding: 26px 30px; }
.gd-in h3 { font-size: 21px; font-weight: 700; margin: 0 44px 0 0; }
.gd-sub { color: var(--mut); font-size: 12.5px; margin-top: 3px; }
.gd-x { position: absolute; top: 18px; right: 18px; width: 36px; height: 36px; border-radius: 10px; border: 0; display: grid; place-items: center; color: var(--mut); font-size: 22px; background: #F2F4F7; cursor: pointer; }
.gd-x-dark { position: static; background: rgba(255,255,255,.12); color: #fff; }
.gd-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; margin-top: 18px; }
.gd-perm { background: #F6F7F9; border-radius: 16px; padding: 18px; font-size: 12.5px; display: flex; flex-direction: column; gap: 10px; line-height: 1.45; align-self: start; }
.gd-perm-t { font-size: 13.5px; }
.gd-muted { color: var(--mut); }
.gd-sep { border-top: 1px solid #E3E6EA; padding-top: 9px; }
.gd-checks { list-style: none; margin: 6px 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.gd-checks li { position: relative; padding-left: 26px; }
.gd-checks li::before { content: '✓'; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 5px; background: var(--g); color: #1E2A0E; font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.gd-main { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.gd-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.gd-spacer { flex: 1; }
.gd-badge { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 99px; font-size: 11.5px; font-weight: 600; background: var(--g1); color: var(--g7); white-space: nowrap; }
.gd-dots { display: flex; gap: 6px; align-items: center; }
.gd-dots span { width: 8px; height: 8px; border-radius: 99px; background: #D6DAE0; transition: width .2s; }
.gd-dots span.on { width: 24px; background: var(--g); }
.gd-dots span.done { background: #B6E07A; }
.gd-step { display: flex; flex-direction: column; gap: 12px; }
.gd-step[hidden] { display: none; }
.gd-title { font-size: 17px; font-weight: 700; }
.gd-text { font-size: 12.5px; color: var(--mut); line-height: 1.55; margin-top: -8px; }
.gd-shot { border-radius: 14px; border: 1px solid var(--line); overflow: hidden; background: #fff; }
.gd-sbar { background: #0B4F8A; color: #fff; padding: 8px 14px; font-size: 12px; display: flex; gap: 10px; align-items: center; }
.gd-sbar span { margin-left: auto; opacity: .75; }
.gd-shot-body { padding: 16px; min-height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
.gd-shot-body img { max-width: 100%; max-height: 150px; display: block; }
.gd-ph { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 0; font-size: 13.5px; text-align: center; }
.gd-ph .gd-muted { font-size: 12.5px; }
.gd-ph-ico { width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; font-size: 30px; }
.gd-ph-ico.g { background: var(--g1); color: var(--g7); }
.gd-ph-ico.b { background: var(--blue0); color: var(--blue); }
.gd-ok { font-size: 12.5px; color: #3D5E14; }
.gd-kv { display: grid; grid-template-columns: 160px 1fr; gap: 8px 14px; background: #F6F7F9; border-radius: 12px; padding: 12px 14px; font-size: 12.5px; }
.gd-kv span { color: var(--mut); }
.gd-kv b { word-break: break-word; }
.gd-datos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gd-datos > div { border: 1.5px solid var(--line); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; }
.gd-datos span { font-size: 11px; color: var(--mut); }
.gd-foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.gd-ver { font-size: 11px; color: var(--mut); }
.gd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 12px; border: 1px solid var(--line); background: #fff; color: var(--ink); font: 600 14px 'Poppins', system-ui, sans-serif; cursor: pointer; white-space: nowrap; text-decoration: none; }
.gd-btn i { font-size: 18px; }
.gd-sm { height: 34px; padding: 0 14px; font-size: 13px; border-radius: 9px; }
.gd-dark { background: #3A3A3C; border-color: #3A3A3C; color: #fff; }
.gd-primary { background: var(--g); border-color: var(--g); color: #1E2A0E; box-shadow: 0 6px 16px rgba(141, 198, 63, .35); }
.gd-btn[disabled] { opacity: .45; cursor: default; box-shadow: none; }
.gd-btn:focus-visible, .gd-x:focus-visible { outline: 3px solid rgba(141, 198, 63, .55); outline-offset: 2px; }
.gd-zoom { position: fixed; inset: 0; z-index: 2; background: rgba(12, 14, 18, .82); display: grid; place-items: center; padding: 16px; }
.gd-zoom[hidden] { display: none; }
.gd-zoom-in { width: min(1000px, 100%); max-height: 100%; overflow: auto; }
.gd-zoom-head { color: #fff; margin-bottom: 12px; }
.gd-zoom-shot .gd-shot-body { min-height: 360px; }
.gd-zoom-shot .gd-shot-body img { max-height: 300px; }
.gd-zoom-nav { justify-content: center; margin-top: 12px; }
@media (max-width: 860px) {
    .gd-in { padding: 22px 16px; }
    .gd-grid { grid-template-columns: 1fr; }
    .gd-perm { order: 2; }
    .gd-kv { grid-template-columns: 1fr; gap: 2px; }
    .gd-kv b { margin-bottom: 6px; }
    .gd-datos { grid-template-columns: 1fr; }
    .gd-foot .gd-btn:not(.gd-sm) { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) { .gd-dots span { transition: none; } }

/* S10 · enviar la guía a otra persona */
.gd-send { z-index: 90; }
.gd-send [data-send-state][hidden], .gd-err[hidden] { display: none; }
.gd-narrow { width: min(700px, 100%); }
.gd-head { flex-wrap: nowrap; align-items: flex-start; }
.gd-head h3 { margin-right: 44px; }
.gd-ico-sm { width: 44px; height: 44px; border-radius: 12px; font-size: 23px; flex: none; }
.gd-ph-ico.r { background: #FDECEC; color: #E5484D; }
.gd-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 18px; }
.gd-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: #3A3A3C; }
.gd-field input { height: 46px; border: 1.5px solid var(--line); border-radius: 12px; padding: 0 14px; font: 400 14.5px 'Poppins', system-ui, sans-serif; color: var(--ink); }
.gd-field input:focus { outline: none; border-color: var(--g); box-shadow: 0 0 0 4px rgba(141, 198, 63, .18); }
.gd-err { margin-top: 10px; font-size: 12.5px; color: #C3262B; font-weight: 500; }
.gd-file { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 14px; background: #F6F7F9; border-radius: 12px; font-size: 12.5px; }
.gd-file i { font-size: 26px; color: #C3262B; }
.gd-file a { color: var(--blue); text-decoration: none; font-weight: 600; }
.gd-grow { flex: 1; min-width: 0; }
.gd-tiny { font-size: 11px; color: var(--mut); }
.gd-warn { display: flex; gap: 12px; margin-top: 14px; padding: 14px 16px; border-radius: 12px; background: #FEF5E3; color: #6E4700; font-size: 13.5px; line-height: 1.5; }
.gd-warn i { font-size: 22px; color: #F2A516; flex: none; }
.gd-ack { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; font-size: 13px; line-height: 1.45; cursor: pointer; }
.gd-ack input { width: 18px; height: 18px; margin-top: 1px; accent-color: #74AD2A; flex: none; }
.gd-send .gd-sub a, .gd-tips a { color: var(--blue); text-decoration: none; }
.gd-send form > .gd-sub { margin-top: 12px; }
.gd-actions { margin-top: 22px; }
.gd-center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 10px 0; }
.gd-center .gd-ph-ico { width: 64px; height: 64px; font-size: 32px; }
.gd-wide { max-width: 520px; line-height: 1.6; font-size: 13px; margin-top: 12px; }
.gd-wide b { color: var(--ink); }
.gd-justify { justify-content: center; margin-top: 8px; }
.gd-tips { margin: 12px 0 0; padding-left: 20px; font-size: 12.5px; display: flex; flex-direction: column; gap: 6px; }
.gd-tech { margin-top: 14px; font-size: 12.5px; }
.gd-tech summary { font-weight: 600; cursor: pointer; }
.gd-tech div { margin-top: 6px; background: #F6F7F9; border-radius: 10px; padding: 10px; font: 11px ui-monospace, Consolas, monospace; color: var(--mut); word-break: break-word; }
@media (max-width: 600px) { .gd-fields { grid-template-columns: 1fr; } .gd-actions .gd-btn { flex: 1 1 100%; } .gd-actions .gd-spacer { display: none; } }