/* Manual práctico. Estilos limitados a la guía; no alteran las capturas del sistema. */
.guide-site { --manual-ink:#214956;--manual-green:#276e63;--manual-gold:#c8a561; }
.manual-section { margin-top:52px;scroll-margin-top:105px; }
.manual-section h2 { font-size:clamp(1.55rem,3vw,2.05rem);line-height:1.2;letter-spacing:-.035em;color:var(--manual-ink);margin:10px 0; }
.manual-section p { line-height:1.75; }
.manual-section-head { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.manual-counter { flex-shrink:0;border-radius:24px;padding:10px 16px;background:#dbe8dd;color:#34674e;font-size:.78rem;border:1px solid #b4cbbd; }
.manual-lead { color:#4b6977;max-width:960px;font-size:.93rem;margin:12px 0 24px; }
.manual-toc { position:sticky;top:0;z-index:20;display:flex;gap:8px;flex-wrap:wrap;margin:30px -2px 0;padding:12px;background:#e5efefef;border:1px solid #bdd3d6;border-radius:16px;box-shadow:0 6px 20px #183c4b10;backdrop-filter:blur(12px); }
.manual-toc a { padding:10px 13px;font-size:.78rem;color:#355c6a;background:#f8fcfb;border:1px solid #c7dbdc;border-radius:10px;text-decoration:none;font-weight:600; }
.manual-toc a:hover,.manual-toc a:focus-visible { color:#fff;background:#2c6b62;border-color:#2c6b62; }
.manual-key { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px; }
.manual-key>div { background:#ddeae5;border:1px solid #b9d1c5;border-left:4px solid #5b9279;border-radius:13px;padding:20px; }
.manual-key>div:nth-child(2) { background:#e0e8f1;border-color:#bccadd;border-left-color:#6984b0; }
.manual-key>div:nth-child(3) { background:#eee8d9;border-color:#d7cbaf;border-left-color:#b69351; }
.manual-key strong { color:#2b535b;font-size:.86rem; }
.manual-key p { font-size:.79rem;margin:8px 0 0;color:#476673; }
.journey-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.journey-card { position:relative;display:flex;align-items:flex-start;gap:16px;border:1px solid #517e84;border-radius:19px;padding:25px 21px;background:linear-gradient(130deg,#1f4e5b,#347561);color:#fff;text-decoration:none;box-shadow:0 5px 0 #adc7c0,0 12px 24px #17374612; }
.journey-card:nth-child(2) { background:linear-gradient(130deg,#2c4263,#556f9b);box-shadow:0 5px 0 #b9c8dc; }
.journey-card:nth-child(3) { background:linear-gradient(130deg,#615634,#8e7847);box-shadow:0 5px 0 #d9ceb5; }
.journey-card:hover,.journey-card:focus-visible { color:#fff;outline:3px solid #bfd5bf;outline-offset:3px; }
.journey-card[aria-current="true"] { outline:3px solid #cfae6e;outline-offset:3px; }
.journey-number { font-size:1.8rem;font-weight:750;color:#f0d5a0;line-height:1; }
.journey-card-text { display:flex;flex-direction:column;gap:12px;min-width:0; }
.journey-card-text>strong { font-size:1rem;line-height:1.35; }
.journey-card-text>span { font-size:.77rem;line-height:1.65;color:#edf5f4; }
.journey-card-text small { font-size:.72rem;font-weight:650;display:flex;align-items:center;gap:8px;margin-top:5px;color:#fff; }
.journey-card .icon { width:15px;height:15px; }
.manual-note { font-size:.8rem;background:#e0e9ee;border:1px solid #c0d1dc;border-radius:14px;padding:18px 22px;margin:25px 0;color:#496778; }
.manual-note strong { color:#294e63; }
.journey-panel { scroll-margin-top:100px;background:#f3f8f7;border:1px solid #b5cece;border-radius:23px;overflow:hidden;box-shadow:0 14px 38px #1c465114;margin-top:26px; }
.journey-heading { background:#d6e7e2;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #accabd; }
.journey-heading h3 { font-size:1.35rem;letter-spacing:-.025em;color:#224e58;margin:8px 0 0; }
.journey-heading .btn { background:#edf5ee;color:#355e56;font-size:.75rem; }
.journey-modules { display:flex;flex-wrap:wrap;gap:8px;padding:20px 28px 0; }
.journey-modules span { font-size:.68rem;color:#406672;background:#e2edf0;border-radius:18px;padding:6px 11px;border:1px solid #bcd2d9; }
.journey-setup { margin:18px 28px 25px;padding:16px 18px;border-radius:12px;background:#f3ecdc;border:1px solid #d8c9a9;color:#685b39; }
.journey-setup summary { font-size:.82rem;font-weight:650;cursor:pointer; }
.journey-setup p { margin:10px 0 0;font-size:.81rem; }
.journey-workspace { display:grid;grid-template-columns:240px minmax(0,1fr);border-top:1px solid #c1d7d8; }
.journey-index { padding:18px 14px;background:#e1ecee;border-right:1px solid #bfd3d7;display:flex;flex-direction:column;gap:8px;align-self:stretch; }
.journey-index button { display:flex;align-items:flex-start;gap:10px;width:100%;border:1px solid transparent;background:transparent;color:#446774;padding:11px 10px;border-radius:10px;font-size:.73rem;line-height:1.45;text-align:left; }
.journey-index button>span:first-child { flex-shrink:0;display:grid;place-items:center;min-width:23px;min-height:23px;border:1px solid #b4c9ce;border-radius:50%;font-size:.69rem;background:#eef4f4; }
.journey-index button:hover { background:#edf5f3; }
.journey-index button[aria-current="step"] { background:#285d66;color:#fff;border-color:#285d66;font-weight:650; }
.journey-index button[aria-current="step"]>span:first-child { background:#e4c282;color:#385249;border-color:#e4c282; }
.journey-reading { min-width:0;padding:28px;scroll-margin-top:95px; }
.journey-progress { display:flex;align-items:center;gap:16px;margin-bottom:23px;color:#557985;font-size:.74rem; }
.journey-progress span { white-space:nowrap; }
.journey-progress progress { width:100%;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#d8e4e5; }
.journey-progress progress::-webkit-progress-bar { background:#d8e4e5; }
.journey-progress progress::-webkit-progress-value { background:#4c8a74; }
.journey-progress progress::-moz-progress-bar { background:#4c8a74; }
.journey-step { margin-bottom:28px;scroll-margin-top:110px; }
.journey-route { display:flex;flex-direction:column;gap:7px;border-left:3px solid #7697ae;padding:0 0 0 14px;margin:0 0 22px; }
.journey-route>span { font-size:.62rem;letter-spacing:.1em;color:#678492;font-weight:700; }
.journey-route>strong { font-size:.85rem;color:#2c5368; }
.journey-route small { font-size:.71rem;color:#587587;line-height:1.6; }
.journey-step h4 { color:#244e5b;font-size:1.26rem;line-height:1.35;letter-spacing:-.015em;margin:0 0 18px; }
.journey-step h5 { font-size:.85rem;font-weight:700;color:#2d5463;margin:22px 0 12px; }
.journey-reuse { padding:17px 19px;border:1px solid #c0d8ce;border-radius:12px;background:#e5f0e8;color:#3f6d5d; }
.journey-reuse strong { font-size:.81rem;color:#2b6053; }
.journey-reuse p { font-size:.82rem;margin:7px 0 0; }
.manual-table-wrap { max-width:100%;border:1px solid #c0d2d6;border-radius:12px;overflow:hidden; }
.manual-table { width:100%;table-layout:fixed;border-collapse:collapse;font-size:.8rem;background:#f9fcfb; }
.manual-table th,.manual-table td { padding:12px 14px;vertical-align:top;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;text-overflow:clip!important;border-bottom:1px solid #d6e2e5; }
.manual-table thead th { background:#315f6b;color:#f0f8f7;font-size:.7rem; }
.manual-table th:first-child { width:36%; }
.manual-table tbody th { color:#3f6674;font-weight:600;background:#e7f0f1; }
.manual-table tbody td { color:#3d606d;line-height:1.6; }
.manual-table tr:last-child>* { border-bottom:0; }
.journey-save { font-size:.76rem;color:#5d7281;background:#e9eff6;border:1px solid #cedae6;border-radius:10px;padding:13px 16px;margin-top:16px; }
.journey-result { background:linear-gradient(115deg,#deedde,#edf5e9);border:1px solid #b8d0b5;border-left:4px solid #5d915c;padding:20px 22px;border-radius:13px;margin:22px 0;color:#3a643f; }
.journey-result>span { font-size:.63rem;letter-spacing:.1em;font-weight:750; }
.journey-result p { font-size:.85rem;margin:10px 0; }
.journey-result ul { padding-left:20px;font-size:.85rem;font-weight:650;margin-bottom:0; }
.journey-result li { margin-top:7px;line-height:1.55; }
.journey-checks { display:grid;gap:8px; }
.journey-checks h5 { margin-top:4px; }
.manual-related { display:grid;grid-template-columns:1fr 20px;gap:5px 10px;text-align:left;border:1px solid #c4d6df;border-radius:11px;background:#e9f0f5;padding:13px 16px;color:#305f7a;width:100%; }
.manual-related strong { font-size:.78rem; }
.manual-related span { grid-column:1;font-size:.7rem;line-height:1.5;color:#587588; }
.manual-related .icon { grid-column:2;grid-row:1/3;align-self:center;width:16px;height:16px; }
.manual-related:hover { border-color:#648d9e;background:#dae9ef; }
.journey-next { font-size:.83rem;margin:22px 0;color:#3c6475; }
.journey-tools { display:flex;flex-wrap:wrap;gap:10px; }
.journey-tools .btn { font-size:.74rem;white-space:normal;text-align:left; }
.journey-tools+p { margin:14px 0 0;font-size:.7rem; }
.journey-controls { display:flex;justify-content:space-between;gap:14px;padding-top:20px;border-top:1px solid #d0dddd; }
.journey-controls .btn { font-size:.78rem; }
.journey-balance { margin:0 28px 28px;border-radius:14px;border:1px solid #d1be91;background:#efe7d4;color:#6c5c35;padding:20px;scroll-margin-top:100px; }
.journey-balance summary { font-size:.85rem;font-weight:700;cursor:pointer; }
.journey-balance dl { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0; }
.journey-balance dl>div { border:1px solid #d8cbae;border-radius:10px;background:#f8f2e3;padding:13px; }
.journey-balance dt { font-size:.69rem;color:#816e45;margin-bottom:7px; }
.journey-balance dd { font-size:.97rem;font-weight:750;margin:0; }
.journey-balance p { font-size:.8rem;margin-bottom:0; }
.manual-connection-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
.manual-connection { border:1px solid #bbd0d9;border-radius:16px;background:#edf4f5;overflow:hidden; }
.manual-connection>summary { cursor:pointer;padding:21px 22px;color:#2b5567;font-size:.95rem;font-weight:650; }
.manual-connection>summary small { display:block;font-size:.67rem;font-weight:400;color:#64808e;margin:7px 0 0 18px; }
.manual-connection[open]>summary { background:#dce9ef;border-bottom:1px solid #c2d7dd; }
.manual-connection-body { padding:22px; }
.manual-connection-body>article { padding:17px;border:1px solid #c9ded9;border-left:3px solid #6b967f;background:#f7fbf8;border-radius:11px;margin-bottom:14px; }
.manual-connection-body h3 { font-size:.94rem;color:#2d5a58;margin:9px 0; }
.manual-connection-body p { font-size:.82rem;color:#486878; }
.manual-connection-body>article p { margin-bottom:0; }
.manual-link-list { display:flex;gap:8px;flex-wrap:wrap; }
.manual-link-list .btn { font-size:.71rem;background:#e1ecee;color:#305a67;border-color:#bacecf;white-space:normal;text-align:left; }
.manual-independent-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.manual-independent-grid>article { padding:24px;border:1px solid #c8d6cf;border-top:3px solid #809987;border-radius:16px;background:linear-gradient(120deg,#ebf3ed,#e4eeea); }
.manual-independent-grid h3 { font-size:1.02rem;color:#315c50;margin:0 0 12px; }
.manual-independent-grid p { font-size:.83rem;color:#506f65; }
.manual-topic-examples { padding-left:22px;font-size:.82rem;color:#496b78; }
.manual-topic-examples li { margin-bottom:15px;line-height:1.75; }
.manual-trace { padding:20px;background:#edf4f0;border:1px solid #c1d5c9;border-radius:14px;margin:20px 0; }
.manual-trace-tag { display:inline-block;font-size:.65rem;font-weight:650;padding:5px 9px;border-radius:20px;background:#d3e4d8;color:#326951; }
.manual-trace>p { font-size:.8rem;color:#466977;line-height:1.7; }
.manual-trace dl { font-size:.8rem;margin:16px 0 0; }
.manual-trace dt { color:#2e6251;margin-top:14px; }
.manual-trace dd { line-height:1.75;margin:5px 0 0;color:#476b62; }
.manual-trace .practice-next { margin-bottom:0; }
.manual-trace .btn { font-size:.74rem;white-space:normal;text-align:left; }
.manual-trace-note { padding:14px 16px;background:#f3edde;border:1px solid #d9c9a2;border-radius:10px;color:#746139!important; }
.guide-site :is(button,a,summary):focus-visible { outline:3px solid #b99d61;outline-offset:3px; }
.manual-section :is(h2,h3,h4,h5,p,li,dd,dt,strong,button,a) { overflow-wrap:anywhere; }
.manual-section .academy-intro { margin-top:0; }
@media(max-width:1100px){.journey-cards{grid-template-columns:1fr}.journey-card-text>strong{font-size:1.07rem}.journey-workspace{grid-template-columns:210px minmax(0,1fr)}.journey-reading{padding:22px}.manual-toc{gap:6px}.manual-toc a{font-size:.72rem;padding:9px 11px}}
@media(max-width:800px){.manual-toc{position:static;backdrop-filter:none}.manual-section{scroll-margin-top:20px}.manual-key{grid-template-columns:1fr}.journey-workspace{grid-template-columns:1fr}.journey-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid #bfd3d7;max-height:230px;overflow:auto}.journey-reading{scroll-margin-top:20px}.manual-connection-grid,.manual-independent-grid{grid-template-columns:1fr}.journey-heading{align-items:flex-start}.manual-counter{font-size:.67rem}.journey-panel{scroll-margin-top:20px}.journey-balance{scroll-margin-top:20px}}
@media(max-width:540px){.manual-section{margin-top:36px}.manual-section-head{align-items:flex-start;flex-direction:column;gap:8px}.manual-lead{font-size:.85rem}.manual-key{gap:12px}.journey-heading{padding:20px;flex-direction:column}.journey-modules{padding:16px 18px 0}.journey-setup{margin:16px 18px}.journey-index{padding:12px;gap:5px}.journey-index button{font-size:.69rem;padding:8px 6px}.journey-reading{padding:18px}.journey-step h4{font-size:1.13rem}.manual-table th,.manual-table td{padding:10px;font-size:.75rem}.journey-result{padding:17px}.journey-result p,.journey-result ul{font-size:.8rem}.journey-tools{flex-direction:column}.journey-controls .btn{font-size:.73rem;padding:11px;flex:1;white-space:normal}.journey-balance{margin:0 18px 18px;padding:16px}.journey-balance dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.journey-balance dd{font-size:.87rem}.manual-connection>summary{font-size:.87rem;padding:18px}.manual-connection-body{padding:16px}.manual-toc a{flex:1 1 40%;text-align:center}.manual-note{padding:16px}.manual-trace{padding:16px}}