#mnb-guide{--mg-blue:#4c87ff;--mg-coral:#ff765f;--mg-ink:#0a0c26;background:radial-gradient(ellipse at 15% 0%,#28153d 0%,transparent 35%),var(--mg-ink);color:#f9f8ff;font-family:Montserrat,Arial,sans-serif;line-height:1.5;container-type:inline-size;color-scheme:dark}
#mnb-guide *{box-sizing:border-box}#mnb-guide [hidden]{display:none!important}#mnb-guide h1,#mnb-guide h2,#mnb-guide h3,#mnb-guide p{margin:0}#mnb-guide button{font:inherit;cursor:pointer}#mnb-guide a{color:inherit}#mnb-guide button:focus-visible,#mnb-guide summary:focus-visible{outline:3px solid #fff;outline-offset:5px}#mnb-guide .mg-header{display:flex;align-items:center;justify-content:space-between;gap:20px;width:88%;max-width:1040px;margin:auto;padding:25px 0 16px}#mnb-guide .mg-header img{width:135px;height:78px;object-fit:contain}#mnb-guide .mg-header>span{font-size:16px;letter-spacing:1.4px;font-weight:700;color:#b8bed8}#mnb-guide .mg-header>span span{color:#ff765f;padding:0 8px}#mnb-guide .mg-main{max-width:1040px;width:88%;margin:auto}#mnb-guide .mg-heading{padding:25px 0 38px}#mnb-guide .mg-pill{display:table;background:var(--mg-blue);color:#090d25;border-radius:30px;font-size:16px;line-height:1.2;letter-spacing:1px;font-weight:900;padding:7px 14px;margin-bottom:17px}#mnb-guide h1{font-size:clamp(35px,5.8cqw,62px);font-weight:900;line-height:1.03;letter-spacing:-1.9px;text-transform:uppercase}#mnb-guide h1 span{color:var(--mg-coral)}#mnb-guide .mg-heading>p:last-child{margin-top:17px;font-size:16px;color:#c9c6dc}
#mnb-guide .mg-step{display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;padding:29px 0;position:relative}#mnb-guide .mg-step:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#66ccff}#mnb-guide .mg-index{text-align:center;padding-top:4px}#mnb-guide .mg-index>span{display:table;margin:auto;background:var(--mg-blue);color:#080c29;font-size:16px;letter-spacing:2px;line-height:1;font-weight:900;padding:5px 14px;border-radius:20px}#mnb-guide .mg-index>b{font-size:66px;font-weight:900;letter-spacing:-4px;line-height:1.15;color:var(--mg-blue)}#mnb-guide h2{font-size:clamp(21px,2.9cqw,31px);font-weight:800;letter-spacing:-.8px;line-height:1.2}#mnb-guide .mg-lead{font-size:16px;color:#c9cadd;margin-top:8px;margin-bottom:17px}#mnb-guide .mg-access{display:grid;grid-template-columns:1fr 1fr;gap:12px}#mnb-guide .mg-access>button{padding:17px 18px;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--mg-blue);border-radius:8px;background:var(--mg-blue);color:#08112d;font-weight:800;font-size:16px;transition:transform .18s,background .18s}#mnb-guide .mg-access>button:nth-child(2){background:#161a36;color:white;border-color:#66739b}#mnb-guide .mg-access>button:hover{transform:translateY(-2px)}#mnb-guide .mg-access>button[aria-expanded=true]{outline:2px solid #e3eaff;outline-offset:3px}#mnb-guide .mg-entry-help,#mnb-guide .mg-after{background:#151a36;padding:17px 20px;border-left:2px solid var(--mg-blue);border-radius:0 6px 6px 0;margin-top:18px;font-size:16px}#mnb-guide .mg-entry-help small{display:block;color:#bcc5df;font-size:16px;margin-top:10px}#mnb-guide .mg-link{border:0;border-radius:5px;background:#4c87ff;color:#080c29;padding:10px 15px;margin-top:13px;font-size:16px;font-weight:800;min-height:44px}#mnb-guide .mg-roles{display:flex;gap:12px;margin-top:18px}#mnb-guide .mg-roles button{flex:1;padding:13px 12px;min-height:48px;border-radius:6px;border:1px solid #729cf1;background:#1d2c51;color:#fff;font-size:16px;font-weight:700}#mnb-guide .mg-role-note{font-size:16px;color:#b9bfd9;margin-top:9px}#mnb-guide .mg-label{font-size:16px;font-weight:800;letter-spacing:1.2px;color:#aebee3;display:block}#mnb-guide .mg-after>p{margin-top:7px}#mnb-guide .mg-path{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:11px;font-size:16px}#mnb-guide .mg-path>strong{background:#273558;padding:7px 11px;border-radius:5px}#mnb-guide .mg-status{padding:12px 0 0;font-size:16px;color:#ffd0b6}
#mnb-guide .mg-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#mnb-guide .mg-chapter{border-radius:7px;background:#211632;border:1px solid #473359;overflow:hidden}#mnb-guide .mg-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211632,transparent 80%)}#mnb-guide .mg-scene-1{background-position:49% 55.9%}#mnb-guide .mg-scene-2{background-position:88% 55.9%}#mnb-guide .mg-scene-3{background-position:9.8% 85.1%}#mnb-guide .mg-caption{position:relative;display:flex;align-items:center;gap:10px;padding:0 10px 14px;margin-top:-6px}#mnb-guide .mg-caption>b{font-size:34px;letter-spacing:-2px;font-weight:900;line-height:1;color:#4c87ff}#mnb-guide .mg-caption>h3{position:relative;font-size:16px;line-height:1.1;font-weight:900;text-transform:uppercase;padding-left:10px}#mnb-guide .mg-caption>h3:before{content:'';position:absolute;left:0;top:-4px;bottom:-4px;width:1px;background:#66ccff}#mnb-guide .mg-next-note{font-size:16px;color:#ffc2b6;margin-top:12px}#mnb-guide .mg-next-note>span{color:#ff765f;font-size:20px;margin-right:5px}
#mnb-guide .mg-special .mg-index>span{background:var(--mg-coral)}#mnb-guide .mg-special .mg-index>b{color:var(--mg-coral)}#mnb-guide .mg-instructions{display:grid;grid-template-columns:1fr 1fr;gap:15px}#mnb-guide .mg-instruction{background:#161a32;border:1px solid #383b56;padding:16px;border-radius:7px}#mnb-guide .mg-ui-label{display:block;position:relative;background:#242e50;color:#edf1ff;font-size:16px;border-radius:5px;padding:12px 28px 12px 13px;margin-top:10px;min-height:67px;align-content:center}#mnb-guide .mg-ui-label>span{position:absolute;right:11px;top:50%;transform:translateY(-50%)}#mnb-guide .mg-orange-label{background:#ff8400;color:#1d0d00;font-weight:800}#mnb-guide .mg-login-note{display:flex;align-items:center;gap:12px;background:#372132;border-radius:7px;padding:14px 16px;margin-top:14px;font-size:16px;color:#f2dbe3}#mnb-guide .mg-login-note strong{color:white}#mnb-guide .mg-note-mark{flex-shrink:0;width:27px;height:27px;border:1px solid #ff765f;color:#ff9985;border-radius:50%;text-align:center;font-size:18px;font-weight:800}
#mnb-guide .mg-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}#mnb-guide .mg-finish{padding:21px 18px;background:#141a34;border-radius:8px;border-top:2px solid var(--mg-blue)}#mnb-guide .mg-finish h3{font-size:17px;line-height:1.3;margin:9px 0 13px;letter-spacing:-.4px}#mnb-guide .mg-finish ol{padding-left:20px;margin:0;font-size:16px;color:#d5d9eb}#mnb-guide .mg-finish li{padding:4px 0 6px 2px}#mnb-guide .mg-finish li::marker{color:#92b5ff;font-weight:700}#mnb-guide .mg-finish p{font-size:16px;color:#d5d9eb}#mnb-guide .mg-finish details{margin-top:16px;border-top:1px solid #343b57;padding-top:9px}#mnb-guide .mg-finish summary{cursor:pointer;font-size:16px;font-weight:600;min-height:44px;align-content:center}#mnb-guide .mg-finish details p{padding:4px 0 8px;font-size:16px}#mnb-guide .mg-teacher{background:#231c35;border-color:var(--mg-coral)}#mnb-guide .mg-teacher>.mg-label{color:#ffa48f}#mnb-guide .mg-teacher-path{border-top:1px solid #493a55;margin-top:18px;padding-top:14px}#mnb-guide .mg-teacher-path p{margin-top:8px}#mnb-guide .mg-teacher-path p>span{color:#ff9984}#mnb-guide .mg-teacher-path small{font-size:16px;color:#bfb5d2;display:block;margin-top:7px}#mnb-guide .mg-footer{border-top:1px solid #35304b;display:flex;justify-content:space-between;gap:15px;padding:25px 0 32px;font-size:16px;letter-spacing:.5px;color:#b6b6d1}#mnb-guide .mg-footer strong{color:#7faaff}
#mnb-guide .mg-animate .mg-index{animation:mg-number-in .6s ease both}#mnb-guide .mg-animate .mg-content{animation:mg-content-in .5s ease both}#mnb-guide .mg-reveal{animation:mg-content-in .24s ease both}@keyframes mg-number-in{from{transform:translateY(12px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes mg-content-in{from{transform:translateY(8px);opacity:1}to{transform:translateY(0);opacity:1}}
@container(max-width:650px){#mnb-guide .mg-header>span{font-size:16px;letter-spacing:.4px}#mnb-guide .mg-header img{width:109px;height:66px}#mnb-guide .mg-heading{padding-top:15px;padding-bottom:28px}#mnb-guide h1{font-size:clamp(31px,6.8cqw,43px);letter-spacing:-1px}#mnb-guide .mg-heading>p:last-child{font-size:16px}#mnb-guide .mg-step{grid-template-columns:51px minmax(0,1fr);gap:13px;padding:25px 0}#mnb-guide .mg-index>b{font-size:43px;letter-spacing:-2px}#mnb-guide .mg-index>span{font-size:16px;letter-spacing:1px;padding:4px 9px}#mnb-guide h2{font-size:23px}#mnb-guide .mg-access{grid-template-columns:1fr}#mnb-guide .mg-access>button{font-size:16px;padding:14px;min-height:51px}#mnb-guide .mg-lead{font-size:16px}#mnb-guide .mg-chapters{grid-template-columns:1fr;gap:9px}#mnb-guide .mg-chapter{display:grid;grid-template-columns:39% minmax(0,1fr);min-height:79px}#mnb-guide .mg-scene-1{background-position:49% 55.9%}#mnb-guide .mg-scene-2{background-position:88% 55.9%}#mnb-guide .mg-scene-3{background-position:9.8% 85.1%}#mnb-guide .mg-scene:after{background:linear-gradient(90deg,transparent,#211632)}#mnb-guide .mg-caption{gap:8px;padding:13px 7px 13px 0;margin:0}#mnb-guide .mg-caption>b{font-size:29px}#mnb-guide .mg-caption>h3{font-size:16px;padding-left:8px}#mnb-guide .mg-instructions,#mnb-guide .mg-finish-grid{grid-template-columns:1fr;gap:11px}#mnb-guide .mg-instruction{padding:13px}#mnb-guide .mg-login-note{padding:13px;font-size:16px;align-items:start;gap:9px}#mnb-guide .mg-note-mark{width:22px;height:22px;font-size:16px}#mnb-guide .mg-ui-label{font-size:16px}#mnb-guide .mg-roles{flex-direction:column;gap:8px}#mnb-guide .mg-entry-help,#mnb-guide .mg-after{padding:14px;font-size:16px}#mnb-guide .mg-finish{padding:17px 14px}#mnb-guide .mg-path{gap:8px;font-size:16px}#mnb-guide .mg-footer{flex-direction:column;gap:4px}}
#mnb-guide .mg-real-shot{margin:17px 0 0}#mnb-guide .mg-real-shot img{width:100%;display:block;border-radius:7px;border:1px solid #495272}#mnb-guide .mg-real-shot figcaption{font-size:16px;color:#c3c6db;line-height:1.5;margin:8px 0 16px}#mnb-guide .mg-pink-reference{color:#ff60b5;font-size:16px;font-weight:700;text-decoration:underline;margin-top:10px}#mnb-guide .mg-plain-reference{font-size:16px;margin-top:10px}#mnb-guide .mg-plain-reference strong{color:#ffb165}


#mnb-guide{background:#0a0c26}#mnb-guide h4{margin:0}#mnb-guide .mg-header{padding-top:25px}#mnb-guide .mg-header>span{text-transform:none;letter-spacing:0;color:#fff;font-size:16px}#mnb-guide .mg-hero{width:88%;max-width:1040px;margin:auto;padding:36px 0 28px}#mnb-guide .mg-pill{font-size:16px;letter-spacing:.4px;padding:7px 16px}#mnb-guide .mg-pill b{color:white;margin-left:5px}#mnb-guide h1{font-size:clamp(34px,5.15cqw,60px);letter-spacing:-1.4px;line-height:1.1}#mnb-guide .mg-intro{font-size:16px;color:#e3ddeb;margin-top:18px;max-width:620px}#mnb-guide .mg-access{max-width:640px;margin-top:26px}#mnb-guide .mg-access>button,#mnb-guide .mg-access>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;font-size:16px;font-weight:800;min-height:56px;border-radius:7px;text-decoration:none;background:#4c87ff;color:#08112d;border:1px solid #4c87ff}#mnb-guide .mg-roles>a{flex:1;background:#1d2c51;border:1px solid #729cf1;padding:13px 12px;min-height:48px;color:white;text-decoration:none;border-radius:6px;font-size:16px;font-weight:700;text-align:center}#mnb-guide #mg-registration{max-width:640px;border:1px solid #485070;background:#141931;border-radius:7px;padding:15px;margin-top:15px}#mnb-guide #mg-registration>p{font-size:16px}#mnb-guide .mg-roles{margin-top:10px}#mnb-guide .mg-how{display:inline-flex;gap:16px;align-items:center;margin-top:18px;font-size:16px;min-height:44px;color:#d4daf0;text-underline-offset:5px}#mnb-guide .mg-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0 19px}#mnb-guide .mg-guide-heading h2{font-size:25px}#mnb-guide .mg-step{padding:26px 0;grid-template-columns:76px minmax(0,1fr);gap:25px}#mnb-guide .mg-index>b{font-size:58px}#mnb-guide .mg-content>h3{font-size:25px;line-height:1.2;letter-spacing:-.65px;font-weight:800}#mnb-guide .mg-step-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:17px}#mnb-guide .mg-copy{font-size:16px;line-height:1.65;color:#d3d9eb}#mnb-guide .mg-copy p+p{margin-top:15px}#mnb-guide .mg-copy strong{color:#fff}#mnb-guide .mg-route{display:inline-block;color:#94b8ff;padding-top:4px}#mnb-guide .mg-shot{margin:0;min-width:0}#mnb-guide .mg-shot a{display:block;border:1px solid #3d4669;border-radius:8px;overflow:hidden;background:#10132c}#mnb-guide .mg-shot img{display:block;max-width:none}#mnb-guide .mg-shot figcaption{font-size:16px;color:#abb6d6;margin-top:7px;line-height:1.5}#mnb-guide .mg-gov-window{height:171px;position:relative;overflow:hidden}#mnb-guide .mg-gov-window img{position:absolute;width:185%;left:-65%;top:0}#mnb-guide .mg-flex-window{aspect-ratio:5.5;position:relative;overflow:hidden}#mnb-guide .mg-flex-window img{position:absolute;width:465%;left:-42%;top:-300%}#mnb-guide .mg-copy .mg-orange{color:#ffb15a;display:inline-block;margin-top:5px;font-size:16px}#mnb-guide .mg-teacher-reminder{display:inline-block;color:#ffbaa9;font-size:16px;margin-top:9px;border-left:2px solid #ff765f;padding-left:9px}#mnb-guide .mg-caption>h4{position:relative;font-size:16px;line-height:1.12;font-weight:900;text-transform:uppercase;padding-left:10px}#mnb-guide .mg-caption>h4:before{content:'';position:absolute;left:0;top:-4px;bottom:-4px;width:1px;background:#66ccff}#mnb-guide .mg-finish-grid{margin-top:17px}#mnb-guide .mg-finish{padding:19px}#mnb-guide .mg-finish h4{font-size:17px;line-height:1.3;margin:8px 0 11px;letter-spacing:-.4px}#mnb-guide .mg-finish p{font-size:16px;line-height:1.7;font-weight:400}#mnb-guide .mg-finish p>b{font-weight:500}#mnb-guide .mg-finish small{display:block;color:#c9bfd9;font-size:16px;line-height:1.5;margin-top:9px}#mnb-guide .mg-help{padding:30px 0 8px;border-top:1px solid #32334c}#mnb-guide .mg-help h2{font-size:21px;margin-bottom:17px}#mnb-guide .mg-help details{border-bottom:1px solid #2c3048}#mnb-guide .mg-help summary{min-height:49px;align-content:center;cursor:pointer;font-size:16px;font-weight:600;padding:12px 0}#mnb-guide .mg-help details p{font-size:16px;line-height:1.7;color:#c8cee3;max-width:700px;padding:0 0 15px}#mnb-guide .mg-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0}#mnb-guide .mg-bottom strong{font-size:16px}#mnb-guide .mg-bottom a{display:inline-flex;align-items:center;justify-content:center;background:#4c87ff;color:#080c29;padding:12px 20px;min-height:46px;border-radius:7px;font-size:16px;font-weight:800;text-decoration:none}
@container(max-width:650px){#mnb-guide .mg-header>span{font-size:16px}#mnb-guide .mg-hero{padding-top:71px;padding-bottom:19px}#mnb-guide .mg-pill{font-size:16px;padding:7px 10px}#mnb-guide h1{font-size:clamp(29px,6.4cqw,41px);letter-spacing:-.8px;line-height:1.11}#mnb-guide .mg-intro{font-size:16px}#mnb-guide .mg-access{margin-top:20px;gap:10px}#mnb-guide .mg-access>button,#mnb-guide .mg-access>a{padding:14px 16px;font-size:16px;min-height:52px}#mnb-guide .mg-guide-heading{padding:20px 0 15px;align-items:baseline}#mnb-guide .mg-guide-heading h2{font-size:20px}#mnb-guide .mg-step{grid-template-columns:43px minmax(0,1fr);gap:13px;padding:24px 0}#mnb-guide .mg-index>b{font-size:40px}#mnb-guide .mg-index>span{font-size:16px;padding:4px 8px}#mnb-guide .mg-content>h3{font-size:21px;line-height:1.25}#mnb-guide .mg-step-layout{grid-template-columns:1fr;gap:16px;margin-top:13px}#mnb-guide .mg-copy{font-size:16px}#mnb-guide .mg-copy p+p{margin-top:12px}#mnb-guide .mg-gov-window{height:147px}#mnb-guide .mg-gov-window img{width:220%;left:-82%}#mnb-guide .mg-flex-window{aspect-ratio:5.5}#mnb-guide .mg-caption>h4{font-size:16px;padding-left:8px}#mnb-guide .mg-finish-grid{gap:12px}#mnb-guide .mg-finish{padding:17px 14px}#mnb-guide .mg-finish h4{font-size:16px}#mnb-guide .mg-finish p{font-size:16px}#mnb-guide .mg-bottom{flex-direction:column;align-items:stretch;gap:15px}#mnb-guide .mg-bottom strong{font-size:16px}#mnb-guide .mg-help{padding-top:25px}}

#mnb-guide .mg-entry-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;align-items:start}#mnb-guide .mg-entry-path{border:1px solid #394767;border-top:3px solid #4c87ff;border-radius:8px;background:#131a33;padding:20px}#mnb-guide .mg-entry-path h4{font-size:19px;line-height:1.2;font-weight:800;margin:0 0 18px}#mnb-guide .mg-entry-path ol{padding-left:20px;margin:0;color:#d7dcec;font-size:16px;line-height:1.6}#mnb-guide .mg-entry-path li{padding-left:4px;margin-bottom:14px}#mnb-guide .mg-entry-path li::marker{color:#9cbbff;font-weight:800}#mnb-guide .mg-entry-path li strong{color:white}#mnb-guide .mg-path-new{background:#1a1930;border-top-color:#b1a6d1}#mnb-guide .mg-path-arrival{border-top:1px solid #35405e;padding-top:14px;margin-top:17px;color:#a6c3ff;font-size:16px}#mnb-guide .mg-entry-path li .mg-new-route{display:inline-block;color:#aac5ff;margin-top:7px}#mnb-guide .mg-common-route{font-size:16px;color:#c8cee4;margin-top:17px}#mnb-guide .mg-common-route span{color:#7faaff;margin-left:10px}#mnb-guide .mg-entry-path .mg-gov-window{height:146px}#mnb-guide .mg-entry-path .mg-gov-window img{width:220%;left:-82%}@container(max-width:650px){#mnb-guide .mg-entry-paths{grid-template-columns:1fr;gap:15px}#mnb-guide .mg-entry-path{padding:17px 14px}#mnb-guide .mg-entry-path h4{font-size:18px;margin-bottom:14px}#mnb-guide .mg-entry-path ol{font-size:16px}#mnb-guide .mg-common-route{font-size:16px}}


#mnb-guide #mg-change{flex-shrink:0;background:transparent;border:0;color:#a4c2ff;text-decoration:underline;min-height:44px;padding:5px 10px;font-size:16px}#mnb-guide .mg-guide-choices{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}#mnb-guide .mg-guide-choices button{min-height:46px;border:1px solid #6c80ad;border-radius:7px;padding:12px 19px;background:#171f39;color:white;font-size:16px;font-weight:700}#mnb-guide .mg-guide-choices button[aria-pressed=true]{background:#4c87ff;color:#080c29;border-color:#4c87ff}#mnb-guide .mg-new-guide{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:22px}#mnb-guide .mg-path-new{background:transparent;border:0}#mnb-guide .mg-personal-copy{font-size:16px;line-height:1.7;color:#d4dbee;max-width:610px}#mnb-guide .mg-after-copy{margin-top:20px}#mnb-guide .mg-exit-control{display:inline-flex;align-items:center;min-height:48px;margin-top:15px;border:0;border-radius:7px;padding:13px 19px;background:#4c87ff;color:#080c29;font-size:16px;font-weight:800;text-decoration:none}#mnb-guide .mg-personal-finish{grid-template-columns:1fr}#mnb-guide .mg-finish-choices{margin-bottom:0}#mnb-guide .mg-access button[aria-pressed=true]{outline:2px solid white;outline-offset:3px}#mnb-guide .mg-personal-finish:empty{display:none}@container(max-width:650px){#mnb-guide .mg-new-guide{grid-template-columns:1fr;gap:16px}#mnb-guide .mg-guide-choices button{font-size:16px;padding:12px 15px}#mnb-guide .mg-exit-control{font-size:16px}#mnb-guide .mg-personal-copy{font-size:16px}}


#mnb-guide #mg-direct-registration{max-width:640px;border:1px solid #485070;background:#141931;border-radius:7px;padding:15px;margin-top:15px}#mnb-guide #mg-direct-registration>p{font-size:16px}#mnb-guide #mg-direct-registration .mg-roles{margin-top:10px}#mnb-guide #mg-direct-status{max-width:640px;font-size:16px}#mnb-guide .mg-roles>a{display:flex;align-items:center;justify-content:center}


/* Integración con el ancho y fondo de la landing. */
#mnb-guide { background: #080c29; --mg-ink: #080c29; }
#mnb-guide .mg-main { width: 100%; max-width: none; padding-block: 24px 32px; }
#mnb-guide .mg-chapters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#mnb-guide .mg-chapter--real { display: block; min-height: 0; background: transparent; }
#mnb-guide .mg-chapter--real img { display: block; width: 100%; height: auto; }
#mnb-guide .mg-chapter-onboarding { position: relative; display: block; margin-top: 18px; border: 1px solid #473359; border-radius: 9px; overflow: hidden; }
#mnb-guide .mg-chapter-onboarding img { display: block; width: 100%; height: auto; }
#mnb-guide .mg-section-tutorial { width: 100%; max-width: 720px; margin-bottom: 24px; }
#mnb-guide .paccc-pointer { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.paccc-pointer-arrow { fill: none; stroke: #fff; stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 2px #07152b); animation: paccc-point 1.6s cubic-bezier(.45,0,.2,1) infinite; }
#mnb-guide .mg-tutorial-label { position: absolute; left: 44%; top: 63%; max-width: 53%; padding: 5px 8px; border-radius: 5px; background: #101b32e6; color: #fff; font-size: clamp(11px, 1.3vw, 16px); font-weight: 800; line-height: 1.3; }
.paccc-pointer-label { fill: #c9e2ff; font-family: Montserrat, sans-serif; font-weight: 800; font-size: 28px; }
.paccc-link-glow { fill: none; stroke: #fff; stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 3px #ffffff80); animation: paccc-glow 1.6s ease-in-out infinite; }
@keyframes paccc-point { 0%, 100% { transform: translateX(12px); } 50% { transform: translateX(0); } }
@keyframes paccc-glow { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }
@container (max-width: 500px) {
  .paccc-pointer-label { display: none; }
  .paccc-pointer-arrow { stroke-width: 10; }
}

@container (max-width: 900px) {
  #mnb-guide .mg-chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 500px) {
  #mnb-guide .mg-chapters { grid-template-columns: 1fr; }
}

/* Los accesos de la guía comparten el tratamiento visual del hero y el menú. */
#mnb-guide #mg-guide-title .mg-account-word { color: #66ccff; }
#mnb-guide .mg-access-shots { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
#mnb-guide .mg-full-shot img { width: 100%; max-width: 100%; height: auto; }
#mnb-guide .mg-session-note { margin-top: 20px; padding: 20px; border: 1px solid #78513b; border-left: 3px solid #ff9b49; border-radius: 8px; background: #201d32; }
#mnb-guide .mg-session-note h4 { font-size: 18px; margin-bottom: 10px; }
#mnb-guide .mg-session-note p { font-size: 16px; line-height: 1.6; }
#mnb-guide .mg-orange-name { color: #ffb875; }
#mnb-guide .mg-session-note .mg-session-detail { margin-top: 8px; font-size: 16px; color: #c8cee4; }
#mnb-guide .mg-session-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); align-items: center; gap: 24px; }
#mnb-guide .mg-session-shot { width: 100%; max-width: 300px; }
@container (max-width: 650px) {
  #mnb-guide .mg-session-layout { grid-template-columns: 1fr; }
  #mnb-guide .mg-session-shot { justify-self: center; }
}
#mnb-guide .mg-learning-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 20px 0; list-style: none; counter-reset: stage; }
#mnb-guide .mg-learning-path li { counter-increment: stage; padding: 16px; border: 1px solid #35415f; border-radius: 8px; background: #141a34; }
#mnb-guide .mg-learning-path li::before { content: counter(stage, decimal-leading-zero); display: block; color: #66ccff; font-size: 16px; font-weight: 800; margin-bottom: 8px; }
#mnb-guide .mg-learning-path strong { display: block; font-size: 16px; }
#mnb-guide .mg-learning-path span { display: block; color: #c8cee4; font-size: 16px; margin-top: 6px; }
@container (max-width: 650px) {
  #mnb-guide .mg-access-shots { grid-template-columns: 1fr; }
  #mnb-guide .mg-learning-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #mnb-guide .mg-session-note { padding: 16px; }
}
@container (max-width: 380px) { #mnb-guide .mg-learning-path { grid-template-columns: 1fr; } }
@container (max-width: 500px) {
  #mnb-guide .mg-step { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #mnb-guide .mg-index { display: flex; align-items: center; gap: 10px; padding-top: 0; }
  #mnb-guide .mg-index > span { margin: 0; }
  #mnb-guide .mg-index > b { font-size: 30px; letter-spacing: -1px; }
  #mnb-guide .mg-content { min-width: 0; }
  #mnb-guide .mg-exit-control { max-width: 100%; }
}
/* Tarjetas de guía: toda la superficie abre el recorrido elegido. */
#mnb-guide #mg-choose-account .mg-guide-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 16px 0 24px; }
#mnb-guide #mg-choose-account .mg-guide-card { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; width: 100%; min-height: 180px; padding: 26px; border: 1px solid #536d99; border-top: 3px solid #66ccff; border-radius: 16px; background: linear-gradient(135deg, #192746, #111831); box-shadow: 0 8px 24px #03071840; color: #fff; text-align: left; transition: border-color 180ms, background 180ms, transform 180ms, box-shadow 180ms; }
#mnb-guide .mg-choice-copy strong { display: block; font-size: clamp(18px, 2.3cqw, 24px); font-weight: 800; line-height: 1.3; }
#mnb-guide .mg-choice-copy small { display: block; margin-top: 10px; color: #c7d3eb; font-size: 16px; font-weight: 400; }
#mnb-guide #mg-choose-account .mg-account-word { color: #66ccff; }
#mnb-guide .mg-choice-arrow { display: inline-flex; align-items: center; gap: 22px; border-radius: 30px; background: #9addff; color: #081329; padding: 10px 18px; font-size: 16px; font-weight: 800; min-height: 44px; }
#mnb-guide .mg-choice-arrow span { font-size: 20px; line-height: 1; }
@container (max-width: 650px) {
  #mnb-guide #mg-choose-account .mg-guide-choices { grid-template-columns: 1fr; gap: 16px; }
  #mnb-guide #mg-choose-account .mg-guide-card { padding: 22px; min-height: 170px; gap: 20px; }
}

/* Lectura de la guía en pantallas pequeñas: cuerpo 18 px, ayuda 16 px. */
@container (max-width: 650px) {
  #mnb-guide .mg-lead,
  #mnb-guide .mg-copy,
  #mnb-guide .mg-personal-copy,
  #mnb-guide .mg-entry-help,
  #mnb-guide .mg-after,
  #mnb-guide .mg-entry-path ol,
  #mnb-guide .mg-finish p,
  #mnb-guide .mg-finish ol {
    font-size: 18px;
    line-height: 1.6;
  }
  #mnb-guide .mg-shot figcaption,
  #mnb-guide .mg-real-shot figcaption,
  #mnb-guide .mg-entry-help small,
  #mnb-guide .mg-role-note,
  #mnb-guide .mg-next-note,
  #mnb-guide .mg-common-route,
  #mnb-guide .mg-path-arrival,
  #mnb-guide .mg-session-note .mg-session-detail,
  #mnb-guide .mg-learning-path span,
  #mnb-guide .mg-finish small,
  #mnb-guide .mg-finish summary,
  #mnb-guide .mg-finish details p,
  #mnb-guide .mg-help summary,
  #mnb-guide .mg-help details p,
  #mnb-guide .mg-choice-copy small {
    font-size: 16px;
    line-height: 1.6;
  }
  #mnb-guide .mg-shot figcaption,
  #mnb-guide .mg-real-shot figcaption {
    color: #e0e6f3;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

/* Separadores de color pleno en todos los tamaños. */
#mnb-guide .mg-special:before,
#mnb-guide .mg-special .mg-caption > h3:before,
#mnb-guide .mg-special .mg-caption > h4:before { background: #ff765f; }

/* Miniaturas y nombres compactos en mobile; portadas completas en desktop. */
#mnb-guide .mg-video-label { display: none; }
@container (max-width: 650px) {
  #mnb-guide .mg-chapters { grid-template-columns: 1fr; gap: 10px; }
  #mnb-guide .mg-chapter--real {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 82px;
    padding: 10px;
    background: #141a32;
    border: 1px solid #394361;
    border-radius: 8px;
  }
  #mnb-guide .mg-chapter--real img {
    display: block;
    width: 88px;
    height: auto;
    border-radius: 4px;
  }
  #mnb-guide .mg-video-label { display: block; min-width: 0; }
  #mnb-guide .mg-video-label strong {
    display: block;
    color: #66ccff;
    font-size: 16px;
    line-height: 1.4;
  }
  #mnb-guide .mg-video-label span {
    display: block;
    margin-top: 3px;
    color: #e0e6f3;
    font-size: 16px;
    line-height: 1.4;
  }
}

