@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Rajdhani:wght@400;600;700&family=Roboto+Mono:wght@400;600&display=swap');
:root{--ink:#05070a;--paper:#e8e9e4;--gold:#f2b742;--orange:#e76f2e;--salmon:#e88873;--violet:#9a88d2;--blue:#618cc7}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font-family:"Antonio",Impact,sans-serif}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 10%,#172031 0,transparent 38%),#05070a}.shell{min-height:100vh;display:grid;grid-template-columns:190px 1fr;grid-template-rows:92px 1fr}.topbar{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr auto 55px;align-items:end;padding-top:18px}.cap{height:62px;background:var(--gold)}.cap-start{border-radius:0 38px 0 0;padding:14px 0 0 30px;color:#05070a;font-size:30px;font-weight:700}.cap-end{border-radius:38px 0 0 0}.topline{height:62px;border-bottom:13px solid var(--gold);padding:0 22px 7px;display:flex;align-items:end;justify-content:space-between;gap:20px}.topline strong{font-size:clamp(24px,3vw,44px);letter-spacing:.08em;line-height:.8}.eyebrow,.kicker{font:600 11px "Roboto Mono",monospace;letter-spacing:.12em;color:#acb2bd}.top-status{height:62px;border-bottom:13px solid var(--gold);display:flex;align-items:center;gap:8px;padding:0 24px 7px;font:600 11px "Roboto Mono";color:var(--gold);white-space:nowrap}.top-status i,.system-grid i:before{content:"";width:7px;height:7px;display:inline-block;border-radius:50%;background:#67e589;box-shadow:0 0 12px #67e589}.rail{display:flex;flex-direction:column;padding-bottom:22px}.rail-code{height:62px;background:var(--gold);color:#05070a;padding:12px 24px;font:700 14px "Roboto Mono";border-radius:0 0 38px 0;margin-bottom:8px}.rail nav{display:grid;gap:6px}.nav-key{border:0;color:#08090b;background:var(--salmon);font:700 15px "Antonio";letter-spacing:.08em;text-decoration:none;text-align:right;padding:13px 18px;border-radius:22px 0 0 22px;cursor:pointer;display:flex;justify-content:space-between;transition:.18s}.nav-key:hover,.nav-key:focus-visible{filter:brightness(1.2);transform:translateX(5px);outline:none}.nav-key.active{background:var(--gold)}.nav-key.orange{background:var(--orange)}.nav-key.violet{background:var(--violet)}.nav-key.blue{background:var(--blue)}.nav-key span{font:600 10px "Roboto Mono"}.rail-fill{flex:1;display:grid;align-content:end;gap:6px}.rail-fill span{height:25px;background:#292d34}.rail-fill span:nth-child(2){background:var(--violet);height:55px}.rail-fill span:nth-child(3){background:var(--orange)}.rail-fill span:nth-child(4){background:var(--gold);height:85px;border-radius:0 0 38px 0}.rail-foot{padding:16px 20px 0;text-align:right;color:#858b95;font:600 9px/1.6 "Roboto Mono"}main{min-width:0;padding:22px clamp(22px,4vw,60px) 18px;display:flex;flex-direction:column}.panel{display:none}.panel.active{display:grid}.hero{position:relative;flex:1;min-height:570px;grid-template-columns:minmax(300px,720px) auto;align-items:center;overflow:hidden;border-bottom:1px solid #31353b}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);pointer-events:none}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.05),rgba(5,7,10,.82) 70%),linear-gradient(0deg,rgba(5,7,10,.96),transparent 55%),url('../assets/imagenes/section31_0675.jpg') center/cover no-repeat;opacity:.62;filter:saturate(.65)}.hero-copy{position:relative;z-index:2;padding:40px 0;max-width:650px}.kicker{color:var(--gold);margin:0 0 18px}.hero h1,.module-panel h2{font-size:clamp(65px,10vw,145px);line-height:.78;letter-spacing:-.035em;margin:0}.hero h1 em{font-style:normal;color:var(--gold)}.intro{max-width:510px;color:#bac0c8;font:400 clamp(16px,2vw,21px)/1.45 "Roboto Mono";margin:32px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.action{border:0;text-decoration:none;padding:15px 22px;border-radius:22px;font:700 13px "Antonio";letter-spacing:.08em;cursor:pointer}.primary{background:var(--gold);color:#090a0c}.primary b{font-size:20px;margin-left:18px}.secondary{background:#232831;color:#e9e9e4;border:1px solid #424852}.seal{position:relative;z-index:2;width:clamp(120px,18vw,230px);align-self:start;margin-top:38px}.seal img{width:100%;border-radius:50%;filter:grayscale(1) contrast(1.15);opacity:.7;mix-blend-mode:screen}.module-panel{flex:1;align-content:center;padding:40px 0}.module-panel h2{font-size:clamp(64px,10vw,130px);color:var(--gold);margin-bottom:55px}.empty-state{border-left:18px solid var(--violet);background:#171b22;padding:30px 35px;max-width:760px}.empty-state span,.system-grid span{font:600 11px "Roboto Mono";color:var(--violet)}.empty-state h3{font-size:32px;margin:8px 0}.empty-state p{font:14px "Roboto Mono";color:#aeb4bd}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.system-grid article{background:#151920;border-left:12px solid var(--blue);padding:22px}.system-grid strong{display:block;font-size:30px;margin:8px 0 18px}.system-grid i{font:600 11px "Roboto Mono";font-style:normal;color:#67e589}.system-grid i:before{margin-right:8px}footer{padding-top:15px;display:flex;justify-content:space-between;gap:20px;align-items:center;font:600 9px "Roboto Mono";color:#717780}.data-strip{display:flex;gap:5px}.data-strip span{background:#22262d;padding:5px 12px;color:#aeb3ba}.data-strip span:nth-child(2){color:var(--gold)}
@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.topbar{grid-template-columns:64px 1fr 34px;padding-top:9px}.cap,.cap-end,.topline{height:49px}.cap-start{padding:12px 0 0 13px;font-size:22px}.topline{padding:0 10px 7px}.eyebrow,.top-status{display:none}.rail{grid-row:2;padding:8px 12px 0}.rail-code,.rail-fill,.rail-foot{display:none}.rail nav{grid-template-columns:repeat(4,1fr);gap:5px}.nav-key{border-radius:17px;padding:11px 9px;font-size:11px;justify-content:center}.nav-key span{display:none}.nav-key:hover{transform:translateY(-2px)}main{padding:18px}.hero{min-height:590px;grid-template-columns:1fr;align-content:end}.hero-image{background-position:58% center}.seal{position:absolute;top:8px;right:8px;width:90px}.intro{font-size:14px}.hero-actions{display:grid}.action{text-align:center}.system-grid{grid-template-columns:1fr}.module-panel h2{font-size:56px}.data-strip span:nth-child(-n+2){display:none}}
@media(prefers-reduced-motion:no-preference){.panel.active{animation:panel-in .28s ease-out}.top-status i{animation:pulse 2s infinite}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}}@keyframes pulse{50%{opacity:.35}}}

