body.procedure-page{background:#f5faff}.procedure-header{background:#071736;color:#fff;border-bottom:5px solid #1768d8}.procedure-header__bar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.procedure-header nav{display:flex;gap:20px}.procedure-header a{text-decoration:none}.procedure-header nav a{color:#dceaff;font-size:.86rem}.procedure-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#116ce8,#31a9f6);color:#fff;border-bottom:6px solid #071736}.procedure-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}.procedure-hero__grid{position:relative;min-height:390px;display:grid;grid-template-columns:1fr 280px;align-items:center;gap:40px;padding:55px 0}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font:700 .75rem var(--pixel);color:#d9edff}.breadcrumbs a{color:inherit;text-decoration:none}.procedure-hero h1{margin:18px 0 14px;font:900 clamp(2.7rem,5vw,4.8rem) var(--pixel);line-height:1}.procedure-hero__lead{max-width:740px;font-size:1.05rem;color:#e7f4ff}.procedure-symbol{width:220px;height:220px;display:grid;place-items:center;background:#fff;color:var(--accent,#1269e8);border:6px solid #071736;box-shadow:12px 12px 0 rgba(0,31,89,.32);font:900 6rem var(--pixel)}.procedure-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.procedure-summary{margin-top:-34px;position:relative;z-index:5}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:3px solid #9cc7f6;box-shadow:7px 7px 0 #d5e8fd}.summary-item{padding:23px}.summary-item+.summary-item{border-left:2px solid #deebf8}.summary-item span{display:block;color:var(--accent,#1269e8);font:900 .72rem var(--pixel);text-transform:uppercase}.summary-item strong{display:block;margin-top:6px}.procedure-main{padding:72px 0 90px}.procedure-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px}.content-section{scroll-margin-top:100px;padding:0 0 50px}.content-section+.content-section{padding-top:50px;border-top:3px dotted #b7d4f4}.content-section h2{margin:0 0 18px;font:900 clamp(1.8rem,3vw,2.65rem) var(--pixel)}.content-section h3{font:900 1.15rem var(--pixel)}.content-section p,.content-section li{color:#53627a;line-height:1.75}.section-kicker{margin:0 0 8px!important;color:var(--accent,#1269e8)!important;font:900 .72rem var(--pixel)!important;text-transform:uppercase}.route-box{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px;background:#071736;color:#fff;border:3px solid #1a60bd;box-shadow:5px 5px 0 #cfe2fb}.route-box span{padding:8px 12px;background:#10316a;border:2px solid #2c67b7;font:700 .75rem var(--pixel)}.route-box b{color:#56dfff}.step-list{display:grid;gap:14px;margin-top:24px;counter-reset:step}.step-card{display:grid;grid-template-columns:54px 1fr;gap:17px;padding:20px;background:#fff;border:3px solid #b5d4f5;box-shadow:5px 5px 0 #e0edfb}.step-card:before{counter-increment:step;content:counter(step,decimal-leading-zero);width:48px;height:48px;display:grid;place-items:center;background:var(--accent,#1269e8);color:#fff;border:3px solid #071736;font:900 .9rem var(--pixel)}.step-card h3{margin:2px 0 6px}.step-card p{margin:0}.callout{position:relative;margin:25px 0;padding:22px 22px 22px 75px;background:var(--soft,#e9f3ff);border:3px solid color-mix(in srgb,var(--accent,#1269e8) 45%,#fff);box-shadow:5px 5px 0 #dceafa}.callout:before{content:"!";position:absolute;left:18px;top:18px;width:39px;height:39px;display:grid;place-items:center;background:var(--accent,#1269e8);color:#fff;border:3px solid #071736;font:900 1.2rem var(--pixel)}.callout h3{margin:0 0 7px}.callout p{margin:0}.callout--dark{background:#071736;border-color:#1f5cae}.callout--dark h3{color:#fff}.callout--dark p{color:#bcd3f2}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-card{padding:22px;background:#fff;border:3px solid #b7d5f5;box-shadow:5px 5px 0 #e2eefb}.checklist{list-style:none;padding:0;display:grid;gap:10px}.checklist li{position:relative;padding:14px 16px 14px 44px;background:#fff;border:2px solid #c6ddf7}.checklist li:before{content:"✓";position:absolute;left:15px;color:var(--accent,#1269e8);font-weight:900}.visual-guide{background:#fff;border:3px solid #b5d4f5}.visual-guide summary{padding:18px;font:900 .85rem var(--pixel);cursor:pointer}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px;border-top:2px solid #d9e8f8}.guide-thumb{padding:0;background:#eef6ff;border:3px solid #9fc7f4;cursor:zoom-in}.guide-thumb img{width:100%;aspect-ratio:4/5.1;object-fit:cover;object-position:top}.guide-thumb span{display:block;padding:9px;font:700 .72rem var(--pixel);color:#0d356e}.procedure-sidebar{position:sticky;top:110px;display:grid;gap:16px}.page-index,.sidebar-action{padding:22px;background:#fff;border:3px solid #b3d2f4;box-shadow:5px 5px 0 #dfecfb}.page-index strong,.sidebar-action strong{font:900 .86rem var(--pixel)}.page-index nav{display:grid;margin-top:10px}.page-index a{padding:10px 0;text-decoration:none;color:#52617b;border-bottom:2px dotted #c7d9ed;font-size:.84rem}.sidebar-action{background:#071736;color:#fff}.sidebar-action p{color:#afc8eb;font-size:.85rem}.sidebar-action .pixel-button{width:100%}.related{padding:70px 0;background:#071736;color:#fff}.related h2{font:900 2rem var(--pixel)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-card{min-height:150px;padding:22px;background:#0d2d68;border:3px solid #1d5cae;text-decoration:none;box-shadow:5px 5px 0 #04112c}.related-card span{color:#5ce2ff;font:900 .8rem var(--pixel)}.related-card strong,.related-card small{display:block}.related-card strong{margin-top:20px;font:900 1rem var(--pixel)}.related-card small{margin-top:8px;color:#a9c5e9}.guide-modal{position:fixed;inset:0;z-index:999;display:none;place-items:center;padding:20px;background:rgba(1,9,25,.9)}.guide-modal.open{display:grid}.guide-modal__box{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border:5px solid #1568d4}.guide-modal__box img{width:100%}.guide-modal__close{position:sticky;top:10px;left:calc(100% - 54px);z-index:2;width:42px;height:42px;border:3px solid #fff;background:#071736;color:#fff;font-size:1.4rem}.procedure-footer{padding:40px 0;background:#050d20;color:#fff}.procedure-footer__content{display:flex;justify-content:space-between;gap:25px;align-items:center}.procedure-footer nav{display:flex;gap:18px}.procedure-footer a{color:#d8e8ff;text-decoration:none;font-size:.84rem}body.theme-red{--accent:#e43a3d;--soft:#fff0f0}body.theme-cyan{--accent:#0c9ac4;--soft:#e8fbff}body.theme-violet{--accent:#6554dd;--soft:#f1efff}body.theme-blue{--accent:#1269e8;--soft:#ecf4ff}body.theme-pink{--accent:#d23a9c;--soft:#fff0fa}@media(max-width:850px){.procedure-hero__grid{grid-template-columns:1fr}.procedure-symbol{display:none}.summary-grid{grid-template-columns:1fr}.summary-item+.summary-item{border-left:0;border-top:2px solid #deebf8}.procedure-layout{grid-template-columns:1fr}.procedure-sidebar{position:static;grid-row:1;grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.procedure-header nav{display:none}.procedure-hero__grid{padding:40px 0 70px}.procedure-hero h1{font-size:2.6rem}.procedure-actions{flex-direction:column}.procedure-actions .pixel-button{width:100%}.procedure-sidebar{grid-template-columns:1fr}.info-grid,.guide-grid,.related-grid{grid-template-columns:1fr}.procedure-footer__content{align-items:flex-start;flex-direction:column}.procedure-footer nav{flex-wrap:wrap}.step-card{grid-template-columns:44px 1fr}.step-card:before{width:40px;height:40px}.callout{padding:68px 18px 20px}}
/* Pixel-art reforzado en páginas interiores */
body.procedure-page{background-color:#f5faff;background-image:linear-gradient(rgba(18,105,232,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,105,232,.055) 1px,transparent 1px);background-size:18px 18px}.procedure-header{box-shadow:0 5px 0 #bfd9f8}.procedure-hero{min-height:430px}.procedure-pixels{position:absolute;inset:0;pointer-events:none}.procedure-pixels i{position:absolute;width:12px;height:12px;background:#8ce8ff;box-shadow:18px 0 0 rgba(255,255,255,.5),0 18px 0 rgba(255,255,255,.35)}.procedure-pixels i:nth-child(1){left:5%;top:18%}.procedure-pixels i:nth-child(2){left:28%;top:8%}.procedure-pixels i:nth-child(3){right:12%;top:14%}.procedure-pixels i:nth-child(4){right:32%;bottom:18%}.procedure-pixels i:nth-child(5){left:12%;bottom:12%}.procedure-pixels i:nth-child(6){right:4%;bottom:35%}.procedure-symbol{position:relative}.procedure-symbol:before,.procedure-symbol:after{content:"";position:absolute;width:14px;height:14px;background:var(--accent);box-shadow:22px 0 0 color-mix(in srgb,var(--accent) 50%,white),0 22px 0 color-mix(in srgb,var(--accent) 50%,white)}.procedure-symbol:before{left:-28px;top:-28px}.procedure-symbol:after{right:-28px;bottom:-28px}.content-section{position:relative}.content-section:before{content:"";display:block;width:70px;height:7px;margin-bottom:16px;background:var(--accent);box-shadow:12px 0 0 color-mix(in srgb,var(--accent) 60%,white),24px 0 0 color-mix(in srgb,var(--accent) 30%,white)}.page-index:before,.sidebar-action:before{content:"◆";display:block;margin-bottom:10px;color:var(--accent);font:900 1rem var(--pixel)}.visual-guide summary:before{content:"▣ ";color:var(--accent)}.procedure-actions .pixel-button--light{max-width:390px;text-align:center;line-height:1.3;padding-block:8px}.related-card{position:relative;overflow:hidden}.related-card:after{content:"";position:absolute;right:12px;bottom:12px;width:9px;height:9px;background:#42d8ff;box-shadow:-14px 0 0 #1269e8,0 -14px 0 #1269e8}

.email-example{padding:24px;background:#fff;border:3px solid #b7d5f5;box-shadow:5px 5px 0 #e2eefb}.email-example p{margin:0 0 16px;color:#24324b}
.matricula-hero{background:linear-gradient(135deg,#8f1015,#ef2b2d 58%,#ff6b52)}
.malla-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.malla-tab{padding:11px 14px;border:3px solid #0b2a68;background:#fff;color:#0b2a68;font:900 .78rem var(--pixel);cursor:pointer}.malla-tab.is-active{background:#1269e8;color:#fff;box-shadow:4px 4px 0 #0b2a68}.malla-panel{display:none;padding:12px;background:#fff;border:3px solid #b7d5f5;box-shadow:6px 6px 0 #e2eefb;overflow:auto}.malla-panel.is-active{display:block}.malla-panel img{min-width:980px;width:100%}
.electives-main{padding:75px 0 95px}.electives-intro{max-width:850px;margin-bottom:48px}.electives-intro h2{font:900 2.2rem var(--pixel)}.career-electives{padding:42px 0;border-top:3px dotted #b7d4f4}.career-electives__title p{margin:0;color:#6554dd;font:900 .8rem var(--pixel)}.career-electives__title h2{margin:8px 0 24px;font:900 clamp(1.6rem,3vw,2.4rem) var(--pixel)}.elective-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.elective-card{padding:24px;background:#fff;border:3px solid #b9cdf4;box-shadow:6px 6px 0 #e1eafa}.elective-card__head{display:flex;justify-content:space-between;gap:12px}.elective-card__head>span:first-child{color:#6554dd;font:900 .72rem var(--pixel)}.status-badge{padding:6px 8px;background:#fff0da;color:#a25800;border:2px solid #f2a33d;font:900 .68rem var(--pixel)}.elective-card h3{font:900 1.05rem var(--pixel)}.elective-card p{color:#53627a;line-height:1.72}
@media(max-width:650px){.malla-tabs{display:grid;grid-template-columns:1fr 1fr}.malla-panel img{min-width:780px}.elective-grid{grid-template-columns:1fr}}

.career-journey{
  display:inline-flex;
  margin:0 0 22px;
  padding:8px 12px;
  border:2px solid #6554dd;
  background:#f2efff;
  color:#4432aa;
  font:900 .76rem var(--pixel);
}
.malla-panel__heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:14px 14px 18px;
}
.malla-panel__heading span{
  color:#1269e8;
  font:900 .76rem var(--pixel);
}
.malla-panel__heading h3{
  margin:6px 0 0;
  font:900 1.05rem var(--pixel);
}
.malla-panel__heading strong{
  padding:8px 11px;
  border:2px solid #1269e8;
  background:#edf5ff;
  color:#0b4a9d;
  font:900 .72rem var(--pixel);
  text-align:right;
}
@media(max-width:650px){
  .malla-panel__heading{flex-direction:column}
  .malla-panel__heading strong{text-align:left}
}