/* Cada guía conserva el color de su acceso principal. */
#mnb-guide #mg-choose-account .mg-guide-card[data-guide-account="existing"] {
  background: #3455a2;
  border-color: #729cf1;
  border-top-color: #66ccff;
}
#mnb-guide #mg-choose-account .mg-guide-card[data-guide-account="new"] {
  background: #ff765f;
  border-color: #ff9b89;
  border-top-color: #ff9b89;
  color: #14284b;
}
#mnb-guide #mg-choose-account .mg-guide-card[data-guide-account="new"] .mg-account-word,
#mnb-guide #mg-choose-account .mg-guide-card[data-guide-account="new"] .mg-choice-copy small { color: #14284b; }
#mnb-guide #mg-choose-account .mg-guide-card[data-guide-account="new"] .mg-choice-arrow {
  background: #14284b;
  color: #fff;
}

/* Texto de apoyo legible en la tarjeta de registro en todos los anchos. */
#mnb-guide #mg-choose-account .mg-guide-card[data-guide-account="new"] .mg-choice-copy small {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

#mnb-guide #mg-registration > .mg-registration-note {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.6;
  color: #e0e6f3;
}

/* La flecha comparte las coordenadas de la captura para conservar su destino. */
#mnb-guide .mg-government-shot,
#mnb-guide .mg-login-shot { position: relative; }
#mnb-guide .mg-government-pointer .paccc-pointer-arrow,
#mnb-guide .mg-login-pointer .paccc-pointer-arrow { stroke-width: 10; }