/* Interfaz de nueva generación: cristal técnico, cian y alertas cálidas. */
:root{--ink:#02060b;--paper:#eaf8ff;--gold:#ffad42;--orange:#df4b35;--salmon:#f0684c;--violet:#526bff;--blue:#00bce4;--cyan:#55e7ff;--panel:rgba(5,20,32,.76)}
body{background:radial-gradient(circle at 75% 10%,#123650 0,transparent 34%),radial-gradient(circle at 15% 90%,#151a49 0,transparent 32%),#02060b}
.shell{position:relative}.shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 46%,rgba(85,231,255,.045) 49%,transparent 52%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(85,231,255,.025) 90px)}
.cap,.rail-code{background:linear-gradient(90deg,#087fa5,#55e7ff);box-shadow:0 0 22px rgba(0,188,228,.25)}
.topline,.top-status{border-color:var(--cyan)}.topline strong{color:#eafbff;text-shadow:0 0 18px rgba(85,231,255,.35)}
.nav-key{color:#effcff;background:linear-gradient(90deg,rgba(14,42,59,.92),rgba(0,188,228,.52));border:1px solid rgba(85,231,255,.65);box-shadow:inset 0 0 15px rgba(85,231,255,.1)}
.nav-key.active{background:linear-gradient(90deg,#087fa5,#31d8f5);color:#02060b}.nav-key.orange{background:linear-gradient(90deg,rgba(75,18,12,.92),rgba(223,75,53,.7));border-color:#f0684c}.nav-key.violet{background:linear-gradient(90deg,rgba(20,28,75,.95),rgba(82,107,255,.68));border-color:#798dff}.nav-key.blue{background:linear-gradient(90deg,rgba(8,38,59,.95),rgba(0,126,174,.75))}
.rail-fill span{background:linear-gradient(90deg,#071a27,#0b3d52);border-right:1px solid var(--cyan)}.rail-fill span:nth-child(2){background:linear-gradient(90deg,#171b48,#526bff)}.rail-fill span:nth-child(3){background:linear-gradient(90deg,#531b13,#df4b35)}.rail-fill span:nth-child(4){background:linear-gradient(90deg,#075d7d,#00bce4)}
.hero{border:1px solid rgba(85,231,255,.16);border-radius:4px;background:rgba(2,8,14,.4);box-shadow:inset 0 0 55px rgba(0,188,228,.06)}.hero-image{opacity:.7;filter:saturate(.7) hue-rotate(8deg)}.hero h1 em,.kicker{color:var(--cyan);text-shadow:0 0 18px rgba(85,231,255,.25)}.primary{background:linear-gradient(100deg,#ff9138,#ffc15b);box-shadow:0 0 20px rgba(255,145,56,.22)}.secondary{background:rgba(4,28,42,.82);border-color:rgba(85,231,255,.6);color:var(--cyan)}
.empty-state,.system-grid article{background:linear-gradient(110deg,rgba(6,25,38,.92),rgba(11,34,50,.68));border-color:var(--cyan);box-shadow:inset 0 0 25px rgba(0,188,228,.07)}.module-panel h2{color:var(--cyan);text-shadow:0 0 25px rgba(0,188,228,.2)}
footer{align-items:flex-end}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.footer-right small{color:#8297a4;font:500 9px "Roboto Mono";letter-spacing:.035em}.data-strip span{background:rgba(8,35,49,.86);border-top:1px solid rgba(85,231,255,.35)}
@media(max-width:760px){.shell{min-height:100svh}.topline strong{font-size:clamp(19px,7vw,30px)}main{padding:12px}.hero{min-height:calc(100svh - 178px);padding:14px}.hero h1{font-size:clamp(52px,18vw,82px)}.hero-copy{padding:90px 0 20px}.module-panel{padding:28px 4px}.system-grid article{padding:16px}footer{flex-direction:column;align-items:stretch}.data-strip{flex-wrap:wrap}.footer-right{align-items:flex-end}.footer-right small{max-width:260px}.seal{width:76px}.intro{margin:22px 0}}
@media(max-width:430px){.rail nav{grid-template-columns:repeat(2,1fr)}.hero{min-height:620px}.hero-actions{width:100%}.action{width:100%}.data-strip{display:none}.footer-right small{font-size:8px}}

/* Metal físicamente sugerido: capas especulares, rugosidad y reflejo direccional. */
.shell{--light-x:72%;--light-y:18%;--tilt-x:0deg;--tilt-y:0deg}
.topbar,.rail,.hero,.module-panel{isolation:isolate}
.cap,.rail-code,.nav-key,.action,.system-grid article,.empty-state,.data-strip span{position:relative;overflow:hidden}
.cap,.rail-code{background:linear-gradient(112deg,#07141b 0%,#8da9b3 18%,#102b36 34%,#d9f9ff 47%,#266a7c 52%,#07141b 76%,#6d8f99 100%);background-size:220% 100%;border:1px solid rgba(210,248,255,.55);color:#02070b;text-shadow:0 1px rgba(255,255,255,.5);box-shadow:inset 0 1px rgba(255,255,255,.8),inset 0 -4px 10px rgba(0,0,0,.7),0 0 22px rgba(85,231,255,.18)}
.nav-key{background:linear-gradient(105deg,#071119 0%,#46636f 22%,#0c222d 45%,#9ed5df 49%,#123541 55%,#050b10 100%);background-size:240% 100%;box-shadow:inset 0 1px rgba(255,255,255,.45),inset 0 -6px 12px rgba(0,0,0,.55),0 5px 14px rgba(0,0,0,.35)}
.nav-key.active{background:linear-gradient(105deg,#160b02,#9a5b1c 24%,#ffd38a 48%,#8a4510 54%,#120800 100%);background-size:240% 100%;color:#fff7e9;border-color:#ffc36c}
.nav-key.violet{background:linear-gradient(105deg,#070718,#353b7d 22%,#a7b2ff 48%,#313767 54%,#050511 100%);background-size:240% 100%}.nav-key.blue{background:linear-gradient(105deg,#020b10,#15506a 22%,#9deaff 48%,#0e4158 54%,#02090e 100%);background-size:240% 100%}
.hero{transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .12s ease-out;background:linear-gradient(125deg,rgba(172,215,226,.1),transparent 25%,rgba(0,0,0,.42) 52%,rgba(85,231,255,.08)),rgba(2,8,14,.76);border-color:rgba(176,235,247,.42);box-shadow:inset 0 1px rgba(255,255,255,.2),inset 14px 0 32px rgba(133,215,231,.05),inset -18px -22px 45px rgba(0,0,0,.8),0 18px 45px rgba(0,0,0,.5)}
.hero:before{content:"";position:absolute;z-index:3;inset:-35%;pointer-events:none;background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(225,251,255,.34) 0,rgba(85,231,255,.11) 7%,transparent 22%);mix-blend-mode:screen;transition:background-position .08s linear}
.hero-copy,.seal{transform:translateZ(24px)}
.action:after,.nav-key:after,.system-grid article:after,.empty-state:after{content:"";position:absolute;pointer-events:none;inset:-80% -35%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.48) 48%,transparent 57%);transform:translateX(-55%) rotate(4deg);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.action:hover:after,.nav-key:hover:after,.system-grid article:hover:after,.empty-state:hover:after{transform:translateX(55%) rotate(4deg)}
.action{box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -7px 12px rgba(0,0,0,.4),0 8px 18px rgba(0,0,0,.36)}.action:active{transform:translateY(2px);box-shadow:inset 0 4px 9px rgba(0,0,0,.55)}
@media(hover:none),(prefers-reduced-motion:reduce){.hero{transform:none}.hero:before{animation:metal-sweep 7s ease-in-out infinite}.action:after,.nav-key:after{display:none}@keyframes metal-sweep{0%,100%{transform:translateX(-18%)}50%{transform:translateX(18%)}}}
@media(max-width:760px){.rail nav{grid-template-columns:repeat(3,1fr)}.hero{transform:none}}
@media(max-width:430px){.rail nav{grid-template-columns:1fr 1fr 1fr}}

/* Tipografía geométrica extendida inspirada en el emblema disponible. */
html{font-family:"Rajdhani","Arial Narrow",sans-serif}.topline strong,.hero h1,.module-panel h2{font-family:"Michroma","Arial Black",sans-serif;font-weight:400;text-transform:uppercase}.topline strong{font-size:clamp(18px,2.45vw,35px);letter-spacing:.11em}.hero h1{font-size:clamp(48px,7.6vw,112px);line-height:.92;letter-spacing:.025em}.module-panel h2{font-size:clamp(44px,7vw,92px);line-height:1}.nav-key,.action{font-family:"Rajdhani",sans-serif;font-weight:700;letter-spacing:.14em}
.top-status{appearance:none;background:transparent;border:0;border-bottom:13px solid var(--cyan);color:var(--cyan);cursor:pointer;font-family:"Roboto Mono",monospace}.top-status:hover,.top-status:focus-visible{color:#fff;text-shadow:0 0 10px var(--cyan);outline:none}.top-status[aria-pressed="true"] i{background:var(--gold);box-shadow:0 0 12px var(--gold)}.top-status[aria-pressed="true"]{color:var(--gold)}
@media(max-width:760px){.hero h1{font-size:clamp(40px,13.5vw,68px);line-height:1}.topline strong{font-size:clamp(15px,5vw,24px);letter-spacing:.06em}.top-status{display:flex;position:fixed;z-index:20;right:14px;bottom:14px;height:auto;padding:10px 13px;border:1px solid rgba(85,231,255,.55);border-radius:18px;background:rgba(2,13,21,.92);box-shadow:0 5px 20px rgba(0,0,0,.5)}.top-status span{font-size:0}.top-status span:after{content:"FX";font-size:10px}}

/* Insignia armonizada: presencia visual sin invadir el título. */
.hero{grid-template-columns:1fr}.hero-copy{max-width:none;padding-right:clamp(220px,25vw,340px)}.seal{position:absolute;z-index:4;top:clamp(20px,3vw,42px);right:clamp(16px,3vw,42px);width:clamp(152px,20vw,276px);margin:0;padding:7px;border:1px solid rgba(85,231,255,.28);border-radius:50%;background:radial-gradient(circle,rgba(85,231,255,.14),rgba(2,8,14,.82) 70%);box-shadow:0 0 42px rgba(85,231,255,.18)}.seal img{display:block;opacity:.78}
@media(max-width:920px){.hero-copy{padding-right:205px}.hero h1{font-size:clamp(43px,8.7vw,76px)}.seal{width:164px}}
@media(max-width:760px){.hero-copy{padding-right:0;padding-top:190px}.seal{top:14px;right:14px;width:144px}.hero h1{font-size:clamp(38px,12.6vw,62px)}}
@media(max-width:390px){.hero h1{font-size:clamp(34px,11.5vw,46px);letter-spacing:0}}

/* Catálogo de aplicaciones */
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;max-width:980px}.app-card{position:relative;display:grid;grid-template-columns:minmax(145px,42%) 1fr;min-height:260px;overflow:hidden;color:var(--paper);text-decoration:none;background:linear-gradient(125deg,rgba(7,28,40,.96),rgba(4,12,20,.88));border:1px solid rgba(85,231,255,.48);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:inset 0 1px rgba(255,255,255,.26),inset 0 -18px 34px rgba(0,0,0,.5),0 18px 36px rgba(0,0,0,.42);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.app-card:hover,.app-card:focus-visible{transform:translateY(-5px);border-color:#ffbc55;box-shadow:inset 0 1px rgba(255,255,255,.35),0 20px 45px rgba(0,0,0,.55),0 0 24px rgba(255,173,66,.15);outline:none}.app-card:after{content:"";position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.24) 49%,transparent 56%);transform:translateX(-45%);transition:transform .75s ease}.app-card:hover:after{transform:translateX(45%)}.app-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.08);border-right:1px solid rgba(85,231,255,.35)}.app-card-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:25px 24px}.app-card-copy span{color:var(--cyan);font:600 10px "Roboto Mono";letter-spacing:.09em}.app-card-copy h3{margin:14px 0 10px;font:400 clamp(22px,3vw,34px)/1.04 "Michroma",sans-serif;letter-spacing:.02em}.app-card-copy p{margin:0 0 24px;color:#aabec8;font:500 14px/1.4 "Rajdhani",sans-serif}.app-card-copy strong{margin-top:auto;padding:9px 14px;border-radius:18px;background:linear-gradient(100deg,#a75a12,#ffb548);color:#120900;font:700 11px "Rajdhani";letter-spacing:.11em}.app-card-copy strong b{margin-left:10px;font-size:16px}
@media(max-width:620px){.module-panel h2{margin-bottom:30px}.app-card{grid-template-columns:1fr}.app-card img{height:190px;border-right:0;border-bottom:1px solid rgba(85,231,255,.35)}.app-card-copy{padding:20px}.app-card-copy h3{font-size:24px}}

/* Aplicación como botón metálico compacto con icono transparente. */
.app-grid{grid-template-columns:minmax(280px,560px)}.app-card{grid-template-columns:122px 1fr;min-height:128px;max-height:150px;border-radius:8px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(112deg,#050d13 0%,#274651 22%,#07151e 43%,#7eb4be 48%,#0a2632 54%,#03080c 100%);background-size:240% 100%}.app-icon{position:relative;z-index:1;display:grid;place-items:center;min-width:0;margin:9px;border:1px solid rgba(85,231,255,.38);border-radius:50%;background:radial-gradient(circle at 40% 32%,rgba(255,188,85,.22),rgba(0,188,228,.09) 45%,rgba(2,8,14,.85) 72%);box-shadow:inset 0 1px rgba(255,255,255,.3),inset 0 -8px 16px rgba(0,0,0,.55),0 0 18px rgba(85,231,255,.12)}.app-card .app-icon img{width:104px;height:104px;object-fit:contain;border:0;filter:drop-shadow(0 7px 7px rgba(0,0,0,.55)) saturate(.95)}.app-card-copy{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:15px;padding:17px 20px 16px 8px}.app-card-copy>span{grid-column:1}.app-card-copy h3{grid-column:1;margin:5px 0 1px;font-size:clamp(16px,2vw,23px);white-space:nowrap}.app-card-copy p{grid-column:1;margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-card-copy strong{grid-column:2;grid-row:1/4;align-self:center;margin:0;white-space:nowrap}.app-card:hover .app-icon{box-shadow:inset 0 1px rgba(255,255,255,.45),0 0 28px rgba(255,173,66,.22)}
@media(max-width:620px){.app-card{grid-template-columns:92px 1fr;min-height:108px;max-height:none}.app-card .app-icon img{width:78px;height:78px}.app-icon{margin:8px}.app-card-copy{grid-template-columns:1fr;padding:14px 12px 14px 2px}.app-card-copy h3{font-size:15px;white-space:normal}.app-card-copy p{display:none}.app-card-copy strong{grid-column:1;grid-row:auto;justify-self:start;margin-top:7px;padding:5px 10px}.app-card img{border:0}}

/* Escala final del mango dentro del botón. */
.app-card .app-icon img{width:72px;height:72px}
@media(max-width:620px){.app-card .app-icon img{width:54px;height:54px}}

/* Nombre completo sin botón auxiliar. Toda la tarjeta continúa siendo el enlace. */
.app-card-copy{grid-template-columns:1fr}.app-card-copy h3{font-size:clamp(13px,1.65vw,18px);letter-spacing:0;white-space:nowrap}.app-card-copy p{max-width:100%}
@media(max-width:620px){.app-card-copy h3{font-size:13px;line-height:1.12;white-space:normal}}

/* Dos trabajos académicos por fila cuando hay espacio. */
.app-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));max-width:1120px}

/* Emblemas con color original y mayor presencia visual. */
.seal img{filter:saturate(1.12) contrast(1.06);opacity:.96;mix-blend-mode:normal}.seal{background:radial-gradient(circle,rgba(223,75,53,.12),rgba(85,231,255,.10) 52%,rgba(2,8,14,.88) 76%);border-color:rgba(240,104,76,.38);box-shadow:0 0 34px rgba(223,75,53,.12),0 0 48px rgba(85,231,255,.12)}
.hero-image{opacity:.82;filter:saturate(.88) contrast(1.08) hue-rotate(0deg)}

/* Fondo principal seleccionado por el autor. */
.hero-image{background:linear-gradient(90deg,rgba(2,6,11,.12),rgba(2,6,11,.80) 72%),linear-gradient(0deg,rgba(2,6,11,.94),transparent 58%),url('../assets/imagenes/star_trek_federation_section_31a_3840x2160_by_imaximus_dasb6f8-pre.jpg') center/cover no-repeat}

/* Jerarquía académica de Archivos. */
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;color:#738c99;font:600 10px "Roboto Mono";letter-spacing:.08em}.breadcrumbs b{color:var(--cyan)}.breadcrumbs strong{color:#c6e9f0;font-weight:600}.academic-group{display:grid;grid-template-columns:minmax(230px,320px) minmax(280px,560px);gap:clamp(22px,4vw,55px);align-items:start;max-width:980px;padding:24px;border:1px solid rgba(85,231,255,.23);border-left:5px solid var(--cyan);background:linear-gradient(115deg,rgba(5,23,34,.88),rgba(3,10,17,.62));box-shadow:inset 0 1px rgba(255,255,255,.10)}.academic-heading>span{color:var(--cyan);font:600 9px "Roboto Mono";letter-spacing:.1em}.academic-heading h3{margin:9px 0 10px;font:400 clamp(20px,3vw,29px)/1.14 "Michroma";color:#eefcff}.academic-heading p{margin:0;color:#8fa6b1;font:500 13px/1.5 "Rajdhani"}.academic-group .app-grid{width:100%}.module-panel#archivos h2{margin-bottom:32px}
@media(max-width:760px){.academic-group{grid-template-columns:1fr;padding:18px}.academic-heading h3{font-size:20px}.breadcrumbs{font-size:8px;gap:6px}.module-panel#archivos h2{font-size:46px;margin-bottom:24px}}