@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#0c1e30;--deep:#071726;--teal:#54d6b7;--ink:#152b3b;--muted:#657985;--bg:#f7f9f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.header{height:80px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;gap:36px;border-bottom:1px solid #e6eced;background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;gap:13px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.07em;line-height:1.15}.brand small{display:block;font-size:9px;color:#71909a;letter-spacing:.22em;margin-top:5px}.mark{font-family:Manrope,Arial;font-size:20px;font-weight:800;color:#0c2437;letter-spacing:-.08em}.dot{color:var(--teal)}.header nav{display:flex;gap:25px;margin-left:auto}.header nav a{font-size:12px;color:#415463}.header nav a:hover{color:#00836c}.navcta{font-size:12px;border:1px solid #bbc9ca;padding:12px 17px;border-radius:3px;white-space:nowrap}.hero{background:var(--navy);color:#f5fcfd}.hero-inner{max-width:1290px;margin:auto;padding:104px 28px 110px;display:grid;grid-template-columns:1.1fr .85fr;gap:75px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--teal);font-weight:800}.eyebrow.dark{color:#14826e}.pill{display:inline-block;margin-left:10px;border:1px solid #497267;color:#bdf7de;padding:6px 10px;letter-spacing:.09em;font-size:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(40px,5.1vw,76px);letter-spacing:-.064em;line-height:1.13;margin:28px 0}h1 em{font-style:normal;color:var(--teal)}.intro{max-width:570px;font-size:17px;line-height:1.85;color:#bbccd5}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.btn{border:0;border-radius:4px;display:inline-flex;gap:22px;justify-content:center;align-items:center;padding:15px 21px;font-weight:700;font-size:12px}.btn.primary{background:var(--teal);color:#0d2c29}.btn.ghost{background:transparent;color:#e2f5f0;border:1px solid #547081}.btn.light{background:#fff;color:#0c302b}.btn.outline{border:1px solid #b7c7c6;background:white}.micro{display:flex;gap:17px;flex-wrap:wrap;color:#a8c1c9;font-size:11px}.metro-panel{background:#10293a;border:1px solid #3c5661;border-radius:9px;box-shadow:0 27px 75px #0004;padding:22px}.panel-top,.panel-bottom,.outputtop{display:flex;justify-content:space-between;color:#95b7c2;font-size:10px;font-weight:700;letter-spacing:.07em}.panel-top .green{color:#78e3c0}.metro-panel svg{width:100%;display:block;margin:5px 0}.section{padding:110px 28px}.narrow{max-width:1150px;margin:auto}.section h2{font-size:clamp(32px,3.6vw,49px);letter-spacing:-.05em;line-height:1.2;margin:18px 0 24px}.section p{color:var(--muted);line-height:1.85;max-width:720px}.muted{color:#7b939d}.features{margin-top:49px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features article{border-top:2px solid #d5e5e4;padding-top:22px}.features .num{color:#159c83;font-size:12px;font-weight:800}.features h3{font-size:18px;margin-top:20px}.features p{font-size:14px}.band{background:#116554;color:white}.split{max-width:1150px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.band h2{color:white}.band p{color:#d2e7e0}.band .eyebrow{color:#b6f2d9}.note{font-size:12px!important;color:#83949b!important;margin-top:20px}.band .note{color:#c2dfd5!important}.kit-card{justify-self:center;width:min(100%,400px);min-height:420px;padding:32px;background:#f9faf3;color:var(--ink);box-shadow:20px 24px 0 #0e574b}.stamp{letter-spacing:.19em;font-size:10px;color:#59887b}.kit-card h3{font-size:55px;line-height:1.03;letter-spacing:-.065em;margin:34px 0}.kit-card ul{list-style:none;padding:0}.kit-card li{padding:9px 0;border-bottom:1px solid #d8e5db;font-size:13px}.footer-card{margin-top:24px;font-size:9px;color:#7f918a;letter-spacing:.12em}.lab{margin-top:38px;display:grid;grid-template-columns:.83fr 1.17fr;gap:22px}.lab form,.output{border:1px solid #dfe7e6;border-radius:7px;padding:28px;background:#fbfcfb}.lab label{font-size:12px;font-weight:700;display:block;margin-bottom:20px}.lab input,.lab textarea{display:block;width:100%;margin-top:8px;border:1px solid #d8e1e2;background:white;padding:13px;border-radius:4px;font-size:13px;resize:vertical}.output{background:#f1f6f4}.outputtop{color:#546e73}.outputtop span{color:#16866e}.placeholder{margin:75px auto;color:#869da2;text-align:center}.textbutton{background:none;border:0;padding:10px 0;color:#157b69;text-decoration:underline;font-size:13px}.textbutton:disabled{opacity:.4}.map-svg{width:100%;max-height:430px}.assistant-section{background:#f0f5f3}.assistant-split{gap:75px}.questions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.questions button{background:#fff;border:1px solid #d4e3df;border-radius:30px;padding:11px 13px;font-size:11px;text-align:left}.chat{background:white;border:1px solid #d8e4e0;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #102b3212}.chat-head{padding:18px;border-bottom:1px solid #ecf0f0;display:flex;gap:10px;align-items:center}.avatar{background:#0c584d;color:white;width:37px;height:37px;border-radius:100%;display:grid;place-items:center;font-weight:bold}.chat-head b{font-size:13px}.chat-head small{display:block;margin-top:4px;font-size:10px;color:#8b9c9e}.chat-messages{height:310px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.bubble{border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.65;max-width:90%;white-space:pre-wrap}.bubble.bot{background:#eef5f0;align-self:flex-start}.bubble.user{background:#0f6956;color:white;align-self:flex-end}.bubble small{display:block;margin-top:8px;color:#568576}.chat form{padding:12px;border-top:1px solid #ecf0f0;display:flex;gap:8px}.chat input{flex:1;border:none;padding:10px;min-width:0;outline:none}.chat form button{width:38px;height:38px;border:0;border-radius:4px;background:#0e765e;color:white}.last{padding-bottom:125px}footer{background:var(--deep);color:#b0c3c9;padding:32px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.footbrand .mark{color:white}@media(max-width:900px){.header{height:68px}.header nav{display:none}.navcta{margin-left:auto}.hero-inner,.split,.assistant-split{grid-template-columns:1fr;gap:45px}.hero-inner{padding:65px 24px}.features{grid-template-columns:1fr}.lab{grid-template-columns:1fr}.section{padding:70px 24px}footer{flex-wrap:wrap}.kit-card{justify-self:start}}@media(max-width:520px){.header{padding:0 15px}.navcta{font-size:10px;padding:10px}.brand{font-size:10px}.hero h1{font-size:42px}.metro-panel{padding:10px}.micro{line-height:1.8}.section h2{font-size:34px}}