/* Epígrafes legibles en todos los tamaños, también en escritorio. */
#mnb-guide .mg-shot figcaption,
#mnb-guide .mg-real-shot figcaption { font-size: 16px; line-height: 1.6; color: #e0e6f3; margin-top: 12px; }

/* Pestañas del recorrido: un solo panel visible, con navegación por teclado. */
#mnb-guide .mg-audience-workspace { --audience-accent: #9addff; --audience-line: #5487bd; --audience-glow: #4c87ff20; margin-top: 28px; border-radius: 18px; box-shadow: 0 18px 45px #02051955; }
#mnb-guide .mg-audience-workspace[data-active-audience="teacher"] { --audience-accent: #ffad98; --audience-line: #b77a72; --audience-glow: #ff765f17; }
#mnb-guide .mg-audience-tabs { display: flex; gap: 8px; margin: 0; padding: 0; }
#mnb-guide .mg-audience-tabs button { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: 1; min-width: 0; min-height: 78px; padding: 20px 26px; border: 1px solid #35415f; border-bottom: 0; border-radius: 16px 16px 0 0; background: #11162d; color: #c6cfe5; font: inherit; font-size: 22px; font-weight: 800; cursor: pointer; transition: background .18s, color .18s; }
#mnb-guide .mg-audience-tabs button[aria-selected="true"] { background: var(--audience-accent); color: #14284b; border-color: var(--audience-accent); box-shadow: inset 0 3px 0 #ffffff60; }
#mnb-guide .mg-audience-tabs button:hover { background: #26395b; color: #fff; }
#mnb-guide .mg-audience-tabs button[aria-selected="true"]:hover { background: var(--audience-accent); color: #14284b; }
#mnb-guide .mg-tab-marker { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid #6d83aa; border-radius: 50%; background: #ffffff08; line-height: 0; padding: 0; transition: background .2s ease, color .2s ease; }
#mnb-guide [aria-selected="true"] .mg-tab-marker { background: #14284b; border-color: #14284b; color: var(--audience-accent); transform: none; }
#mnb-guide .mg-audience-tabs button:focus-visible,
#mnb-guide .mg-audience-panel:focus-visible { outline: 3px solid #ffb39f; outline-offset: 4px; }
#mnb-guide .mg-audience-panel { padding: 28px; min-width: 0; border: 1px solid var(--audience-line); border-top: 5px solid var(--audience-accent); border-radius: 0 0 18px 18px; background: linear-gradient(145deg, var(--audience-glow), transparent 65%), #10162d; }
#mnb-guide .mg-audience-panel[hidden] { display: none; }
#mnb-guide .mg-panel-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
#mnb-guide .mg-panel-label { color: var(--audience-accent); font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.3px; }
#mnb-guide .mg-stage-count { padding: 7px 12px; border: 1px solid var(--audience-line); border-radius: 30px; color: #e0e6f3; font-size: 16px; font-weight: 600; }
#mnb-guide .mg-audience-panel .mg-lead { padding: 4px 0 4px 16px; border-left: 3px solid var(--audience-accent); color: #e0e6f3; font-size: 16px; line-height: 1.6; margin: 0 0 26px; }
#mnb-guide .mg-audience-panel .mg-learning-path { gap: 16px; margin: 0; }
#mnb-guide .mg-audience-panel .mg-learning-path li { position: relative; padding: 22px; border: 1px solid #3d4c6e; border-radius: 12px; background: linear-gradient(145deg, #26345070, #121a33); box-shadow: inset 0 1px 0 #ffffff09; }
#mnb-guide .mg-audience-panel .mg-learning-path li::before { display: block; width: fit-content; margin: 0 0 18px; padding: 6px 11px; border-radius: 8px; background: var(--audience-accent); color: #14284b; font-size: 20px; font-weight: 900; line-height: 1; letter-spacing: -1px; }
#mnb-guide .mg-audience-panel .mg-learning-path li::after { content: ''; position: absolute; top: 37px; right: 22px; width: 36px; height: 2px; background: var(--audience-line); }
#mnb-guide .mg-audience-panel .mg-learning-path strong { font-size: 20px; line-height: 1.3; color: #fff; }
#mnb-guide .mg-audience-panel .mg-learning-path span { font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
#mnb-guide .mg-teacher-evidence { margin-top: 26px; padding: 28px; border: 1px solid var(--audience-line); border-top: 4px solid var(--audience-accent); border-radius: 12px; background: linear-gradient(120deg, #ff765f12, transparent), #191b32; }
#mnb-guide .mg-teacher-evidence h4 { font-size: 24px; line-height: 1.35; margin: 0 0 16px; }
#mnb-guide .mg-teacher-evidence h5 { font-size: 18px; line-height: 1.4; margin: 24px 0 12px; }
#mnb-guide .mg-teacher-evidence p,
#mnb-guide .mg-teacher-evidence ol { font-size: 16px; line-height: 1.65; }
#mnb-guide .mg-teacher-evidence ul { padding-left: 20px; margin-top: 8px; }
#mnb-guide .mg-teacher-evidence a { color: #b9e7ff; text-underline-offset: 3px; overflow-wrap: anywhere; }
@container (max-width: 650px) {
  #mnb-guide .mg-audience-tabs { gap: 6px; }
  #mnb-guide .mg-audience-tabs button { padding: 16px 12px; min-height: 64px; font-size: 17px; gap: 8px; }
  #mnb-guide .mg-tab-marker { width: 32px; height: 32px; }
  #mnb-guide .mg-audience-panel { padding: 20px 14px; }
  #mnb-guide .mg-panel-heading { gap: 10px; }
  #mnb-guide .mg-panel-label { font-size: 16px; letter-spacing: .6px; }
  #mnb-guide .mg-audience-panel .mg-learning-path { grid-template-columns: 1fr; }
  #mnb-guide .mg-audience-panel .mg-learning-path li { padding: 20px; }
  #mnb-guide .mg-teacher-evidence { padding: 20px 16px; }
}

/* Solo las acciones de cada tarjeta son interactivas. */
#mnb-guide .mg-choice-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; }
#mnb-guide #mg-choose-account .mg-choice-arrow { display: inline-flex; align-items: center; justify-content: center; gap: 18px; width: auto; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 30px; background: #9addff; color: #081329; font-size: 16px; font-weight: 800; cursor: pointer; }
#mnb-guide #mg-choose-account .mg-choice-arrow:hover { filter: brightness(1.1); }
#mnb-guide .mg-download-guide { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; min-height: 44px; color: #fff; font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
#mnb-guide #mg-choose-account [data-guide-account="new"] .mg-download-guide { color: #14284b; }
#mnb-guide #mg-choose-account .mg-choice-actions > :focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }