/* Control Escolar v1.9.4: tarjeta mínima, flujograma por pasos y gestos Android. */
#abpGuideSummary[hidden],#abpGuideOverlay[hidden],#abpMenuGuide[hidden]{display:none!important}
#abpGuideSummary{display:flex;align-items:center;position:relative;margin:0 0 12px;max-width:720px;background:#fff;border:1px solid #d5e4f1;box-shadow:0 3px 15px rgba(28,67,101,.07);border-radius:14px;padding:4px 42px 4px 4px}
.abp-guide-summary-open{display:flex;align-items:center;gap:11px;flex:1;min-height:52px;text-align:left;color:#153956;background:transparent;border:0;padding:6px 9px;border-radius:10px;min-width:0}
.abp-guide-summary-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#1764a7;background:#e8f3ff;font-size:22px;flex:none}
.abp-guide-summary-label{min-width:0;display:grid;gap:1px}.abp-guide-summary-label strong{font-size:13px}.abp-guide-summary-label small{font-size:10.5px;color:#668096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abp-guide-summary-arrow{margin-left:auto;color:#1d6ca8;font-size:26px}.abp-guide-summary-hide{position:absolute;right:8px;width:28px;height:28px;border:0;background:#eef3f8;color:#49657c;border-radius:9px;font-size:20px;line-height:1}
#abpAccountMenu .abp-menu-guide{border-top:1px solid #dce7f0;margin-top:8px;color:#166397;background:#f2f7fd;border-radius:10px}
#abpAccountMenu .abp-menu-guide small{display:block;color:#6d8195;font-weight:500;font-size:11px}
body.abp-guide-open{overflow:hidden}
.abp-guide-overlay{position:fixed;inset:0;z-index:120;background:rgba(12,30,48,.56);display:flex;align-items:center;justify-content:center;padding:12px}
.abp-guide-app{width:min(520px,100%);max-height:min(760px,96dvh);display:flex;flex-direction:column;background:#f5f8fc;border-radius:21px;overflow:hidden;box-shadow:0 18px 75px #09253d4d}
.abp-guide-header{padding:18px 19px 16px;background:#143f65;color:white;display:flex;align-items:center;justify-content:space-between;gap:8px}
.abp-guide-header h2{font-size:19px;margin:3px 0 0;color:white}.abp-guide-header button{flex:none;border:1px solid #ffffff40;background:#ffffff16;border-radius:11px;width:38px;height:38px;font-size:25px;color:white}
.abp-guide-eyebrow{font-size:10px;font-weight:800;letter-spacing:.11em;color:#2c80b7}
.abp-guide-header .abp-guide-eyebrow{color:#c3e8fa}
.abp-guide-content{padding:17px 18px 10px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
.abp-guide-progress-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#1e4b72}.abp-guide-progress-head span{font-size:11px;color:#607f99}
.abp-guide-progress-track{height:6px;background:#dde8f4;border-radius:99px;overflow:hidden;margin:9px 0 18px}.abp-guide-progress-track span{height:100%;width:0;display:block;background:#277ac2;border-radius:99px;transition:width .16s ease}
.abp-guide-flow{display:flex!important;align-items:center;justify-content:center;margin-bottom:17px;padding:0 3px!important;gap:0!important}
.abp-guide-flow>button{width:37px;height:37px;border-radius:50%;background:#e6edf5;color:#4b6680;border:1px solid #b9cfe1;font-size:14px;font-weight:800;flex:none;display:grid;place-items:center;padding:0}
.abp-guide-flow>button.selected{background:#1666a5;color:white;border-color:#1666a5;box-shadow:0 0 0 4px #d4e9fa}
.abp-guide-flow>button.reviewed:not(.selected){background:#daf4e8;color:#17684e;border-color:#95d0b7}
.abp-guide-flow>span{height:2px;flex:1;max-width:72px;background:#cbd9e6}
.abp-guide-step-card{background:white;border:1px solid #dce7f1;border-radius:17px;padding:19px 17px;text-align:center;box-shadow:0 5px 18px #173f6010}
.abp-guide-step-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:#e9f4ff;color:#155b95;font-size:31px;margin:0 auto 11px}
.abp-guide-step-card .abp-guide-eyebrow{margin:0 0 4px}.abp-guide-step-card h3{margin:0 0 7px;font-size:21px;color:#153c5d}.abp-guide-step-card>p:not(.abp-guide-eyebrow){margin:0 0 16px;font-size:13px;color:#57728a}
.abp-guide-hints{text-align:left;display:grid;gap:8px;margin:10px 0 18px;background:#f4f9fd;border-radius:12px;padding:13px}.abp-guide-hints p{color:#365a78;font-size:12px;line-height:1.4;margin:0}
.abp-guide-primary,.abp-guide-review,.abp-guide-secondary{border:0;border-radius:12px;min-height:43px;padding:9px 12px;font-size:12px;font-weight:800}
.abp-guide-primary{color:white;background:#2166a0}.abp-guide-secondary{color:#23577b;background:#e8eff6}.abp-guide-review{color:#18765b;background:#e4f5ed}
.abp-guide-step-card>.abp-guide-primary{display:block;width:100%}
.abp-guide-gesture-hint{text-align:center;color:#708ba0;font-size:10.5px;margin:12px 0 2px}
.abp-guide-footer{padding:13px 16px calc(13px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:8px;background:white;border-top:1px solid #e1e9f2}.abp-guide-footer>button{flex:1;min-width:0}
.abp-guide-footer>button:disabled{opacity:.4}
@media(max-width:760px){
  #app #page-resumen #abpGuideSummary{order:-1;width:100%;margin:0 0 10px;flex-shrink:0}
  .abp-guide-overlay{padding:0;align-items:stretch;justify-content:stretch}
  .abp-guide-app{width:100%;max-width:none;max-height:100dvh;height:100dvh;border-radius:0}
  .abp-guide-header{padding:calc(16px + env(safe-area-inset-top)) 17px 15px}
  .abp-guide-content{flex:1;padding:17px 16px 8px}
  .abp-guide-step-card{padding:22px 17px}
  #abpAccountMenu.abp-account-menu:not([hidden]){right:0;top:0;bottom:0;border-radius:18px 0 0 18px;max-height:100dvh;height:100dvh;width:min(340px,88vw);overflow-y:auto;overscroll-behavior:contain;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));touch-action:pan-y;animation:abpMenuSlide .17s ease-out}
  @keyframes abpMenuSlide{from{transform:translateX(20px);opacity:.8}to{transform:translateX(0);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.abp-guide-progress-track span,#abpAccountMenu{animation:none!important;transition:none!important}}
@media print{#abpGuideSummary,#abpGuideOverlay,#abpMenuGuide{display:none!important}}