/* v0.3 Identidad editorial SIN */
:root{--navy:#100e0d;--dark:#100e0d;--aqua:#f23821;--ink:#1d1715;--muted:#69615f}
.header,footer{background:#0d0b0a!important}.hero{background:linear-gradient(145deg,#0d0908,#23120f)!important}.pill,.mark .dot{color:#ff492f!important}.btn.primary,.navcta{background:#f23821!important;color:white!important}.eyebrow,.num{color:#e4442a}.metro-panel{background:#1f1210!important}.book-origin{background:#f9f5f2}.book-origin-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:75px}.book-origin-inner img{width:100%;max-height:380px;object-fit:contain;box-shadow:12px 17px 29px #21120e35}.book-origin-inner h2{margin:15px 0 18px}.book-origin-inner p{line-height:1.75}.book-origin-inner .btn{display:inline-block;margin-top:14px}@media(max-width:750px){.book-origin-inner{grid-template-columns:1fr;gap:30px}.book-origin-inner img{max-width:230px;margin:auto}}


/* v0.3.1 · Navegación académica de alto contraste */
.header{background:rgba(10,8,8,.97)!important;border-bottom:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.header .brand,.header .brand:visited,.header .mark{color:#fff!important}
.header .brand small{color:#e8e4e2;font-weight:700}
.header nav a,.header nav a:visited{color:#f0eeed;font-weight:600;transition:color .18s ease}
.header nav a:hover,.header nav a:focus-visible{color:#ff765f}
.header nav a[aria-current="page"],.header nav a.active{color:#ff735d}
.header .navcta,.header .navcta:visited{background:#f23821!important;color:#fff!important;border-color:#f23821!important;font-weight:800}
.header .navcta:hover,.header .navcta:focus-visible{background:#ff563d!important}
.header a:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:3px}

/* Identidad editorial unificada · La Empresa SIN */
.header {background:#100e0e !important;border-bottom:1px solid rgba(255,255,255,.13) !important;}
.header nav a {color:#f2ecea !important;opacity:1 !important;}
.header nav a:hover,.header nav a:focus-visible {color:#ff6b58 !important;}
.header .brand,.header .brand * {color:#fff !important;}
.header .navcta {background:#ee3927 !important;color:#fff !important;}
.btn.primary {background:#e93825 !important;color:#fff !important;}
#mapCanvas svg {max-width:100%}

/* v0.4: Academic Hub, una identidad editorial de aula (distinta de la portada) */
:root{--navy:#2b2520;--deep:#211d1a;--teal:#c53a2c;--ink:#292622;--muted:#696057;--bg:#f7f3ec}
body{background:#f7f3ec;color:#292622}
.header{background:#fbf8f3;border-bottom:3px solid #bd3728;box-shadow:0 2px 15px rgba(27,18,13,.08)}
.header a,.header nav a,.header .brand{color:#332924!important}
.header nav a:hover{color:#ad3023!important}
.header .navcta{background:#b93025!important;color:#fff!important}
.brand small{color:#ae3629!important}.mark,.mark .dot{color:#ad3327!important}
.learning-context{background:#e9e0d5;color:#493a30;display:flex;justify-content:space-between;gap:16px;padding:13px clamp(20px,5vw,80px);font-size:11px;letter-spacing:.1em;font-weight:800}
.learning-context a{color:#8c2e25;text-decoration:underline}.learning-context span{text-align:right}
.hero{background:#f7f3ec!important;color:#292622!important}
.hero h1,.hero h1 em{color:#292622!important}.hero h1 em{color:#b73326!important}
.hero .intro,.hero .eyebrow{color:#554940!important}
.hero .pill{border:1px solid #c3ad9d;color:#7f2c25;background:#fff5f0}
.metro-panel{background:#29231f!important;border:1px solid #755044!important;box-shadow:12px 12px 0 #ded0c0!important}
.section{background:#fffdfa}.section:nth-child(even){background:#f6f0e8!important}
.btn.primary,.navcta{background:#b93025!important;color:white!important}.btn.ghost{border-color:#a39a8e!important;color:#3a302b!important}
.section .eyebrow,.section .eyebrow.dark{color:#a53226!important}
@media(max-width:780px){.learning-context{flex-direction:column;gap:6px}.learning-context span{text-align:left}}


/* v0.4.1 · Contraste reforzado para Academic */
:root{--ink:#221b18;--muted:#4d433d;--bg:#f6f1e8}
body{background:#f6f1e8!important;color:var(--ink)!important}
.header{background:#f7f1e8!important;border-bottom:3px solid #b62f24!important;box-shadow:0 2px 14px rgba(43,28,22,.10)!important}
.header a,.header nav a,.header .brand,.header .brand *{color:#241c19!important}
.header nav a{font-weight:700!important}
.header nav a:hover,.header nav a:focus-visible,.header nav a.active,.header nav a[aria-current="page"]{color:#b62f24!important}
.header .navcta,.header .navcta:visited{background:#c33427!important;border-color:#c33427!important;color:#fff!important;font-weight:800!important}
.learning-context{background:#e9dccd!important;color:#352a23!important;border-bottom:1px solid rgba(0,0,0,.05)}
.learning-context a{color:#8f251d!important;font-weight:700}
.hero{background:#f6f1e8!important;color:#231c18!important}
.hero h1{color:#1f1814!important}
.hero h1 em{color:#b52f24!important}
.hero .intro{color:#3e342d!important;font-weight:500}
.hero .eyebrow{color:#92291f!important;font-weight:800!important}
.hero .pill{background:#fffaf5!important;color:#7b261f!important;border-color:#c8a794!important}
.micro{color:#5a4f48!important}
.metro-panel{background:#231c18!important;border-color:#6f433a!important;box-shadow:12px 12px 0 #dccaba!important}
.panel-top,.panel-bottom,.outputtop{color:#d9c8bb!important}
.panel-top .green{color:#9ce9ce!important}
.section,.section:nth-child(even),.assistant-section{background:#fffaf5!important}
.section p,.features p,.muted,.note,.placeholder,.chat-head small,.footer-card{color:#4d433d!important}
.section h2,.section h3,.features h3,.book-origin-inner h2{color:#211916!important}
.section .eyebrow,.section .eyebrow.dark,.features .num{color:#9d2b22!important}
.features article{border-top-color:#d8c8bb!important}
.band{background:#8f2a22!important;color:#fff!important}
.band p,.band .note,.band .eyebrow{color:#f7e8e1!important}
.kit-card{background:#fff!important;color:#241d19!important;box-shadow:16px 18px 0 #d7c2ae!important}
.kit-card li{border-bottom:1px solid #eadccf!important;color:#3e342d!important}
.lab form,.output,.chat{background:#fff!important;border-color:#e4d8cc!important}
.lab input,.lab textarea,.chat input,.questions button{border-color:#d8c6b8!important;color:#241d19!important}
.output{background:#f8f2eb!important}
.textbutton{color:#9c2d23!important;font-weight:700}
.questions button{background:#fff8f4!important}
.questions button:hover{border-color:#b83528!important;color:#8e281f!important}
.bubble.bot{background:#f4ebe3!important;color:#2c241f!important}
.bubble.user{background:#b72f24!important;color:#fff!important}
.chat form button,.btn.primary,.navcta{background:#bf3125!important;color:#fff!important}
.btn.ghost{border-color:#b8a99c!important;color:#332a25!important}
.btn.light,.btn.outline{color:#2c241f!important}
footer{background:#1a1512!important;color:#efe4dc!important}
.footbrand .mark{color:#fff!important}

/* Portal unificado · bloque de IA preparado para futura activación */
.sin-ai-section{background:#f6f0e8!important}.sin-ai-intro{display:grid;grid-template-columns:1.6fr .8fr;gap:40px;align-items:center;margin-top:24px}.sin-ai-intro p{font-size:15px;line-height:1.8;color:#4d433d}.sin-ai-meta{background:#fffaf5;border:1px solid #dfd0c4;border-radius:14px;padding:25px}.sin-ai-meta strong{display:block;margin-top:12px;color:#271c17}.sin-ai-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#b93025;color:#fff;font-size:23px;font-weight:850}.sin-ai-chips{display:flex;gap:8px;flex-wrap:wrap}.sin-ai-chips span{background:#e9dccf;padding:8px 12px;border-radius:30px;font-size:12px;color:#5a332b;font-weight:700}.sin-ai-mount{margin-top:32px;background:#fffdf9;border:1px solid #e4d7c9;border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #38231a10}.sin-ai-locked{padding:clamp(26px,5vw,56px);max-width:770px}.sin-ai-locked h3{font-size:clamp(24px,3vw,34px);line-height:1.3;letter-spacing:-.035em;color:#221917;margin:17px 0}.sin-ai-status{font-size:12px;color:#873329;font-weight:800;letter-spacing:.03em}.sin-ai-dot{display:inline-block;width:9px;height:9px;background:#bd382b;border-radius:50%;margin-right:7px}.sin-ai-example{border-left:3px solid #b93025;background:#f8f0e8;padding:15px 20px;margin:20px 0 28px}.sin-ai-example span,.sin-ai-example strong{display:block}.sin-ai-example span{font-size:11px;color:#65594f;margin-bottom:8px}.sin-ai-example strong{font-size:15px;color:#2f241e}.sin-ai-disclaimer{font-size:12px!important;color:#6a5b53!important;margin-top:16px}.sin-ai-live{width:100%;height:750px;display:block;border:0;background:#fff}.sin-ai-error{padding:40px;color:#67281f}.sin-ai-status-live{background:#e9efe7;color:#285f40;padding:12px 20px;font-size:12px;font-weight:750}@media(max-width:780px){.sin-ai-intro{grid-template-columns:1fr}.sin-ai-live{height:850px}}