/* Diseño original: Montserrat y paleta de la referencia. */
#mnb-preview{--mnb-orange:#f36b3d;--mnb-cyan:#4c87ff;background:#090c25;color:#fff;font-family:'Montserrat',sans-serif;container-type:inline-size;color-scheme:dark;line-height:1.5;overflow:hidden}
#mnb-preview *{box-sizing:border-box}
#mnb-preview [hidden]{display:none!important}
#mnb-preview h1,#mnb-preview h2,#mnb-preview h3,#mnb-preview p{margin:0}
#mnb-preview button,#mnb-preview a{font:inherit}
#mnb-preview button{cursor:pointer}
#mnb-preview .mnb-wrap{width:88%;max-width:1140px;margin:auto}
#mnb-preview .mnb-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #ffffff20}
#mnb-preview .mnb-brands{display:flex;align-items:center;gap:22px}
#mnb-preview .mnb-logo{width:115px;height:58px;object-fit:contain}
#mnb-preview .mnb-flex{font-size:22px;font-weight:900;letter-spacing:-1px;border-left:1px solid #ffffff35;padding-left:22px}
#mnb-preview .mnb-navlink{background:transparent;border:0;color:#c3c8df;font-size:16px;padding:12px 0}
#mnb-preview .mnb-hero{position:relative;isolation:isolate;min-height:390px;padding:50px 0 46px}
#mnb-preview .mnb-hero-img{position:absolute;z-index:-2;right:-7%;top:0;width:75%;height:100%;object-fit:cover;object-position:58% 30%}
#mnb-preview .mnb-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090c25 0%,#090c25ee 23%,#090c2570 52%,#090c2500 85%),linear-gradient(0deg,#090c25 0%,transparent 50%)}
#mnb-preview .mnb-eyebrow{color:var(--mnb-cyan);font-size:16px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}
#mnb-preview h1{font-family:'Montserrat',sans-serif;font-size:clamp(40px,6.8cqw,72px);line-height:.99;letter-spacing:-.6px;text-transform:uppercase;max-width:570px;font-weight:800}
#mnb-preview h1 em{display:block;color:var(--mnb-orange);font-style:normal}
#mnb-preview .mnb-intro{max-width:365px;color:#d7d8e6;font-size:16px;margin-top:21px}
#mnb-preview .mnb-tags{display:flex;gap:12px;align-items:center;margin-top:22px;font-size:16px;font-weight:800;color:#e1e3f1}
#mnb-preview .mnb-tags span+span{border-left:1px solid #ffffff40;padding-left:12px}
#mnb-preview .mnb-entry{background:#13172f;border:1px solid #303650;border-radius:16px;padding:25px 28px;position:relative;margin-top:0}
#mnb-preview .mnb-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
#mnb-preview h2{font-size:24px;line-height:1.2;font-weight:900;letter-spacing:-.6px}
#mnb-preview .mnb-step{font-size:16px;color:#bcc3df;white-space:nowrap}
#mnb-preview .mnb-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#mnb-preview .mnb-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:78px;border-radius:9px;padding:16px 20px;text-align:left;border:1px solid var(--mnb-cyan);background:var(--mnb-cyan);color:#061b2c}
#mnb-preview .mnb-choice strong{display:block;font-weight:900;font-size:18px}
#mnb-preview .mnb-choice small{font-size:16px;display:block;margin-top:2px}
#mnb-preview .mnb-choice.mnb-new{background:transparent;color:white;border-color:#868da8}
#mnb-preview .mnb-choice:hover{filter:brightness(1.12)}
#mnb-preview .mnb-arrow{font-size:24px}
#mnb-preview .mnb-note{color:#b9c0d8;font-size:16px;margin-top:14px}
#mnb-preview .mnb-back{border:0;background:transparent;color:#bdeaf1;padding:8px 0;font-size:16px;text-decoration:underline}
#mnb-preview .mnb-route{border-left:3px solid var(--mnb-cyan);padding:10px 16px;background:#1d233f;color:#e2e7fa;margin-top:15px;font-size:16px}
#mnb-preview .mnb-series{padding:49px 0 40px}
#mnb-preview .mnb-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
#mnb-preview .mnb-section-head p{font-size:16px;color:#bcc2da;max-width:260px}
#mnb-preview .mnb-episodes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#mnb-preview .mnb-episode{position:relative;min-height:163px;padding:18px 16px;background:linear-gradient(135deg,#162344,#12152e);border-top:2px solid var(--mnb-cyan);border-radius:0 0 8px 8px;overflow:hidden}
#mnb-preview .mnb-number{font-family:'Montserrat',sans-serif;display:block;color:var(--mnb-cyan);font-size:49px;line-height:1;font-weight:700}
#mnb-preview .mnb-episode h3{font-size:16px;line-height:1.2;margin-top:14px;font-weight:800}
#mnb-preview .mnb-episode small{position:absolute;top:20px;right:12px;color:#bfc8e0;font-size:16px;letter-spacing:1px}
#mnb-preview .mnb-episode:last-child{border-color:var(--mnb-orange);background:linear-gradient(130deg,#40213c,#21162d)}
#mnb-preview .mnb-episode:last-child .mnb-number{color:var(--mnb-orange)}
#mnb-preview .mnb-episode:last-child small{color:#ffbd9f}
#mnb-preview .mnb-paccc{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:32px;background:#18132f;border-radius:12px;border:1px solid #3d2d54}
#mnb-preview .mnb-paccc .mnb-eyebrow{color:#ff9d78;margin-bottom:10px}
#mnb-preview .mnb-paccc p{font-size:16px;color:#d0c8df;margin-top:13px}
#mnb-preview .mnb-paccc-list{display:flex;flex-wrap:wrap;gap:8px;align-content:center}
#mnb-preview .mnb-paccc-list span{padding:9px 13px;border:1px solid #675375;border-radius:6px;font-size:16px;color:#fff}
#mnb-preview .mnb-paccc-list b{color:#ff9d78}
#mnb-preview .mnb-help{padding:27px 0;border-bottom:1px solid #ffffff20;font-size:16px;color:#c9cee3}
#mnb-preview summary{cursor:pointer;color:#fff;min-height:32px;padding:5px 0;font-weight:800}
#mnb-preview .mnb-help p{max-width:660px;padding:12px 0}
#mnb-preview .mnb-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0}
#mnb-preview .mnb-bottom p{font-weight:800;font-size:18px}
#mnb-preview .mnb-go{border:0;background:var(--mnb-cyan);color:#071d29;padding:12px 22px;border-radius:7px;font-weight:900;font-size:16px}
#mnb-preview .mnb-credit{padding:21px 6%;background:#07091c;display:flex;justify-content:space-between;gap:20px;font-size:16px;color:#abb3d1}
#mnb-preview .mnb-credit strong{color:#fff}
#mnb-preview[data-compact='true'] .mnb-hero{min-height:320px;padding-top:30px}
@container(max-width:600px){#mnb-preview .mnb-wrap{width:88%}
#mnb-preview .mnb-navlink{font-size:16px}
#mnb-preview .mnb-brands{gap:12px}
#mnb-preview .mnb-flex{padding-left:12px;font-size:18px}
#mnb-preview .mnb-logo{width:89px;height:47px}
#mnb-preview .mnb-hero{padding:200px 0 27px;min-height:0}
#mnb-preview .mnb-hero-img{width:114%;height:275px;right:-7%;object-position:center 23%}
#mnb-preview .mnb-hero:after{background:linear-gradient(0deg,#090c25 0%,#090c25 33%,#090c2500 78%)}
#mnb-preview h1{font-size:46px;max-width:400px}
#mnb-preview .mnb-intro{font-size:16px;max-width:100%}
#mnb-preview .mnb-entry{padding:20px 17px}
#mnb-preview .mnb-entry-heading{align-items:start;flex-direction:column;gap:6px}
#mnb-preview .mnb-step{font-size:16px;padding-top:4px}
#mnb-preview h2{font-size:22px}
#mnb-preview .mnb-choices{grid-template-columns:1fr;gap:10px}
#mnb-preview .mnb-choice{min-height:76px;padding:14px 16px}
#mnb-preview .mnb-choice strong{font-size:17px}
#mnb-preview .mnb-section-head{display:block}
#mnb-preview .mnb-section-head p{margin-top:11px;max-width:none}
#mnb-preview .mnb-series{padding:33px 0 25px}
#mnb-preview .mnb-episodes{grid-template-columns:1fr 1fr}
#mnb-preview .mnb-episode{min-height:153px;padding:15px 12px}
#mnb-preview .mnb-episode small{font-size:16px;right:9px}
#mnb-preview .mnb-paccc{grid-template-columns:1fr;padding:23px;gap:20px}
#mnb-preview .mnb-bottom{align-items:stretch;flex-direction:column;gap:14px}
#mnb-preview .mnb-go{min-height:48px}
#mnb-preview .mnb-credit{flex-direction:column;gap:5px}
#mnb-preview[data-compact='true'] .mnb-hero{padding-top:180px}}
#mnb-preview{--mnb-cyan:#4c87ff;--mnb-orange:#ff765f;font-family:'Montserrat',sans-serif;background:#080c29}
#mnb-preview .mnb-nav{border:0;padding:27px 0 0;position:relative;z-index:2;align-items:start}
#mnb-preview .mnb-logo{width:157px;height:90px;object-fit:contain}
#mnb-preview .mnb-flex{margin-top:20px;font-family:'Montserrat',sans-serif;font-size:20px}
#mnb-preview .mnb-navlink{margin-top:20px;color:#e3dfee}
#mnb-preview .mnb-hero{padding:62px 0 36px;min-height:355px}
#mnb-preview .mnb-hero-img{right:-6.82%;top:-117px;width:113.64%;height:calc(100% + 117px);object-fit:cover;object-position:center top}
#mnb-preview .mnb-hero:after{inset:-117px -6.82% 0;background:linear-gradient(0deg,#080c29 0%,#080c2980 22%,transparent 80%),linear-gradient(90deg,#20112f55,transparent)}
#mnb-preview .mnb-hero .mnb-eyebrow{display:table;background:#4c87ff;color:#080c29;padding:6px 18px;border-radius:30px;letter-spacing:.6px;font-size:16px;line-height:1.1;font-weight:800;margin-bottom:19px}
#mnb-preview .mnb-hero .mnb-eyebrow b{color:white;margin-left:8px}
#mnb-preview h1{font-family:'Montserrat',sans-serif;font-size:clamp(30px,5.15cqw,60px);font-weight:900;line-height:1.09;letter-spacing:-1.3px;max-width:100%;text-transform:uppercase}
#mnb-preview h1 em{color:#ff765f;margin-top:4px}
#mnb-preview .mnb-intro{font-size:18px;max-width:650px;line-height:1.5;font-weight:400;color:#e5e2f0;margin-top:18px}
#mnb-preview .mnb-intro strong{font-weight:800;color:white}
#mnb-preview .mnb-tags{display:none}
#mnb-preview .mnb-entry{background:#11162e;border-color:#35405e;border-radius:12px}
#mnb-preview .mnb-choice{background:#4c87ff;color:#070e28;border-color:#4c87ff}
#mnb-preview .mnb-choice strong{font-weight:800}
#mnb-preview .mnb-choice.mnb-new{border-color:#879bc7}
#mnb-preview .mnb-eyebrow{color:#7ca7ff}
#mnb-preview .mnb-episodes{grid-template-columns:1fr 1fr;gap:23px}
#mnb-preview .mnb-episode,#mnb-preview .mnb-episode:last-child{--episode-accent:#4c87ff;padding:0;min-height:0;border:1px solid #513379;border-radius:8px;background:#201334;overflow:hidden;position:relative}
#mnb-preview .mnb-episode:last-child{--episode-accent:#ff765f;border-color:#ff765f}
#mnb-preview .mnb-episode-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#201334,transparent 85%)}
#mnb-preview .mnb-episode-caption{display:flex;align-items:center;gap:17px;position:relative;margin-top:-27px;padding:0 19px 19px;isolation:isolate}
#mnb-preview .mnb-episode-index{flex:0 0 94px;text-align:center}
#mnb-preview .mnb-episode small{position:static;display:block;width:fit-content;margin:0 auto 2px;background:var(--episode-accent);color:#080c29!important;font-size:16px;line-height:1.3;letter-spacing:.6px;font-weight:900;padding:2px 10px;border-radius:30px}
#mnb-preview .mnb-number,#mnb-preview .mnb-episode:last-child .mnb-number{font-family:'Montserrat',sans-serif;font-size:75px;letter-spacing:-4px;font-weight:900;line-height:.96;color:var(--episode-accent)}
#mnb-preview .mnb-episode h3{position:relative;font-family:'Montserrat',sans-serif;font-size:clamp(19px,2.75cqw,31px);font-weight:900;line-height:.97;letter-spacing:-.6px;text-transform:uppercase;margin:0;padding:8px 0 8px 18px;min-height:72px;display:flex;align-items:center}
#mnb-preview .mnb-episode h3:before{content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:#66ccff}
#mnb-preview .mnb-flexclass{position:absolute;right:13px;top:12px;background:#ff765f;border-radius:7px;padding:4px 10px;color:white;font-size:16px;font-weight:800}
#mnb-preview .mnb-paccc-list span{border-radius:30px}
#mnb-preview .mnb-go{background:#4c87ff;color:#070e28}
#mnb-preview[data-compact='true'] .mnb-hero{padding-top:40px;min-height:310px}
@container(max-width:600px){
#mnb-preview .mnb-logo{width:120px;height:70px}
#mnb-preview .mnb-nav{padding-top:20px}
#mnb-preview .mnb-flex{font-size:16px;padding-left:10px;margin-top:18px}
#mnb-preview .mnb-navlink{display:none}
#mnb-preview .mnb-hero,#mnb-preview[data-compact='true'] .mnb-hero{padding:108px 0 28px;min-height:0}
#mnb-preview .mnb-hero-img{top:-90px;height:300px;object-position:60% top}
#mnb-preview .mnb-hero:after{inset:-90px -6.82% 0;background:linear-gradient(0deg,#080c29 2%,#080c29 40%,transparent 95%)}
#mnb-preview .mnb-hero .mnb-eyebrow{font-size:16px;padding:6px 10px;letter-spacing:.2px;margin-bottom:17px}
#mnb-preview .mnb-hero .mnb-eyebrow b{margin-left:3px}
#mnb-preview h1{font-size:clamp(28px,6.6cqw,40px);line-height:1.08;letter-spacing:-.6px}
#mnb-preview .mnb-intro{font-size:16px;margin-top:16px}
#mnb-preview .mnb-episodes{grid-template-columns:1fr;gap:17px}
#mnb-preview .mnb-episode-caption{padding:0 16px 17px;gap:14px}
#mnb-preview .mnb-episode-index{flex-basis:86px}
#mnb-preview .mnb-number{font-size:70px}
#mnb-preview .mnb-episode h3{font-size:clamp(21px,5.8cqw,30px);padding-left:15px}
#mnb-preview .mnb-episode small{font-size:16px}
}



/* Componentes compartidos de la landing. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; background: #080c29; }
body { margin: 0; background: #080c29; color: #fff; font-family: 'Montserrat', sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
:focus-visible { outline: 3px solid #7ca7ff; outline-offset: 5px; }
.skip-link { position: fixed; z-index: 100; top: -100px; left: 16px; background: #fff; color: #080c29; padding: 12px; }
.skip-link:focus { top: 12px; }
.nav { position: relative; z-index: 5; padding: 27px 0 0; }
.inl-1 { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 90px; }
.inl-2 { display: flex; align-items: center; gap: 22px; flex-shrink: 0; }
.inl-3 { width: 157px; height: 90px; object-fit: contain; }
.inl-4, .footer-logo-divider { width: 1px; height: 30px; background: #ffffff35; }
.nav-logo-lottie, .footer-logo-lottie { width: 140px; aspect-ratio: 2.5; flex-shrink: 0; }
.nav-links, .nav-ctas { display: flex; align-items: center; gap: 22px; font-size: 16px; }
.nav a:hover, .footer-links a[href]:hover { color: #7ca7ff; }
.btn-outline { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #879bc7; border-radius: 8px; padding: 12px 16px; font-weight: 700; }
.btn-start { position: relative; padding-inline: 44px; text-align: center; transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease; }
.btn-start-arrow { position: absolute; right: 14px; color: #4c87ff; pointer-events: none; animation: start-arrow-bounce 1.2s cubic-bezier(.45, 0, .2, 1) infinite; }
.btn-start:hover, .btn-start:focus-visible { border-color: #4c87ff; background-color: rgba(76, 135, 255, .12); box-shadow: 0 0 18px rgba(76, 135, 255, .16); }
@keyframes start-arrow-bounce {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(4px); }
}

.nav-access-dropdown { position: relative; }
.nav-access-toggle { background: transparent; border: 0; color: #fff; padding: 12px 0; cursor: pointer; }
.nav-access-chevron::after { content: '⌄'; margin-left: 8px; }
.nav-access-menu { display: none; position: absolute; top: 100%; right: 0; width: 240px; background: #11162e; border: 1px solid #35405e; border-radius: 12px; padding: 16px; }
.nav-access-dropdown.is-open .nav-access-menu { display: grid; gap: 16px; }
.nav-burger { display: none; flex-direction: column; justify-content: center; gap: 5px; background: transparent; border: 0; width: 44px; height: 44px; cursor: pointer; }
.nav-burger span { width: 24px; height: 2px; background: #fff; }
.nav-mobile-panel { display: none; }
#mnb-preview .mnb-role-note { margin: 0 0 16px; }
.contacto-section { padding: 64px 0; margin-top: 32px; border-top: 1px solid #ffffff20; background: #151b2e; box-shadow: 0 0 0 100vmax #151b2e; clip-path: inset(0 -100vmax); }
.contacto-editorial { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; }
@media (max-width: 900px) {
  .contacto-editorial { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
.section-eyebrow { text-transform: uppercase; color: #7ca7ff; font-size: 16px; font-weight: 900; letter-spacing: 2px; }
#mnb-preview .contacto-editorial h2 { margin: 15px 0 20px; }
.contacto-editorial-intro, .contacto-editorial-alt { color: #bcc2da; font-size: 16px; line-height: 1.65; }
.contacto-editorial-mail { display: block; color: #7ca7ff; font-weight: 800; margin: 24px 0 16px; overflow-wrap: anywhere; }
.contacto-editorial-list { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.contacto-editorial-list article { display: flex; gap: 12px; border-top: 1px solid #35405e; padding-top: 20px; }
.contacto-editorial-list article > span { color: #ff765f; font-weight: 900; font-size: 22px; }
#mnb-preview .contacto-editorial-list h3 { font-size: 16px; font-weight: 800; line-height: 1.4; }
#mnb-preview .contacto-editorial-list p { color: #bcc2da; font-size: 16px; margin-top: 8px; }
.footer-section { background: #151b2e; border-top: 1px solid #ffffff12; padding: 48px 6% 24px; }
.footer-grid { max-width: 1140px; margin: auto; display: grid; grid-template-columns: 1.8fr .8fr 1fr; gap: 28px; }
.footer-grid > * { min-width: 0; }
.footer-logos { display: grid; grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(8px, 2vw, 14px); max-width: 415px; margin-bottom: 22px; }
.footer-logo-er { width: 100%; max-width: 120px; height: auto; object-fit: contain; }
.footer-logo-mendoza { display: block; width: 100%; max-width: 120px; height: auto; object-fit: contain; }
.footer-logo-lottie { width: 100%; max-width: 120px; min-width: 0; }
.footer-brand-text, .footer-links, .footer-email { font-size: 16px; color: #abb3d1; overflow-wrap: anywhere; }
.footer-links { display: grid; gap: 12px; }
#mnb-preview .footer-heading { font-size: 16px; text-transform: uppercase; margin: 18px 0; font-weight: 800; }
.footer-support-logos { margin-top: 24px; }
.footer-support-logos img { display: block; width: 415px; max-width: 100%; height: auto; }
.footer-social { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 22px; }
.footer-social a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; transition: transform .22s ease, opacity .22s ease; }
.footer-social img { width: 34px; height: 34px; object-fit: contain; }
.footer-social a[href]:hover { transform: translateY(-2px); opacity: .82; }
[aria-disabled='true'] { opacity: .55; }
.footer-bottom { max-width: 1140px; margin: 32px auto 0; padding-top: 22px; border-top: 1px solid #ffffff20; display: flex; justify-content: space-between; gap: 20px; font-size: 16px; color: #abb3d1; }
.footer-privacy-note { display: flex; gap: 8px; }
.footer-privacy-icon { stroke: #7ca7ff; flex-shrink: 0; }
@media (max-width: 1050px) {
  .nav-links, .nav-ctas { display: none; }
  .nav-burger { display: flex; }
  .nav-mobile-panel.is-open { display: grid; gap: 20px; position: absolute; top: 100%; left: 0; right: 0; background: #11162e; padding: 24px; border: 1px solid #35405e; border-radius: 12px; }
  .access-row--mobile { display: grid; gap: 18px; font-size: 16px; }
  .footer-grid { grid-template-columns: 1.5fr 1fr; }
}
@media (max-width: 600px) {
  .nav { padding-top: 20px; }
  .inl-1 { min-height: 70px; gap: 8px; }
  .inl-2 { gap: 10px; }
  .inl-3 { width: 120px; height: 70px; }
  .nav-logo-lottie { width: 100px; }
  .contacto-editorial, .contacto-editorial-list { grid-template-columns: 1fr; gap: 28px; }
  .contacto-section { padding: 40px 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand, .footer-col-contact { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Portada principal y presentación de la experiencia como primera sección. */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  padding: 10px max(4%, calc((100% - 1320px) / 2));
  transition: background-color 250ms ease, box-shadow 250ms ease;
}
.nav.is-scrolled { background: rgba(8,12,41,.8); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: 0 1px 0 rgba(163,191,255,.2); }
.nav .inl-1 { justify-content: flex-start; gap: 24px; }
.nav .nav-links { margin-right: auto; gap: 24px; white-space: nowrap; }
.nav .nav-ctas { margin-left: auto; gap: 10px; display: flex; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity 250ms ease, transform 350ms cubic-bezier(.2,.7,.2,1), visibility 0s 250ms; }
.nav.has-access .nav-ctas { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition-delay: 0s; }
.nav .nav-access-button { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 48px; padding: 12px 16px; border: 1px solid rgba(163,191,255,.5); border-radius: 9px; background: rgba(12,18,43,.28); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); color: #fff; font-size: 16px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.nav .nav-access-button--login { background: rgba(76,135,255,.55); border-color: rgba(124,167,255,.65); }
.nav .nav-access-button:hover { background-color: rgba(76,135,255,.75); color: #fff; }
.nav .nav-access-menu { min-width: 230px; padding: 10px; margin-top: 8px; background: rgba(12,18,43,.96); }
.nav-profile-link { display: flex; justify-content: space-between; gap: 16px; padding: 13px 12px; border: 1px solid #4c87ff; border-radius: 7px; font-size: 16px; font-weight: 800; }
.nav-profile-link--teacher { border-color: #ff765f; }
html { scroll-padding-top: calc(var(--nav-height, 110px) + 20px); }
@media (max-width: 1200px) {
  .nav .inl-2 { gap: 12px; }
  .nav .inl-3 { width: 115px; height: 66px; }
  .nav .nav-logo-lottie { width: 110px; }
  .nav .inl-1 { gap: 16px; }
  .nav .nav-links { gap: 16px; }
}
@media (max-width: 1050px) {
  .nav .inl-1 { flex-wrap: wrap; }
  .nav .nav-burger { margin-left: auto; }
  .nav .nav-ctas { width: 100%; margin-left: 0; }
  .nav:not(.has-access) .nav-ctas { display: none; }
  .nav:not(.has-access) .inl-1 { row-gap: 0; }
  .nav .nav-ctas > * { flex: 1; min-width: 0; }
  .nav .nav-access-dropdown > button { width: 100%; }
  .nav .nav-mobile-panel { left: 4%; right: 4%; }
  .mnb-home-content { padding-top: 185px; }
}
@media (max-width: 600px) {
  .nav .inl-1 { row-gap: 6px; }
  .nav .nav-access-button { font-size: 16px; padding-inline: 12px; gap: 8px; }
}
.mnb-home {
  position: relative;
  isolation: isolate;
  width: 100cqw;
  margin-left: calc((100% - 100cqw) / 2);
  min-height: clamp(620px, 40vw, 800px);
  overflow: hidden;
  background: #080c29;
}
.mnb-home-image {
  position: absolute;
  inset: 0 0 auto;
  z-index: -2;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center top;
}
/* Suaviza solo el borde blanco de la primera imagen, sin recortar la escena. */
.mnb-home-image[data-hero-image="0"] {
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 88%);
  mask-image: linear-gradient(to bottom, #000 70%, transparent 88%);
}
@media (min-width: 601px) {
  .mnb-home-image[data-hero-image="0"] { -webkit-mask-image: none; mask-image: none; }
}
.mnb-home::after {
  content: '';
  position: absolute;
  inset: 0;
  bottom: auto;
  height: 50cqw;
  z-index: -1;
  background: linear-gradient(0deg, #080c29 0%, transparent 24%), linear-gradient(90deg, #080c2933, transparent 65%);
}
.mnb-home-content { width: 88%; max-width: 1140px; margin: auto; padding: 150px 0 64px; }
#mnb-preview .mnb-home-content { padding-top: 125px; }
.mnb-home-logo { display: block; width: clamp(230px, 20vw, 320px); height: auto; }
.mnb-home-copy { margin-top: clamp(65px, 5vw, 115px); }
#mnb-preview .mnb-home-badge { display: table; border-radius: 30px; padding: 3px 22px; background: #4c87ff; color: #fff; font-size: clamp(16px, 1.5vw, 22px); font-weight: 700; }
#mnb-preview .mnb-home h1:not(.hero-story-title) { margin-top: 8px; font-size: clamp(52px, 5.7vw, 88px); line-height: 1; letter-spacing: -2px; }
#mnb-preview .mnb-home-tagline { margin-top: 10px; font-size: clamp(18px, 1.6vw, 24px); font-weight: 500; line-height: 1.4; }
#mnb-preview .mnb-home .mnb-entry {
  margin-top: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.01)), rgba(12,18,43,.28);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
  border: 1px solid rgba(163,191,255,.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(255,255,255,.035), 0 16px 48px rgba(3,7,24,.28);
}
.hero-ambience { position: absolute; z-index: -2; inset: auto 0 0; height: 55%; pointer-events: none; overflow: hidden; mask-image: linear-gradient(transparent, #000 35%, #000 80%, transparent); -webkit-mask-image: linear-gradient(transparent, #000 35%, #000 80%, transparent); }
.hero-ambience img { position: absolute; inset: -30px; width: calc(100% + 60px); height: calc(100% + 60px); object-fit: cover; object-position: center; filter: blur(28px); opacity: 0; transition: opacity 2400ms cubic-bezier(.45,0,.55,1); }
.hero-ambience img.is-active { opacity: .28; }
#mnb-preview #mnb-login { background: rgba(76,135,255,.55); color: #fff; border-color: rgba(124,167,255,.65); }
#mnb-preview #mnb-register { background: transparent; border-color: rgba(163,191,255,.5); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #mnb-preview .mnb-home .mnb-entry { background-color: rgba(17,22,46,.9); }
}

#mnb-preview .mnb-story { margin: 32px 0 24px; padding: 72px 0 60px; min-height: 390px; }
#mnb-preview .mnb-story .mnb-hero-img { top: 0; height: 100%; }
#mnb-preview .mnb-story::after { inset: 0 -6.82%; background: linear-gradient(0deg, #080c29, #080c2980 25%, transparent 90%), linear-gradient(90deg, #080c2980, transparent); }
#mnb-preview .mnb-story h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(30px, 5.15cqw, 60px); font-weight: 900; line-height: 1.09; letter-spacing: -1.3px; text-transform: uppercase; }
#mnb-preview .mnb-story h2 em { display: block; color: #ff765f; margin-top: 4px; font-style: normal; }
@media (max-width: 600px) {
  .mnb-home { min-height: 620px; }
  .mnb-home::after { background: linear-gradient(0deg, #080c29 0%, transparent 40%); }
  .mnb-home-content { padding: 110px 0 44px; }
  .mnb-home-logo { width: 155px; }
  .mnb-home-copy { margin-top: 190px; }
  #mnb-preview .mnb-home h1:not(.hero-story-title) { font-size: clamp(40px, 11cqw, 60px); letter-spacing: -1px; }
  #mnb-preview .mnb-home-tagline { max-width: 320px; font-size: 17px; }
  #mnb-preview .mnb-story { margin-top: 0; padding: 160px 0 36px; min-height: 0; }
  #mnb-preview .mnb-story .mnb-hero-img { height: 300px; }
  #mnb-preview .mnb-story::after { background: linear-gradient(0deg, #080c29 3%, #080c29 30%, transparent 92%); }
  #mnb-preview .mnb-story h2 { font-size: clamp(28px, 6.6cqw, 40px); line-height: 1.08; letter-spacing: -.6px; }
}

/* Prioridad de portada: los accesos caben en el alto disponible.
   svh considera las barras del navegador móvil. Sin alturas que recorten texto. */
.mnb-home { min-height: max(100svh, 50cqw); }
.mnb-home-content {
  min-height: max(100svh, 50cqw);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 125px;
  padding-bottom: clamp(16px, 3svh, 32px);
}
.mnb-home-logo { width: auto; height: clamp(70px, 15svh, 165px); align-self: flex-start; }
.mnb-home-copy { margin-top: clamp(16px, 4svh, 48px); }
#mnb-preview .mnb-home h1:not(.hero-story-title) { font-size: clamp(38px, 8svh, 80px); }
#mnb-preview .mnb-home .mnb-entry { margin-top: clamp(14px, 2.5svh, 24px); padding: clamp(14px, 2svh, 25px) 24px; }
#mnb-preview .mnb-home .mnb-entry-heading { margin-bottom: 12px; }
#mnb-preview .mnb-home .mnb-choice { min-height: 72px; padding: 12px 18px; }
#mnb-preview .mnb-home .mnb-note { margin-top: 10px; }
#mnb-preview .mnb-home .mnb-role-note { margin: 0 0 12px; }
@media (max-height: 759px) {
  .mnb-home-logo { display: none; }
  .mnb-home-copy { margin-top: 0; }
}
@media (max-width: 600px) {
  .mnb-home-content { padding-top: 100px; padding-bottom: 16px; }
  .mnb-home-logo { height: clamp(60px, 10svh, 85px); }
  .mnb-home-copy { margin-top: 16px; }
  #mnb-preview .mnb-home h1:not(.hero-story-title) { font-size: clamp(36px, 10cqw, 52px); }
  #mnb-preview .mnb-home .mnb-entry { padding: 16px; }
  #mnb-preview .mnb-home .mnb-entry-heading { gap: 4px; }
  #mnb-preview .mnb-home .mnb-choice { min-height: 64px; padding: 10px 12px; }
  #mnb-preview .mnb-home .mnb-choice strong { font-size: 16px; }
}
@media (max-width: 600px) and (max-height: 740px) {
  .mnb-home-content { justify-content: flex-end; }
  #mnb-preview .mnb-home .mnb-step { display: none; }
  #mnb-preview .mnb-home .mnb-choices { grid-template-columns: 1fr 1fr; gap: 8px; }
  #mnb-preview .mnb-home .mnb-choice { min-height: 76px; }
  #mnb-preview .mnb-home .mnb-choice small { font-size: 16px; }
  #mnb-preview .mnb-home .mnb-arrow { display: none; }
  #mnb-preview .mnb-home .mnb-entry h2 { font-size: 20px; }
}
/* En horizontal el texto y los accesos comparten una fila. */
@media (min-width: 601px) and (max-height: 540px) {
  #mnb-preview .mnb-wrap > .nav { padding-top: 10px; }
  .inl-1 { min-height: 60px; }
  .inl-3 { height: 56px; width: 110px; }
  .mnb-home-content { display: grid; grid-template-columns: .85fr 1.15fr; gap: 24px; align-items: center; padding-top: 84px; padding-bottom: 16px; }
  #mnb-preview .mnb-home h1:not(.hero-story-title) { font-size: clamp(32px, 5vw, 60px); }
  #mnb-preview .mnb-home-tagline { font-size: 16px; }
  #mnb-preview .mnb-home-badge { font-size: 16px; padding-inline: 12px; }
  #mnb-preview .mnb-home .mnb-entry { margin-top: 0; padding: 14px; }
  #mnb-preview .mnb-home .mnb-entry-heading { display: block; }
  #mnb-preview .mnb-home .mnb-entry h2 { font-size: 20px; }
  #mnb-preview .mnb-home .mnb-step { display: none; }
  #mnb-preview .mnb-home .mnb-choice { padding: 10px; }
  #mnb-preview .mnb-home .mnb-choice strong { font-size: 16px; }
  #mnb-preview .mnb-home .mnb-choice small { font-size: 16px; }
  #mnb-preview .mnb-home .mnb-arrow { display: none; }
}

/* Carrusel: los accesos permanecen fijos debajo de las diapositivas. */
.hero-slides { display: grid; }
.hero-slide { grid-area: 1 / 1; align-self: end; opacity: 0; visibility: hidden; transition: opacity 300ms ease-out, visibility 0s 300ms; }
.hero-slide.is-active { opacity: 1; visibility: visible; transition: opacity 650ms ease 180ms, visibility 0s; }
.hero-slide.is-active > * { animation: hero-copy-enter 1000ms cubic-bezier(.16, 1, .3, 1) both; }
.hero-slide.is-active > .mnb-home-badge { animation-delay: 180ms; }
.hero-slide.is-active > h1, .hero-slide.is-active > h2 { animation-delay: 280ms; }
.hero-slide.is-active > .mnb-home-tagline { animation-delay: 400ms; }
@keyframes hero-copy-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.mnb-home-image[data-hero-image] { opacity: 0; transition: opacity 2400ms cubic-bezier(.45, 0, .55, 1); }
.mnb-home-image[data-hero-image].is-active { opacity: 1; }
#mnb-preview .hero-story-title { margin-top: 12px; max-width: 900px; font-size: clamp(30px, 4.4vw, 60px); line-height: 1.08; text-transform: uppercase; font-weight: 900; }
.hero-story-title em { display: block; color: #ff765f; font-style: normal; }
#mnb-preview .hero-slide-ranking .hero-story-title { max-width: 1140px; font-size: clamp(27px, 3.9vw, 56px); }
.hero-slide .mnb-home-tagline { max-width: 760px; }
.hero-controls { display: flex; align-items: center; gap: 0; margin-top: 12px; }
.hero-controls button { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 44px; padding: 8px; background: transparent; border: 0; color: #d6e2ff; cursor: pointer; }
.hero-controls button span { width: 10px; height: 10px; border-radius: 50%; background: #7181a7; transition: background 200ms; }
.hero-controls button[aria-pressed="true"] span { background: #4c87ff; }
@media (max-width: 600px) {
  #mnb-preview .hero-story-title { font-size: clamp(27px, 7.5vw, 40px); }
  #mnb-preview .hero-slide-ranking .hero-story-title { font-size: clamp(27px, 7.5vw, 40px); }
}
@media (min-width: 601px) and (max-height: 540px) {
  .hero-slides, .hero-controls { grid-column: 1; }
  #mnb-access { grid-column: 2; grid-row: 1 / 3; }
}


/* Accesos directos y una única guía debajo del hero. */
#mnb-preview .hero-access .mnb-choices { grid-template-columns: 1fr 1fr; gap: 14px; }
#mnb-preview .hero-access .mnb-choice { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; text-decoration: none; }
#mnb-preview .hero-access .mnb-choice:focus-visible,
#mnb-preview .hero-access a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.hero-register-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
#mnb-preview .hero-register-options a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px; min-height: 48px; border: 1px solid #729cf1; border-radius: 8px; background: #1d2c51; color: #fff; font-size: 16px; font-weight: 700; }
#mnb-preview .hero-register-options a:hover { background: #2b4173; }
#mnb-preview .hero-guide-link { display: flex; flex-direction: column; align-items: center; gap: 10px; grid-column: 1 / -1; width: fit-content; margin: 32px auto 0; padding: 12px 20px; color: #9ddcff; text-align: center; text-decoration: none; }
#mnb-preview .hero-guide-eyebrow { font-size: 16px; font-weight: 800; letter-spacing: .14em; }
#mnb-preview .hero-guide-title { color: #fff; font-size: clamp(24px, 3vw, 34px); font-weight: 900; line-height: 1.15; }
#mnb-preview .hero-guide-description { color: #c9d3eb; font-size: 16px; }
#mnb-preview .hero-guide-link:hover .hero-guide-title { color: #9ddcff; }
#mnb-preview .hero-guide-link:focus-visible { outline: 3px solid #9ddcff; outline-offset: 5px; border-radius: 8px; }
.nav .nav-access-button { font-size: 16px; }
.hero-guide-link svg { animation: start-arrow-bounce 1.2s ease-in-out infinite; }
@media (max-width: 1050px) {
  .nav .nav-ctas > * { flex: 1 1 0; }
  .nav .nav-access-button { white-space: normal; line-height: 1.35; text-align: left; }
  .nav .nav-access-button > span { flex-shrink: 0; }
}
@media (max-width: 600px) and (max-height: 740px) {
  #mnb-preview .mnb-home .hero-story-title { font-size: 21px; }
  #mnb-preview .hero-controls button { min-height: 32px; }
  #mnb-preview .mnb-home-tagline { line-height: 1.3; }
}
@media (max-width: 380px) {
  .nav .inl-2 { gap: 8px; min-width: 0; }
  .nav .inl-3 { width: 100px; }
  .nav .nav-logo-lottie { width: 90px; }
  .nav .inl-1 { column-gap: 8px; }
}
@media (max-width: 600px) {
  #mnb-preview .mnb-home .hero-access .mnb-choices, .hero-register-options { grid-template-columns: 1fr; gap: 10px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice { min-height: 60px; }
  #mnb-preview .hero-access .mnb-choice small { font-size: 16px; }
}


/* La portada se dimensiona por el alto visible, no por el ancho de la imagen. */
#mnb-preview .mnb-home { min-height: 100svh; }
#mnb-preview .mnb-home-content { min-height: 100svh; padding-top: calc(var(--nav-height, 110px) + 12px); padding-bottom: 16px; }
#mnb-preview .mnb-home-logo { height: clamp(48px, 9svh, 110px); flex-shrink: 0; }
#mnb-preview .mnb-home-copy { margin-top: clamp(8px, 1.5svh, 18px); }
#mnb-preview .mnb-home h1:not(.hero-story-title) { font-size: clamp(32px, min(5vw, 7svh), 72px); }
#mnb-preview .hero-story-title,
#mnb-preview .hero-slide-ranking .hero-story-title { font-size: clamp(26px, min(4vw, 5.6svh), 60px); margin-top: 8px; }
#mnb-preview .mnb-home-tagline { font-size: clamp(16px, 2svh, 20px); margin-top: 8px; line-height: 1.4; }
#mnb-preview .mnb-home-badge { font-size: clamp(16px, 1.8svh, 18px); padding: 3px 14px; }
#mnb-preview .hero-controls { margin-top: 4px; flex-shrink: 0; }
#mnb-preview .mnb-home .hero-access { margin-top: 8px; padding: 14px; flex-shrink: 0; }
#mnb-preview .mnb-home .hero-access .mnb-choice { min-height: 56px; padding: 10px 14px; }
#mnb-preview .hero-guide-link { margin-top: 14px; padding: 6px 12px; gap: 5px; flex-shrink: 0; }
#mnb-preview .hero-guide-title { font-size: clamp(22px, 3.2svh, 32px); }
#mnb-preview .hero-guide-link svg { width: 26px; height: 26px; }
@media (max-height: 800px) {
  #mnb-preview .mnb-home-logo { display: none; }
}
@media (max-width: 600px) {
  #mnb-preview .mnb-home-content { padding-bottom: 12px; }
  #mnb-preview .hero-story-title,
  #mnb-preview .hero-slide-ranking .hero-story-title { font-size: clamp(23px, 6.6vw, 34px); }
  #mnb-preview .mnb-home .hero-access .mnb-choice strong { font-size: 16px; }
  #mnb-preview .hero-guide-description { font-size: 16px; }
}
@media (max-width: 600px) and (max-height: 740px) {
  #mnb-preview .mnb-home .hero-access .mnb-choices { grid-template-columns: 1fr 1fr; gap: 8px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice { padding: 10px; min-height: 76px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice strong { font-size: 16px; }
  #mnb-preview .hero-guide-eyebrow, #mnb-preview .hero-guide-description { display: none; }
  #mnb-preview .hero-guide-title { font-size: 21px; }
  #mnb-preview .hero-guide-link { margin-top: 8px; }
}
@media (min-width: 601px) and (max-height: 540px) {
  #mnb-preview .mnb-home-content { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 8px 24px; align-content: end; align-items: end; }
  #mnb-preview .hero-slides { grid-column: 1; grid-row: 1; }
  #mnb-preview .hero-controls { grid-column: 1; grid-row: 2; }
  #mnb-preview #mnb-access { grid-column: 2; grid-row: 1; }
  #mnb-preview .hero-guide-link { grid-column: 2; grid-row: 2; margin-top: 0; }
  #mnb-preview .hero-guide-eyebrow, #mnb-preview .hero-guide-description { display: none; }
  #mnb-preview .hero-guide-link { flex-direction: row; }
  #mnb-preview .hero-guide-title { font-size: 20px; }
  #mnb-preview .hero-story-title,
  #mnb-preview .hero-slide-ranking .hero-story-title { font-size: clamp(20px, 3vw, 28px); }
  #mnb-preview .mnb-home-tagline { font-size: 16px; }
  #mnb-preview .mnb-home .hero-access .mnb-choices { grid-template-columns: 1fr; gap: 8px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice { min-height: 54px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice strong { font-size: 16px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice small { font-size: 16px; }
}

@media (max-width: 380px) and (max-height: 700px) {
  #mnb-preview .mnb-home .hero-access { padding: 10px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice { padding: 8px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice strong { font-size: 16px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice small { font-size: 16px; }
  #mnb-preview .hero-story-title,
  #mnb-preview .hero-slide-ranking .hero-story-title { font-size: 21px; }
  #mnb-preview .mnb-home-tagline { font-size: 16px; }
}

#mnb-preview .hero-access { position: relative; }
#mnb-preview .hero-register-options { position: absolute; bottom: calc(100% + 8px); left: 0; right: 0; z-index: 5; margin: 0; padding: 12px; background: #111a32; border: 1px solid #729cf1; border-radius: 12px; box-shadow: 0 12px 32px #03071899; }
@media (max-width: 600px) {
  #mnb-preview .mnb-home-logo { display: none; }
  .nav, .nav.is-scrolled {
    background: linear-gradient(115deg, rgba(157, 220, 255, .18), rgba(150, 164, 220, .08) 55%, rgba(199, 175, 236, .14));
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    backdrop-filter: blur(24px) saturate(150%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 1px 0 rgba(190, 216, 255, .22), 0 8px 24px rgba(4, 8, 26, .08);
  }
}

/* Imágenes móviles debajo del nav, con fundido hacia el texto. */
@media (max-width: 600px) {
  #mnb-preview .mnb-home-image {
    top: var(--nav-height, 90px);
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center top;
    -webkit-mask-image: linear-gradient(#000 0%, #000 65%, transparent 100%);
    mask-image: linear-gradient(#000 0%, #000 65%, transparent 100%);
  }
  #mnb-preview .mnb-home::after { top: var(--nav-height, 90px); height: 70cqw; background: linear-gradient(0deg, #080c29 0%, transparent 45%); }
  #mnb-preview .mnb-home-content { padding-top: calc(var(--nav-height, 90px) + 12px); }
}

@media (min-width: 381px) and (max-width: 600px) {
  #mnb-preview .mnb-home .hero-access .mnb-choices { grid-template-columns: 1fr 1fr; gap: 8px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice { min-height: 76px; padding: 10px; }
  #mnb-preview .mnb-home .hero-access .mnb-choice strong { font-size: 16px; }
  #mnb-preview .mnb-home .hero-access .mnb-arrow { display: none; }
}

/* Cada bajada sigue a su propio título; el carrusel conserva una altura estable. */
.hero-slides { grid-template-rows: auto; }
.hero-slide {
  grid-area: 1 / 1;
  align-self: stretch;
  display: block;
}
.hero-slide > * { align-self: start; }
.hero-slide > .mnb-home-badge { justify-self: start; }

#mnb-preview .mnb-home .hero-story-title { width: 100%; max-width: none; line-height: 1.08; letter-spacing: -.02em; }
#mnb-preview .mnb-home .hero-slide .mnb-home-tagline { max-width: none; }

/* Los 414 px añadidos al techo quedan detrás del nav.
   La escena original de 1200 × 828 se eleva para despejar el logo en mobile. */
@media (max-width: 600px) {
  .nav, .nav.is-scrolled {
    background: rgba(12, 10, 12, .12);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    box-shadow: none;
  }
  #mnb-preview .mnb-home-image {
    top: calc(var(--nav-height, 90px) - 34.5cqw - 80px);
    -webkit-mask-image: linear-gradient(#000 0%, #000 77%, transparent 100%);
    mask-image: linear-gradient(#000 0%, #000 77%, transparent 100%);
  }
}


/* Transparente al inicio; fondo legible desde el primer desplazamiento. */
.nav { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; border: 0; box-shadow: none; }
.nav.is-scrolled { background: linear-gradient(rgba(12, 25, 51, .65), rgba(12, 25, 51, .65)), linear-gradient(115deg, rgba(157, 220, 255, .18), rgba(150, 164, 220, .08) 55%, rgba(199, 175, 236, .14)); -webkit-backdrop-filter: blur(24px) saturate(100%); backdrop-filter: blur(24px) saturate(100%); border: 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 1px 0 rgba(190, 216, 255, .22), 0 8px 24px rgba(4, 8, 26, .08); }
.nav .inl-2, .nav .nav-links { position: relative; }

#mnb-preview .mnb-episode:last-child h3:before { background: #ff765f; }

/* Marcas: Mendoza Aumentada y FlexFlix; No Bullinea se suma al salir del hero. */
.nav .nav-bullinea-logo { display: none; }
.nav.has-access .nav-bullinea-logo { display: block; }
.nav .nav-mendoza-logo { width: 250px; height: auto; object-fit: contain; }
.nav.has-access .nav-mendoza-logo { width: 180px; }
.nav.has-access .nav-logo-lottie { width: 110px; }
.nav.has-access .inl-2 { gap: 14px; }
#mnb-preview .mnb-home-logo {
  display: block;
  height: clamp(110px, 15.4svh, 198px);
  width: auto;
  max-width: 42%;
  object-fit: contain;
}
@media (max-width: 1050px) {
  .nav .nav-mendoza-logo { width: 190px; }
  .nav .inl-2 { gap: 12px; }
  .nav.has-access .inl-2 { display: grid; grid-template-columns: 100px 160px; gap: 5px 14px; }
  .nav.has-access .nav-bullinea-logo { grid-row: 1 / 3; width: 100px; height: 66px; }
  .nav.has-access .nav-mendoza-logo { width: 160px; grid-column: 2; align-self: end; }
  .nav.has-access .nav-logo-lottie { width: 100px; grid-column: 2; align-self: start; }
}
@media (max-width: 600px) {
  .nav .nav-mendoza-logo { width: 165px; }
  .nav .nav-logo-lottie { width: 95px; }
  #mnb-preview .mnb-home-logo {
    position: static;
    align-self: flex-start;
    margin: 0 0 12px;
    height: clamp(82px, 12svh, 110px);
    max-width: 100%;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .16));
  }
  #mnb-preview .hero-slide { margin-top: 0; }
  #mnb-preview .hero-tagline-intro { display: none; }
  #mnb-preview .hero-tagline-rest { display: inline-block; }
  #mnb-preview .hero-tagline-rest::first-letter { text-transform: uppercase; }
  #mnb-preview .mnb-home .hero-story-title {
    font-size: clamp(21px, 5.8vw, 29px);
    line-height: 1.05;
    margin-top: 12px;
  }
  #mnb-preview .mnb-home .hero-slide .mnb-home-tagline {
    font-size: 16px;
    line-height: 1.25;
    margin-top: 8px;
  }
  #mnb-preview .mnb-home .mnb-home-badge {
    font-size: 14px;
    padding: 3px 12px;
  }
}
@media (max-width: 380px) {
  .nav .nav-mendoza-logo { width: 130px; }
  .nav .nav-logo-lottie { width: 80px; }
  .nav.has-access .inl-2 { grid-template-columns: 84px 130px; gap: 4px 8px; }
  .nav.has-access .nav-bullinea-logo { width: 84px; }
  .nav.has-access .nav-mendoza-logo { width: 130px; }
  .nav.has-access .nav-logo-lottie { width: 88px; }
}
@media (min-width: 601px) and (max-height: 540px) {
  #mnb-preview .mnb-home-logo { position: absolute; top: 85px; left: 6%; height: 68.2px; }
}

/* No Bullinea un 20% más pequeño dentro de su espacio en el nav. */
.nav.has-access .nav-bullinea-logo {
  transform: scale(.8);
  transform-origin: center;
}

/* Aire entre la marca principal y la leyenda azul del hero. */
@media (min-width: 601px) and (min-height: 541px) {
  #mnb-preview .mnb-home-logo { margin-bottom: 60px; }
  #mnb-preview .mnb-home-content { padding-top: calc(var(--nav-height, 110px) + 4px); }
  #mnb-preview .hero-slide { margin-top: 0; }
}

@media (min-width: 601px) and (min-height: 541px) and (max-height: 800px) {
  #mnb-preview .hero-guide-link { margin-top: 4px; }
}

/* Aumento adicional del logo del hero solo en desktop. */
@media (min-width: 1051px) {
  #mnb-preview .mnb-home-logo {
    transform: scale(1.1);
    transform-origin: center bottom;
  }
}

/* Colores consistentes para los dos caminos de acceso. */
#mnb-preview #mnb-register,
.nav .nav-access-button--new {
  background: #ff765f;
  border-color: #ff9b89;
  color: #241017;
}
.nav .nav-access-button--new,
.nav .nav-access-button--new:hover { color: #14284b; }
.nav .nav-access-button--new:hover { background: #ff8e7b; }

#mnb-preview #mnb-register { color: #14284b; }
#mnb-preview #mnb-register small { font-weight: 700; }

/* Invitación a las guías sobre el ancho completo de los dos accesos. */
#mnb-preview .hero-guide-button { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 60px; padding: 14px 20px; border: 2px solid #9ddcff; border-radius: 14px; background: #9ddcff; color: #14284b; font-size: clamp(20px, 2.2vw, 26px); font-weight: 900; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 6px 20px #03071824; transition: background .2s, border-color .2s; }
#mnb-preview .hero-guide-button:hover { background: #c4ebff; border-color: #c4ebff; color: #14284b; }

/* Accesos limpios y selector de perfil en un globo flotante. */
#mnb-preview .mnb-home .hero-access { padding: 0; border: 0; background: transparent; box-shadow: none; }
#mnb-preview .mnb-home-content { padding-bottom: clamp(32px, 5svh, 64px); }
#mnb-preview .hero-access .mnb-choice { border: 0; border-radius: 14px; justify-content: center; text-align: center; }
#mnb-preview .hero-access .hero-guide-button { --button-base: #c2eaff; }
#mnb-preview .hero-access #mnb-login { --button-base: #7095e3; }
#mnb-preview .hero-access #mnb-register { --button-base: #ffab99; }
#mnb-preview .hero-access .hero-guide-button,
#mnb-preview .hero-access .mnb-choice {
  box-shadow: inset 0 1px 0 #ffffff30, 0 3px 0 var(--button-base), 0 7px 12px #03071830;
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
#mnb-preview .hero-access .hero-guide-button:active,
#mnb-preview .hero-access .mnb-choice:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 #ffffff20, 0 1px 0 var(--button-base), 0 3px 6px #03071824;
}
#mnb-preview .hero-register-options { left: auto; right: 0; bottom: calc(100% + 16px); width: calc(50% - 7px); min-width: min(320px, 100%); max-width: 100%; display: grid; grid-template-columns: 1fr; gap: 4px; padding: 12px; border: 0; border-radius: 20px; background: #edf4ff; color: #14284b; box-shadow: 0 16px 42px #02051c55; }
#mnb-preview .hero-register-options[hidden] { display: none; }
#mnb-preview .hero-register-options::after { content: ''; position: absolute; bottom: -8px; right: calc(50% - 8px); width: 18px; height: 18px; border-radius: 3px; background: #edf4ff; transform: rotate(45deg); }
#mnb-preview .hero-register-heading { margin: 3px 12px 7px; font-size: 16px; font-weight: 700; color: #4a5c78; }
#mnb-preview .hero-register-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#mnb-preview .hero-register-header .hero-register-heading { margin-block: 0; }
#mnb-preview .hero-register-close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #d7e6ff; color: #14284b; font-size: 30px; line-height: 1; cursor: pointer; }
#mnb-preview .hero-register-close:hover { background: #bfd5f7; }
#mnb-preview .hero-register-close:focus-visible { outline: 2px solid #3455a2; outline-offset: 2px; }
#mnb-preview .hero-register-options a { justify-content: flex-start; min-height: 48px; padding: 13px 14px; border: 0; border-radius: 12px; background: transparent; color: #14284b; font-size: 16px; font-weight: 800; line-height: 1.4; text-decoration: none; }
#mnb-preview .hero-register-options a:hover { background: #d7e6ff; color: #14284b; }
#mnb-preview .hero-register-options a:focus-visible { outline: 2px solid #3455a2; outline-offset: -2px; background: #d7e6ff; }
#mnb-preview .hero-register-options a { display: block; }
#mnb-preview .hero-register-options .hero-register-student { color: #4c87ff; font-weight: 900; }
#mnb-preview .hero-register-options .hero-register-teacher { color: #ff765f; font-weight: 900; }
@media (max-width: 600px) {
  #mnb-preview .hero-register-options { width: 100%; min-width: 0; padding: 10px; }
  #mnb-preview .hero-register-options::after { right: 24%; }
}

/* En mobile, recuperar altura de los accesos y del pie para dar aire al editorial. */
@media (max-width: 600px) {
  #mnb-preview .mnb-home-content { padding-bottom: clamp(20px, 3svh, 36px); }
  #mnb-preview .mnb-home .hero-access .hero-guide-button {
    min-height: 54px;
    padding-block: 11px;
  }
  #mnb-preview .mnb-home .hero-access .mnb-choice {
    min-height: 68.4px;
    padding-block: 9.2px;
  }
  #mnb-preview .mnb-home .hero-access .mnb-choice strong,
  #mnb-preview .mnb-home .hero-access .mnb-choice small { line-height: 1.2; }
  #mnb-preview .mnb-home .hero-access .mnb-choices { row-gap: 10px; }
}
@media (max-width: 380px) and (min-height: 741px) {
  #mnb-preview .mnb-home .hero-access .mnb-choice {
    min-height: 63px;
    padding-block: 6.5px;
  }
}

/* Material para estudiantes: lectura completa y recursos de la campaña. */
#mnb-preview .student-material { position: relative; isolation: isolate; width: 88%; max-width: 1140px; margin: 56px auto 0; padding: 56px 0 64px; color: #e0e5f4; font-size: 16px; line-height: 1.65; }
#mnb-preview .student-material::before { content: ''; position: absolute; z-index: -1; inset: 0 auto 0 50%; width: 100vw; transform: translateX(-50%); background: #0e1532; border-top: 1px solid #9ddcff26; pointer-events: none; }
#mnb-preview .student-material + .contacto-section { margin-top: 0; }
#mnb-preview .student-material h2, #mnb-preview .student-material h3, #mnb-preview .student-material h4 { color: #fff; font-weight: 800; line-height: 1.2; }
#mnb-preview .student-material h3 { font-size: clamp(24px, 3vw, 32px); margin-bottom: 12px; }
#mnb-preview .student-material h4 { font-size: 19px; margin: 0 0 12px; }
#mnb-preview .sm-intro { display: flex; align-items: center; gap: 36px; padding: 40px; border-radius: 24px; background: #304fa2; }
#mnb-preview .sm-intro > div { flex: 1; min-width: 0; }
#mnb-preview .student-material .sm-eyebrow { font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #9ddcff; margin-bottom: 14px; }
#mnb-preview .sm-intro h2 { font-size: clamp(36px, 5.5vw, 64px); text-transform: uppercase; letter-spacing: -.04em; margin-bottom: 20px; }
#mnb-preview .sm-intro h2 span { color: #9ddcff; }
#mnb-preview .sm-block { margin-top: 44px; }
#mnb-preview .sm-grid { display: grid; gap: 16px; margin: 22px 0 0; padding: 0; list-style: none; }
#mnb-preview .sm-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#mnb-preview .sm-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#mnb-preview .sm-grid > * { padding: 24px; border: 1px solid #405175; border-radius: 16px; background: #111932; min-width: 0; }
#mnb-preview .sm-numbered { counter-reset: material-step; }
#mnb-preview .sm-numbered > li { counter-increment: material-step; }
#mnb-preview .sm-numbered > li::before { content: counter(material-step, decimal-leading-zero); display: block; font-size: 36px; font-weight: 900; line-height: 1; color: #9ddcff; margin-bottom: 20px; }
#mnb-preview .sm-note { margin-top: 22px; padding: 24px 28px; border-left: 4px solid #9ddcff; background: #162443; border-radius: 0 14px 14px 0; }
#mnb-preview .sm-note h4 { color: #9ddcff; }
#mnb-preview .sm-types > article { background: transparent; border-width: 2px 0 0; border-color: #ff765f; border-radius: 0; padding: 22px 0 0; }
#mnb-preview .sm-types h4 { color: #ff917e; }
#mnb-preview .sm-signals { margin-top: 44px; padding: 32px; border-radius: 20px; background: #304fa2; }
#mnb-preview .sm-signals ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 36px; padding-left: 22px; margin: 24px 0 0; }
#mnb-preview .sm-signals li::marker { color: #9ddcff; }
#mnb-preview .sm-statement { display: flex; align-items: center; gap: 28px; padding: 32px 0; margin-top: 40px; border-block: 1px solid #547295; }
#mnb-preview .sm-statement h3 { color: #ff917e; font-size: clamp(28px, 4vw, 42px); }
#mnb-preview .sm-action-intro { margin-top: 64px; }
#mnb-preview .sm-action-intro > h3 { font-size: clamp(32px, 4.5vw, 52px); text-transform: uppercase; letter-spacing: -.03em; }
#mnb-preview .sm-action-intro > h3 span { color: #ff765f; }
#mnb-preview .sm-actions > li { border-color: #4c87ff; background: #213975; }
#mnb-preview .sm-callout { margin-top: 24px; border-radius: 20px; padding: 32px; background: #ff765f; color: #14284b; }
#mnb-preview .sm-callout h3 { color: #14284b; text-transform: uppercase; }
#mnb-preview .sm-process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 28px 0 0; }
#mnb-preview .sm-process > li { border-top: 2px solid #4c87ff; padding-top: 20px; min-width: 0; }
#mnb-preview .sm-process h4 { font-size: 18px; }
#mnb-preview .student-material .sm-source { margin-top: 24px; font-size: 13px; color: #b8c5df; }
@media (max-width: 1000px) {
  #mnb-preview .sm-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #mnb-preview .sm-process { grid-template-columns: 1fr; gap: 24px; }
  #mnb-preview .sm-process > li { position: relative; padding: 0 0 0 62px; border-top: 0; }
  #mnb-preview .sm-process > li::before { position: absolute; top: 0; left: 0; font-size: 30px; }
}
@media (max-width: 600px) {
  #mnb-preview .student-material { margin-block: 36px 0; padding-block: 36px 44px; }
  #mnb-preview .sm-intro { padding: 24px; gap: 0; position: relative; }
  #mnb-preview .sm-grid-four, #mnb-preview .sm-grid-three, #mnb-preview .sm-signals ul { grid-template-columns: 1fr; }
  #mnb-preview .sm-grid > * { padding: 22px; }
  #mnb-preview .sm-types > article { padding: 20px 0 0; }
  #mnb-preview .sm-signals, #mnb-preview .sm-callout, #mnb-preview .sm-note { padding: 24px; }
  #mnb-preview .sm-statement { gap: 16px; align-items: flex-start; }
  #mnb-preview .sm-block { margin-top: 36px; }
}

/* Concurso: banner entre el recorrido y el material conceptual. */
#mnb-preview .contest-section { position: relative; isolation: isolate; margin-top: 24px; padding: 48px 0 56px; }
#mnb-preview .contest-section::before { content: ''; position: absolute; z-index: -1; inset: 0 auto 0 50%; width: 100vw; transform: translateX(-50%); background: #1a2446; border-block: 1px solid #9ddcff26; pointer-events: none; }
#mnb-preview .contest-section .contest-banner { margin-top: 0; }
#mnb-preview .contest-custom-banner { display: block; width: 100%; max-width: 1140px; height: auto; margin: 0 auto 28px; border-radius: 18px; }
#mnb-preview .contest-intro-text { color: #edf4ff; font-size: clamp(16px, 1.6vw, 18px); line-height: 1.75; }
#mnb-preview .contest-intro-title { margin: 0 0 20px; color: #9ddcff; font-size: clamp(26px, 3vw, 36px); font-weight: 800; line-height: 1.25; }
#mnb-preview .contest-section + .student-material { margin-top: 0; }
@media (max-width: 700px) {
  #mnb-preview .contest-section { padding-block: 32px 40px; }
}
#mnb-preview .contest-banner { display: grid; grid-template-columns: 1.15fr 1fr; margin: 24px auto 0; border: 1px solid #ff917e; border-radius: 24px; overflow: hidden; background: #18274d; color: #edf4ff; font-size: 17px; line-height: 1.65; }
#mnb-preview .contest-main { grid-column: 1 / -1; display: flex; align-items: center; padding: 36px; background: #111932; color: #edf4ff; }
#mnb-preview .contest-logo { display: block; width: 100%; max-width: 270px; height: auto; }
#mnb-preview .contest-participation > .contest-prizes { margin-top: 24px; border: 1px solid #405175; border-radius: 18px; background: #18274d; }
#mnb-preview .contest-prizes-title { margin: 0; color: #9ddcff; font-size: clamp(24px, 3vw, 30px); font-weight: 800; line-height: 1.2; }
#mnb-preview .contest-visual { position: relative; grid-column: 1 / -1; display: grid; align-items: center; min-height: 350px; background: #080c29; isolation: isolate; }
#mnb-preview .contest-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#mnb-preview .contest-visual::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #080c29e8, #080c2970 32%, transparent 55%); }
#mnb-preview .contest-visual-copy { width: 39%; padding: 36px 0 36px 36px; }
#mnb-preview .contest-visual .contest-eyebrow { color: #9ddcff; }
#mnb-preview .contest-eyebrow { font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; }
#mnb-preview .contest-visual h2 { margin: 12px 0 18px; font-size: clamp(28px, 3.2vw, 42px); font-weight: 900; line-height: 1.03; letter-spacing: -.035em; color: #fff; }
#mnb-preview .contest-visual .contest-invitation { color: #ff917e; }
#mnb-preview .contest-invitation { font-size: clamp(21px, 2.4vw, 26px); font-weight: 800; line-height: 1.25; }
#mnb-preview .contest-description { margin-top: 0; }
#mnb-preview .contest-prizes { display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 36px; }
#mnb-preview .contest-prize-count { display: flex; align-items: center; gap: 20px; color: #9ddcff; }
#mnb-preview .contest-prize-count > strong { font-size: clamp(68px, 7vw, 88px); line-height: 1; font-weight: 900; letter-spacing: -.06em; }
#mnb-preview .contest-prize-count > span { font-size: 20px; line-height: 1.25; font-weight: 800; }
#mnb-preview .contest-prizes p strong { color: #9ddcff; }
#mnb-preview .contest-banner .contest-closing { grid-column: 1 / -1; padding: 22px 36px; background: #9ddcff; color: #14284b; font-size: 19px; font-weight: 800; text-align: center; line-height: 1.45; }
@media (max-width: 700px) {
  #mnb-preview .contest-visual { display: flex; flex-direction: column; min-height: 0; }
  #mnb-preview .contest-image { position: static; z-index: auto; height: auto; aspect-ratio: 1.65; object-fit: cover; object-position: right center; }
  #mnb-preview .contest-visual::before { display: none; }
  #mnb-preview .contest-visual-copy { width: 100%; padding: 24px; }
  #mnb-preview .contest-visual h2 { font-size: clamp(30px, 7.5vw, 42px); }
  #mnb-preview .contest-banner { grid-template-columns: minmax(0, 1fr); border-radius: 18px; font-size: 16px; }
  #mnb-preview .contest-main, #mnb-preview .contest-prizes { padding: 26px 24px; }
  #mnb-preview .contest-banner .contest-closing { padding: 22px 24px; font-size: 18px; }
}

/* Participación en el concurso por perfil. */
#mnb-preview .contest-participation { margin: 36px 0 0; color: #e0e5f4; font-size: 17px; line-height: 1.7; }
#mnb-preview .contest-participation h2 { margin-bottom: 22px; color: #fff; font-size: clamp(26px, 3vw, 34px); font-weight: 800; line-height: 1.2; }
#mnb-preview .contest-participation { --contest-accent: #ffad98; --contest-line: #b77a72; --contest-glow: #ff765f17; }
#mnb-preview .contest-participation:has(#contest-tab-students[aria-selected="true"]) { --contest-accent: #9addff; --contest-line: #5487bd; --contest-glow: #4c87ff20; }
#mnb-preview .contest-tabs { display: flex; gap: 8px; }
#mnb-preview .contest-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-size: 22px; font-weight: 800; transition: background .18s, color .18s; }
#mnb-preview .contest-tabs button:hover { background: #26395b; color: #fff; }
#mnb-preview .contest-tabs button[aria-selected="true"] { background: var(--contest-accent); color: #14284b; border-color: var(--contest-accent); box-shadow: inset 0 3px 0 #ffffff60; }
#mnb-preview .contest-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-preview [aria-selected="true"] .contest-tab-marker { background: #14284b; border-color: #14284b; color: var(--contest-accent); transform: none; }
#mnb-preview .contest-panel { padding: 28px; min-width: 0; border: 1px solid var(--contest-line); border-top: 5px solid var(--contest-accent); border-radius: 0 0 18px 18px; background: linear-gradient(145deg, var(--contest-glow), transparent 65%), #10162d; box-shadow: 0 18px 45px #02051955; }
#mnb-preview .contest-panel > p + p { margin-top: 20px; }
#mnb-preview .contest-prompts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 24px 0; padding: 0; list-style: none; }
#mnb-preview .contest-prompts li { min-width: 0; color: var(--contest-accent); }
#mnb-preview .contest-prompts img { display: block; width: 100%; height: auto; border-radius: 16px; margin-bottom: 18px; }
#mnb-preview .contest-prompt-caption { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: start; gap: 14px; }
#mnb-preview .contest-prompt-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1.5px solid currentColor; border-radius: 50%; }
#mnb-preview .contest-prompt-icon svg { display: block; width: 26px; height: 26px; }
#mnb-preview .contest-prompt-caption h3 { margin: 0; padding: 2px 0 2px 14px; border-left: 3px solid currentColor; color: inherit; font-size: 16px; font-weight: 800; line-height: 1.45; text-transform: uppercase; }
@media (max-width: 360px) {
  #mnb-preview .contest-tabs button[role="tab"],
  #mnb-guide .mg-audience-tabs button[role="tab"] { padding-inline: 8px; gap: 4px; font-size: 16px; }
}
#mnb-preview .contest-panel .contest-requirements { margin-top: 24px; padding: 20px 24px; border-left: 3px solid var(--contest-accent); background: #18274d; }
#mnb-preview .contest-tabs button:focus-visible, #mnb-preview .contest-panel:focus-visible { outline: 3px solid #9ddcff; outline-offset: 4px; }
@media (max-width: 700px) {
  #mnb-preview .contest-participation { font-size: 16px; }
  #mnb-preview .contest-tabs { gap: 6px; }
  #mnb-preview .contest-tabs button { padding: 16px 12px; min-height: 64px; font-size: 17px; gap: 8px; }
  #mnb-preview .contest-tab-marker { width: 32px; height: 32px; }
  #mnb-preview .contest-panel { padding: 24px 20px; }
  #mnb-preview .contest-prompts { grid-template-columns: 1fr; gap: 18px; }
  #mnb-preview .contest-panel .contest-requirements { padding: 16px; }
}

/* Íconos vectoriales uniformes para todas las pestañas por perfil. */
#mnb-preview .contest-tab-marker svg, #mnb-guide .mg-tab-marker svg { display: block; width: 20px; height: 20px; margin: 0; transform: rotate(-90deg); transform-origin: 50% 50%; }
#mnb-preview [aria-selected="true"] .contest-tab-marker svg, #mnb-guide [aria-selected="true"] .mg-tab-marker svg { transform: none; }
@media (prefers-reduced-motion: reduce) {
  #mnb-preview .contest-tab-marker, #mnb-guide .mg-tab-marker { transition: none; }
}

/* Una identidad más viva para la convocatoria, sin alterar la escena. */
#mnb-preview .contest-section::before { background: radial-gradient(ellipse at 8% 8%, #3455a260, transparent 48%), radial-gradient(ellipse at 96% 28%, #ff765f22, transparent 42%), #162345; border-top-color: #75caff66; }
#mnb-preview .contest-banner { border: 2px solid #78d3ff; box-shadow: 0 0 0 5px #4c87ff16, 0 18px 60px #03071860, 0 0 36px #4c87ff20; }
#mnb-preview .contest-visual::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #ff765f 0 32%, #4c87ff 32% 66%, #9ddcff 66%); pointer-events: none; }
#mnb-preview .contest-visual .contest-eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 18px; border: 1px solid #ffb39f; border-radius: 8px; background: #ff765f; color: #14284b; font-size: 18px; font-weight: 900; letter-spacing: .17em; box-shadow: 0 4px 20px #ff765f40; transform: rotate(-3deg); }
#mnb-preview .contest-eyebrow::before { content: ''; width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; background: #14284b; }
#mnb-preview .contest-eyebrow > span { animation: contest-title-pulse 2.2s ease-in-out infinite; }
#mnb-preview .contest-visual .contest-invitation { color: #fff; text-shadow: 0 2px 14px #080c29; }
#mnb-preview .contest-main { background: linear-gradient(110deg, #243b70, #14213f); border-bottom: 1px solid #9ddcff30; }
#mnb-preview .contest-main strong { color: #9ddcff; }
#mnb-preview .contest-banner .contest-closing { background: #ff876f; color: #14284b; }
#mnb-preview .contest-participation > .contest-prizes { border-color: #729cf1; background: linear-gradient(120deg, #2d4a8b, #18274d 75%); }
#mnb-preview .contest-prize-count > strong { color: #9ddcff; text-shadow: 0 0 22px #4c87ff45; }
#mnb-preview .contest-participation > .contest-prizes { display: grid; position: relative; isolation: isolate; overflow: hidden; min-height: 340px; align-items: center; justify-content: stretch; background: #050c1b; }
#mnb-preview .contest-prizes::before { content: ''; position: absolute; z-index: -2; inset: 0 auto 0 0; width: 52%; background: url('assets/img/premios.webp') left center / cover no-repeat; }
#mnb-preview .contest-prizes::after { content: ''; position: absolute; z-index: -1; inset: 0 auto 0 0; width: calc(52% + 1px); pointer-events: none; background: linear-gradient(90deg, rgba(5, 12, 27, 0) 50%, rgba(5, 12, 27, .2) 65%, rgba(5, 12, 27, .65) 80%, #050c1b 98%); }
#mnb-preview .contest-prizes-copy { display: grid; gap: 22px; min-width: 0; margin-left: 40%; color: #fff; }
@media (max-width: 900px) {
  #mnb-preview .contest-participation > .contest-prizes { min-height: 0; padding-top: calc(clamp(250px, 50vw, 400px) + 20px); }
  #mnb-preview .contest-prizes::before { width: 100%; height: clamp(250px, 50vw, 400px); background-position: center top; background-size: cover; }
  #mnb-preview .contest-prizes::after { width: 100%; height: calc(clamp(250px, 50vw, 400px) + 1px); background: linear-gradient(180deg, rgba(5, 12, 27, 0) 55%, rgba(5, 12, 27, .2) 70%, rgba(5, 12, 27, .65) 85%, #050c1b 98%); }
  #mnb-preview .contest-prizes-copy { margin-left: 0; }
}
.nav .nav-mendoza-logo--mobile { display: none; }
@media (max-width: 600px) {
  .nav { padding-inline: 6%; }
  .nav .nav-mendoza-logo--desktop { display: none; }
  .nav .nav-mendoza-logo--mobile { display: block; width: 120px; }
  .nav:not(.has-access) .inl-2 { flex: 1; justify-content: space-between; }
  .nav .nav-burger { align-items: center; margin-right: -10px; }
  .nav.has-access .inl-1 { min-height: 0; gap: 8px; }
  .nav.has-access .inl-2 { display: flex; flex: 1; min-width: 0; align-items: center; justify-content: space-between; gap: 6px; }
  .nav.has-access .nav-bullinea-logo { width: clamp(50px, 15vw, 62px); height: 44px; transform: none; }
  .nav.has-access .nav-mendoza-logo--mobile { width: clamp(76px, 23vw, 92px); align-self: center; }
  .nav.has-access .nav-logo-lottie { width: clamp(60px, 19vw, 76px); align-self: center; }
  .nav .nav-access-button { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-size: clamp(18px, 5vw, 20px); font-weight: 700; white-space: nowrap; line-height: 1; min-height: 40px; padding: 10px 8px; justify-content: center; gap: 0; }
}
@media (max-width: 360px) {
  .nav .nav-access-button { font-size: 17px; }
}
/* Desplegables del nav: una misma superficie y opciones minimalistas. */
.nav .nav-access-menu,
.nav .nav-mobile-panel.is-open { top: calc(100% + 12px); margin-top: 0; padding: 8px; background: #111c30; border: 1px solid #ffffff18; border-radius: 12px; box-shadow: 0 12px 28px #03081733; gap: 4px; }
.nav .nav-access-menu { width: 260px; }
.nav .nav-access-dropdown.is-open .nav-access-menu { gap: 4px; }
.nav .nav-access-menu a,
.nav .nav-mobile-panel a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 12px 14px; border: 0; border-radius: 7px; background: transparent; color: #edf3fc; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: none; }
.nav .nav-access-menu a:hover,
.nav .nav-mobile-panel a:hover { background: #ffffff08; color: #fff; }
.nav .nav-profile-link > span { display: none; }
.nav button:focus-visible,
.nav .nav-access-menu a:focus-visible,
.nav .nav-mobile-panel a:focus-visible { outline: 2px solid #9ddcff; outline-offset: 2px; }
@media (max-width: 1050px) {
  .nav.has-access .nav-ctas { transform: none; }
  .nav .nav-access-dropdown { position: static; }
  .nav .nav-access-menu,
  .nav .nav-mobile-panel.is-open { left: 6%; right: 6%; width: auto; min-width: 0; }
}
@keyframes contest-title-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) {
  #mnb-preview .contest-eyebrow > span { animation: none; }
}