:root{--ink:#242439;--muted:#858496;--purple:#7551b2;--pale:#f7f5fc;--line:#eae8ed;--background:#faf9f7;--white:#fff;--shadow:0 9px 32px #33324e08}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:267px;background:#fff;border-right:1px solid var(--line);padding:31px 20px;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;gap:11px;align-items:center;font-family:Outfit,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1.15px;padding:3px 9px 45px}.brand-mark{background:#7251b6;color:white;font-size:25px;border-radius:13px;width:37px;height:37px;text-align:center;line-height:37px;flex-shrink:0}.brand-color{color:#8062ba}.brand small{display:block;color:#aaa4b5;font:500 10px 'DM Sans',sans-serif;letter-spacing:0;margin-top:1px}.nav-cap{font-size:10px;letter-spacing:1.5px;color:#aaa8b5;font-weight:800;padding:0 14px 12px}.sidebar nav{display:grid;gap:6px}.navitem{text-align:left;padding:12px 14px;border:0;background:transparent;color:#737286;border-radius:11px;font-size:13px;font-weight:700;display:flex;gap:14px;align-items:center;width:100%}.navitem>span{font-size:21px;width:23px;text-align:center;font-weight:400}.navitem:hover{background:#f8f6fd}.navitem.active{color:#6b49ac;background:#f3effb}.topic-cap{padding-top:42px}.side-opo{background:#f9f7fb;border:1px solid #f0eaf8;border-radius:13px;padding:13px;display:flex;gap:10px;align-items:center}.mini-illustration{font-size:25px}.side-opo strong{display:block;font-size:12px;line-height:1.5}.side-opo small{color:#a19bab;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f1ff;border-radius:15px;padding:18px;color:#63469d}.help-card span{font-size:12px;font-weight:800}.help-card p{font-size:12px;line-height:1.6;margin:9px 0 0}.smallprint{display:block;color:#b0aebb;font-size:10px;line-height:1.5;margin:20px 8px 0}.main{min-width:0;flex:1}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 55px}.crumb{font-size:12px;color:#a09eaa}.crumb span{margin:0 9px;color:#c8c4cf}.crumb b{color:#514d61;font-weight:700}.top-actions{display:flex;align-items:center;gap:20px}.date-chip{padding:9px 14px;background:#f8f5fc;border-radius:30px;font-size:11px;color:#7a5bb3;font-weight:800}.avatar{height:34px;width:34px;border:2px solid #fff;box-shadow:0 0 0 1px #ebe7ef;border-radius:50%;background:#f8dfbd;text-align:center;line-height:30px}.mobile-menu{display:none}.container{max-width:1220px;margin:0 auto;padding:42px 55px 72px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#8567ba;text-transform:uppercase}.welcome{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;background:#efe8fa;border-radius:23px;min-height:240px;overflow:hidden;position:relative;padding:36px 40px}.welcome:before,.welcome:after{content:'';position:absolute;border-radius:50%;background:#e5d9f7;width:260px;height:260px;right:-60px;top:-130px}.welcome:after{width:170px;height:170px;right:230px;top:165px;background:#e9dff7}.welcome-text{position:relative;z-index:2}.welcome .eyebrow{color:#805bb6}.welcome h1{font:800 clamp(28px,3vw,41px)/1.13 Outfit,sans-serif;letter-spacing:-1.7px;margin:15px 0}.welcome h1 em{font-style:normal;color:#8359bd}.welcome p{font-size:13px;line-height:1.8;color:#77708b;max-width:440px}.welcome-art{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.art-stack{font-size:96px;transform:rotate(-9deg);filter:drop-shadow(4px 16px 9px #715b9540)}.art-bubble{position:absolute;top:18px;right:14px;background:#fff;border-radius:13px;box-shadow:var(--shadow);padding:9px 15px;font-weight:900;color:#7254b5;transform:rotate(9deg)}.primary{background:#7552b5;color:white;border:0;border-radius:11px;padding:12px 18px;font-size:12px;font-weight:800;box-shadow:0 5px 12px #7552b520}.primary:hover{background:#63439f}.secondary{background:white;border:1px solid var(--line);padding:12px 17px;border-radius:11px;font-weight:800;color:#675584;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:37px 0 19px}.section-head h2,.section-head h1{font:800 24px Outfit,sans-serif;letter-spacing:-.7px;margin:4px 0}.section-head p{color:var(--muted);font-size:12px;margin:8px 0 0}.link-button{border:0;background:transparent;color:#7455b4;font-size:12px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.stat{background:white;border:1px solid #efedf0;padding:20px 23px;border-radius:15px;display:flex;gap:14px;align-items:center}.stat-icon{width:42px;height:42px;border-radius:13px;background:#f1ecfa;display:grid;place-items:center;font-size:20px}.stat:nth-child(2) .stat-icon{background:#fff1db}.stat:nth-child(3) .stat-icon{background:#dff4eb}.stat strong{display:block;font:800 23px Outfit,sans-serif}.stat small{color:#928e9e;font-size:11px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.topic-card{background:#fff;border:1px solid #eceaf0;border-radius:18px;padding:18px;min-height:226px;display:flex;flex-direction:column;text-align:left;transition:transform .15s,box-shadow .15s}.topic-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #24243910}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.topic-emoji{height:55px;width:55px;display:grid;place-items:center;font-size:27px;border-radius:13px}.fav{border:0;background:transparent;color:#c2bcca;font-size:23px;line-height:1;padding:3px}.fav.on{color:#d57396}.topic-index{font-size:10px;font-weight:900;color:#a8a2b1;letter-spacing:1px;margin-top:18px}.topic-card h3{font:800 16px/1.25 Outfit,sans-serif;margin:6px 0;min-height:39px}.topic-card .law{font-size:10px;color:#9b97a4;line-height:1.5;min-height:30px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #f0edf0;font-size:10px;color:#918a9d}.card-bottom strong{color:#7552b5;font-size:11px}.progress-line{height:5px;border-radius:5px;background:#ebe8f1;overflow:hidden;margin-top:12px}.progress-line span{height:100%;background:#815ab8;display:block}.subhero{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 33px;position:relative;overflow:hidden}.back{border:0;background:none;color:#8b71b7;font-weight:800;font-size:12px;margin-bottom:20px;padding:0}.topic-hero{display:grid;grid-template-columns:1fr auto;gap:20px}.hero-icon{width:100px;height:100px;display:grid;place-items:center;border-radius:28px;font-size:52px;transform:rotate(7deg)}.topic-hero h1,.page-title{font:850 clamp(26px,3vw,37px)/1.15 Outfit,sans-serif;letter-spacing:-1px;margin:12px 0 10px}.topic-hero p{max-width:690px;line-height:1.65;color:#838092;font-size:13px;margin:0}.tagrow{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.tag{background:#f7f5fa;border-radius:9px;font-size:10px;font-weight:800;padding:7px 11px;color:#8b7a9e}.lesson-tabs{display:flex;gap:8px;border-bottom:1px solid #e9e7ed;margin:25px 0 22px;overflow:auto}.lesson-tab{border:0;background:none;padding:14px 15px;color:#898597;font-weight:800;font-size:12px;white-space:nowrap;border-bottom:3px solid transparent}.lesson-tab.active{color:#7451b3;border-bottom-color:#815cb9}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.65fr);gap:20px}.paper{background:white;border:1px solid #eceaf0;border-radius:18px;padding:25px;margin-bottom:18px}.paper h2{font:800 22px Outfit,sans-serif;margin:0 0 14px}.paper p{font-size:13px;line-height:1.85;color:#777384}.story{background:#fff9e9;border:1px solid #f8ebc8}.story strong{font-size:12px;color:#b18429;letter-spacing:.4px}.pill{font-size:10px;font-weight:800;color:#7655b2;background:#f3edfa;padding:6px 9px;border-radius:7px;display:inline-block;margin-bottom:10px}.key-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.key-item{background:#f9f8fc;padding:16px;border-radius:12px}.key-item strong{font:800 14px Outfit,sans-serif}.key-item p{margin:7px 0 0;font-size:12px;line-height:1.65}.section-block{border-bottom:1px solid #f0edf1;padding:16px 0}.section-block:first-child{padding-top:0}.section-block:last-child{border:0;padding-bottom:0}.section-block h3{font:800 17px Outfit,sans-serif;margin:4px 0}.section-block ul{padding-left:20px;color:#6f6b7d;font-size:12px;line-height:1.9}.stepmap{display:grid;gap:10px}.step{display:flex;align-items:center;gap:12px;background:#f8f6fb;border-radius:12px;padding:12px 15px;font-size:12px;font-weight:800}.step .number{background:#805fbc;color:#fff;border-radius:50%;font-size:10px;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}.step .step-ico{font-size:22px}.hint{background:#f3f0fa;border-radius:14px;padding:20px;color:#72569a;font-size:12px;line-height:1.8}.hint strong{display:block;font-size:14px}.flashcard{width:100%;min-height:255px;border:2px dashed #d7cbe9;border-radius:22px;background:linear-gradient(145deg,#f5effd,#fff);text-align:center;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;cursor:pointer}.flashcard strong{font:800 clamp(18px,2.5vw,25px)/1.35 Outfit,sans-serif;max-width:500px}.flashcard small{color:#977fbb;font-weight:800}.flashcard.flipped{background:#e8f7ee;border-color:#b6e3cc}.quiz-option{width:100%;display:block;text-align:left;border:1px solid #e9e5ed;background:white;border-radius:11px;padding:15px 18px;margin:9px 0;font-size:13px;color:#504d60}.quiz-option:hover{background:#f8f5fc}.quiz-option.correct{border-color:#81c3a3;background:#e9f7ee;color:#276e50}.quiz-option.wrong{border-color:#ec9aaa;background:#fff0f2;color:#ab455d}.quiz-option:disabled{cursor:default}.quiz-progress{font-size:12px;color:#9a92a4;margin-bottom:17px}.feedback{border-radius:12px;padding:16px;margin:16px 0;font-size:12px;line-height:1.8;background:#f7f4fb}.empty{padding:62px 20px;text-align:center;background:white;border:1px solid var(--line);border-radius:18px}.empty-icon{font-size:50px}.empty p{color:#9993a3;font-size:13px}.search{border:1px solid #e7e3ec;border-radius:11px;background:white;padding:13px 16px;width:300px;max-width:100%;outline:0}.search:focus{border-color:#ac8bd4}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:25px 0 22px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{border:1px solid #e9e4ee;background:#fff;border-radius:40px;padding:9px 13px;color:#8e879a;font-size:11px;font-weight:800}.filter-chip.active{background:#7953b4;border-color:#7953b4;color:#fff}.footer{border-top:1px solid #ebe8ee;padding:25px 55px;color:#aeabb5;font-size:10px}.footer span{padding:0 8px}.review-card{background:white;border:1px solid var(--line);padding:22px;border-radius:18px}.review-card h3{margin:0 0 12px;font:800 17px Outfit,sans-serif}.review-card p{font-size:12px;color:#898395;line-height:1.7}.micro{color:#a5a0ae;font-size:11px;line-height:1.7}.review-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:1180px){.topic-grid{grid-template-columns:repeat(3,1fr)}.container{padding:34px 35px 65px}.topbar{padding:0 35px}}@media(max-width:880px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s;box-shadow:5px 0 30px #0001}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block;background:none;border:none;font-size:22px;color:#7253a9}.topbar{padding:0 23px}.container{padding:27px 23px}.content-grid{grid-template-columns:1fr}.welcome{grid-template-columns:1.5fr .5fr}.art-stack{font-size:70px}}@media(max-width:650px){.welcome{grid-template-columns:1fr;padding:29px 25px}.welcome-art{display:none}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.topic-card{padding:13px;min-height:216px}.topic-card h3{font-size:14px}.topic-emoji{width:46px;height:46px;font-size:23px}.stats{gap:9px}.stat{padding:13px;gap:7px}.stat-icon{width:32px;height:32px;font-size:16px}.stat strong{font-size:19px}.stat small{font-size:9px}.container{padding:22px 15px}.topbar{padding:0 15px}.date-chip{display:none}.key-list,.review-stack{grid-template-columns:1fr}.hero-icon{width:68px;height:68px;font-size:37px}.subhero{padding:22px}.paper{padding:20px}.footer{padding:25px 15px}.section-head h2{font-size:21px}.search{width:100%}}

/* Portal multioposición */
[hidden]{display:none!important}.nav-counter{margin-left:auto;background:#ede5fa;border-radius:99px;padding:3px 8px;font-size:10px!important;width:auto!important;color:#7049ae}.side-opo{margin-top:18px}.catalog-hero{background:linear-gradient(120deg,#eee4fc,#f5eeff 64%,#e7f4fa);border-radius:24px;padding:52px 46px;min-height:315px;display:grid;grid-template-columns:1.5fr .65fr;gap:16px;overflow:hidden;position:relative}.catalog-hero h1{font:850 clamp(32px,3.6vw,49px)/1.12 Outfit,sans-serif;letter-spacing:-1.8px;margin:18px 0}.catalog-hero em{font-style:normal;color:#7952b5}.catalog-hero p{max-width:560px;font-size:14px;line-height:1.8;color:#6d6682}.catalog-visual{display:grid;place-items:center;position:relative}.catalog-book{font-size:110px;filter:drop-shadow(0 18px 9px #705b9833);transform:rotate(-9deg)}.visual-note{position:absolute;bottom:35px;right:0;background:white;border-radius:14px;padding:12px 15px;transform:rotate(7deg);font-size:12px;color:#7250ad;font-weight:900;box-shadow:var(--shadow)}.visual-spark{position:absolute;top:4px;right:22px;color:#b48edb;font-size:48px}.benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.benefits span{background:#fff;border:1px solid #efebf2;border-radius:12px;padding:14px 19px;font-size:12px;font-weight:800;color:#615974}.opo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.opo-card{border:1px solid #e9e6ef;background:#fff;border-radius:20px;padding:25px;display:flex;flex-direction:column;min-height:290px;box-shadow:0 6px 20px #55457e06}.opo-card-icon{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;font-size:34px;margin-bottom:17px}.opo-meta{display:flex;gap:7px;color:#987cb8;font-weight:800;font-size:10px;letter-spacing:.3px}.opo-card h3{font:800 23px Outfit,sans-serif;letter-spacing:-.6px;margin:9px 0}.opo-card p{font-size:12px;line-height:1.75;color:#858194;max-width:470px;margin:0 0 22px}.opo-card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px;margin-top:auto;padding-top:17px;border-top:1px solid #f1edf3}.course-status{font-size:11px;font-weight:800}.course-status.ready{color:#288665}.course-status.soon{color:#a78f61}.secondary:disabled{opacity:.5;cursor:not-allowed}.catalog-bottom{background:#f2eefb;border-radius:17px;margin-top:27px;padding:21px 24px;color:#6e53a0;font-size:13px}.catalog-bottom p{margin-bottom:0;line-height:1.8}.page-lead{color:#868091;font-size:13px;margin:0 0 26px}.myopo-list{display:grid;gap:16px}.myopo-card{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid #eae5ef;border-radius:20px;padding:25px}.myopo-card .opo-card-icon{flex-shrink:0;margin:0}.myopo-text{flex:1}.myopo-text h2{font:800 22px Outfit,sans-serif;margin:8px 0}.myopo-text p{color:#8f879a;font-size:12px}.myopo-text .progress-line{max-width:400px}.myopo-actions{display:grid;justify-items:center;gap:11px}.text-action{border:0;background:transparent;color:#aaa0ae;text-decoration:underline;font-size:11px}.text-action:hover{color:#a44467}@media(max-width:750px){.catalog-hero{grid-template-columns:1fr;padding:32px 25px}.catalog-visual{display:none}.opo-grid{grid-template-columns:1fr}.myopo-card{align-items:flex-start;flex-wrap:wrap}.myopo-actions{width:100%;justify-items:stretch}.opo-card{min-height:250px}}
/* EstudiaTuOpo v3 · dirección visual: editorial / SaaS premium */
:root{--ink:#17253d;--muted:#64738b;--purple:#315bcb;--pale:#f0f4ff;--line:#e6eaf0;--background:#f8fafc;--shadow:0 16px 50px rgba(23,42,75,.07)}
body{font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand,.topic-hero h1,.page-title,.opo-card h3,.myopo-text h2,.paper h2,.section-head h2{font-family:Manrope,'DM Sans',sans-serif}
.sidebar{width:258px;padding:30px 18px;background:#fff;border-right:1px solid #e8ebef}
.brand{font:800 21px Manrope,sans-serif;letter-spacing:-1.1px;padding:3px 7px 45px;gap:10px;color:#172740}
.brand-mark{background:#2853bf;color:white;border-radius:11px;width:39px;height:39px;display:grid;place-items:center}
.brand-color{color:#2853bf}.brand small{font-size:9px;font-weight:500;color:#8894a4;letter-spacing:.02em;margin-top:5px}
.nav-cap{color:#9aa5b5;font-size:10px;letter-spacing:1.6px}.navitem{font-size:12.5px;font-weight:700;padding:13px 12px;color:#64748b;gap:11px}.navitem>span{font-size:17px;width:22px}.navitem.active{background:#edf3fe;color:#2552bb}.navitem:hover{background:#f1f5fb}.topic-cap{padding-top:37px}.nav-counter{background:#dfe9fd!important;color:#2b56b5!important}.side-opo{background:#f5f8fd;border:1px solid #e5ebf4}.help-card{background:#f2f6fc;border:1px solid #e5eaf4;color:#31496e;padding:19px;border-radius:13px}.help-card span{font-size:10px;letter-spacing:1.2px}.help-card p{font-size:17px;line-height:1.45;letter-spacing:-.6px;color:#1c3050;font-family:Manrope,sans-serif;font-weight:750}.help-card small{font-size:10px;color:#8090a6}.tip-line{height:3px;background:linear-gradient(90deg,#3465d9 42%,#dae4f5 42%);margin:18px 0 10px;border-radius:8px}.smallprint{color:#a8b1be}
.topbar{height:77px;background:rgba(255,255,255,.86);border-color:#e9edf2;backdrop-filter:blur(15px)}.crumb{font-size:12px;color:#97a2b0}.crumb b{color:#253754}.date-chip{border:0;background:transparent;color:#7b8da3;font-weight:600;font-size:11px}.online-dot{display:inline-block;background:#36b886;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 4px rgba(54,184,134,.10)}.account-button{border:1px solid #dce5f2;background:white;color:#254778;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:800;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-button:hover{border-color:#789ad9;background:#f5f8ff}
.container{max-width:1460px;padding:37px 48px 80px}.catalog-hero{background:#101f37;border-radius:19px;grid-template-columns:1.14fr .86fr;min-height:485px;padding:54px 55px 50px;box-shadow:0 19px 45px rgba(14,33,64,.11);isolation:isolate}.catalog-hero::before{content:"";position:absolute;width:540px;height:540px;right:-130px;top:-155px;background:radial-gradient(circle,#4167ad60,transparent 68%);z-index:-1}.catalog-hero::after{content:"";position:absolute;width:280px;height:280px;left:35%;bottom:-230px;background:radial-gradient(circle,#5a7ce03b,transparent 72%);z-index:-1}.hero-main{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.hero-eyebrow{color:#98bbff!important;letter-spacing:2px;font-size:10px}.catalog-hero h1{font:800 clamp(35px,3.7vw,57px)/1.14 Manrope,sans-serif;color:#fff;letter-spacing:-2.5px;margin:34px 0 19px;max-width:700px}.catalog-hero em{color:#9fbaff;font-style:normal}.catalog-hero p{color:#b7c6dc;font-size:14px;line-height:1.9;max-width:540px;margin:0}.catalog-hero .actions{margin-top:30px}.hero-foot{font-size:9px;letter-spacing:2.2px;font-weight:700;color:#718aab;margin-top:auto;padding-top:42px}.primary{background:#315dcb;border-radius:9px;box-shadow:none;font-size:12px;font-weight:750;padding:13px 19px}.primary:hover{background:#224bb2;transform:translateY(-1px)}.secondary{border-radius:9px;border:1px solid #dfe6f0;color:#335074;font-size:12px;font-weight:750;padding:12px 18px;background:#fff}.hero-secondary{background:transparent;border-color:#455a78;color:#e5edfb}.hero-secondary:hover{background:#253c5c;color:white}.catalog-visual{display:flex;align-items:center;justify-content:center;position:relative;padding:14px}.preview-label{position:absolute;top:14px;right:12px;color:#a7c3ee;font-size:10px;font-weight:800;letter-spacing:1.5px}.preview-paper{background:#fff;color:#1d2b43;width:320px;max-width:100%;border-radius:14px;padding:29px 28px;box-shadow:0 25px 48px #020d2466;transform:rotate(3deg);z-index:1}.preview-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#98a6b7}.preview-paper h3{font:800 22px/1.35 Manrope,sans-serif;letter-spacing:-.8px;margin:24px 0 23px}.preview-row{display:flex;align-items:center;gap:12px;margin:18px 0}.preview-check{display:grid;place-items:center;border-radius:9px;background:#e9f2ff;color:#3468ce;width:30px;height:30px;font-size:15px;font-weight:800}.preview-row b{display:block;font-size:11px}.preview-row small{font-size:10px;color:#96a2b3}.preview-progress{height:5px;background:#e9eef5;border-radius:20px;margin-top:24px;overflow:hidden}.preview-progress span{height:100%;display:block;background:#3665ce;border-radius:20px}.preview-bottom{display:flex;justify-content:space-between;margin-top:13px;color:#8f9caf;font-size:10px;font-weight:650}.preview-bottom strong{font-size:15px;color:#315dcb}.preview-float{position:absolute;left:-1%;bottom:22%;z-index:2;background:#d8e7ff;border-radius:7px;transform:rotate(-7deg);padding:13px 15px;color:#214a91;font-size:11px;font-weight:850;box-shadow:0 12px 25px #020b204d}.benefits{margin:19px 0 62px;gap:10px}.benefits span{border:1px solid #e9edf2;flex:1;min-width:210px;border-radius:10px;font-size:11px;color:#506178;letter-spacing:0;padding:18px 17px;box-shadow:0 3px 12px #101f3704}.benefits b{color:#3564c7;margin-right:12px;font:800 10px Manrope,sans-serif}.catalog-section{scroll-margin-top:35px}.section-head h2{font-size:27px;letter-spacing:-1.05px;color:#1b2d49}.section-head p{color:#7b8899;font-size:12px}.opo-grid{gap:18px}.opo-card{border:1px solid #e5ebf1;border-radius:15px;box-shadow:0 7px 24px #142d4507;padding:27px;min-height:278px;transition:transform .18s,box-shadow .18s}.opo-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #192c4811}.opo-card-icon{width:54px;height:54px;border-radius:11px;font-size:25px;margin-bottom:19px;filter:saturate(.58)}.opo-meta{color:#607ba5;letter-spacing:.75px;font-size:10px}.opo-card h3{font-size:20px;letter-spacing:-.75px}.opo-card p{color:#758297;font-size:12px}.opo-card-bottom{border-color:#e9eef4}.course-status.ready{color:#1f936c}.course-status.soon{color:#9ba8b8}.catalog-bottom{background:#eaf1fd;border-radius:14px;margin-top:30px;padding:25px 28px;color:#2b4b7a;display:flex;gap:19px;align-items:center;flex-wrap:wrap}.catalog-bottom strong{font:800 17px Manrope,sans-serif}.catalog-bottom p{flex:1;min-width:225px;margin:0;font-size:12px;color:#637a9b}.catalog-bottom .secondary{border-color:#cadbf6;background:transparent;color:#2b57a6}.page-title{font-size:36px;color:#20314c}.page-lead{font-size:13px;color:#758499}.myopo-card,.topic-card,.paper,.review-card,.subhero,.empty{border-color:#e4e9f0;box-shadow:0 6px 23px #142c4505}.myopo-card{border-radius:15px}.myopo-text h2{font-size:21px}.progress-line{background:#e8edf5}.progress-line span{background:#3769d3}.topic-card{border-radius:13px}.topic-card h3{font-size:16px}.card-bottom strong{color:#3465c4}.eyebrow,.pill{color:#3463b8}.tag{background:#edf3fc;color:#5577a9}.lesson-tab.active{color:#2957ba;border-color:#3463cc}.filter-chip.active{background:#315dcb;border-color:#315dcb}.flashcard{background:linear-gradient(145deg,#f2f6ff,#fff);border-color:#b8cbed}.flashcard.flipped{border-color:#a4d9c8}.hint{background:#eef4fd;color:#486890}.step{background:#f3f6fb}.step .number{background:#315fc7}.story{background:#fffbf2;border-color:#f5edd9}.footer{color:#9ca8b8}
.auth-backdrop{position:fixed;inset:0;background:#0b1727a8;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}.auth-dialog{background:#fff;border-radius:18px;padding:39px;max-width:430px;width:100%;position:relative;box-shadow:0 32px 85px #07132766}.auth-dialog h2{font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-1.2px;margin:17px 0 10px}.auth-dialog p{color:#6a7c91;font-size:12px;line-height:1.8}.auth-close{position:absolute;right:21px;top:15px;border:0;background:none;color:#708095;font-size:25px}.auth-dialog form{display:grid;gap:9px;margin-top:22px}.auth-dialog label{font-size:11px;font-weight:800;color:#314462}.auth-dialog input{border-radius:8px;border:1px solid #dce5ef;padding:13px 14px;margin-bottom:8px;font-size:13px;outline:0}.auth-dialog input:focus{border-color:#4474dc;box-shadow:0 0 0 3px #4474dc1d}.auth-dialog form .primary{width:100%;margin-top:5px}.auth-notice{font-size:12px;line-height:1.5;color:#3565b2}.auth-notice.error{color:#b84148}.auth-switch{text-align:center;margin-top:23px}.auth-switch button{border:0;background:none;color:#285cc5;font-size:12px;font-weight:800}.auth-dialog .signout{margin-top:11px;width:100%}
@media(max-width:1200px){.container{padding:34px 30px 70px}.catalog-hero{padding:45px 39px}.catalog-hero h1{font-size:40px}.preview-paper{width:280px;padding:23px}.preview-float{left:-13px}}@media(max-width:880px){.sidebar{width:258px}.topbar{padding:0 26px}.catalog-hero{grid-template-columns:1fr;min-height:auto}.catalog-visual{display:none}.catalog-hero h1{font-size:clamp(34px,6vw,49px)}.hero-foot{padding-top:32px}}@media(max-width:650px){.container{padding:22px 15px 54px}.catalog-hero{padding:33px 24px;border-radius:14px}.catalog-hero h1{font-size:34px;letter-spacing:-1.7px;margin:25px 0 16px}.catalog-hero p{font-size:12px}.catalog-hero .actions{gap:10px}.catalog-hero .primary,.hero-secondary{font-size:11px}.benefits{margin:12px 0 42px}.benefits span{padding:12px 14px;font-size:10px;min-width:100%}.section-head h2{font-size:23px}.catalog-bottom{display:block}.catalog-bottom .secondary{margin-top:16px}.topbar{padding:0 14px}.account-button{font-size:10px;padding:10px 9px}.date-chip{display:none}.auth-dialog{padding:29px 24px}.footer{font-size:10px}}

/* V5 · Identidad cálida, editorial y profesional. */
:root{--ink:#272825;--muted:#777971;--purple:#ef6b4d;--pale:#fff0e8;--line:#eae5dc;--background:#fbf8f2;--white:#fffefa;--shadow:0 12px 36px #47382b0c}
[hidden]{display:none!important}
body{background:#fbf8f2;color:#292a28}
.sidebar{background:#fffefa;border-color:#ece7dd;overflow-y:auto;scrollbar-width:thin}
.brand{color:#282b27}.brand-mark{background:#ef6b4d;border-radius:13px}.brand-color{color:#e35d42}.brand small{color:#99968e}
.nav-cap{color:#a29b91}.navitem{color:#64645e;border-radius:12px;font-size:13px;transition:background .18s,color .18s}.navitem:hover{background:#fcf3ed;color:#a84634}.navitem.active{background:#ffede4;color:#b84934}.navitem>span.navicon{font-family:Manrope,sans-serif;color:inherit;font-size:19px}
.nav-counter{margin-left:auto;background:#ffe4d7!important;color:#ac4935!important;border-radius:999px;font-size:11px}
.nav-note{font-size:11px;line-height:1.7;color:#9a8679;padding:6px 14px 0;margin:10px 0}.needs-enrollment{color:#8d8981}.lock-hint{margin-left:auto;font-size:12px!important;opacity:.6;width:auto!important}
.course-link:not(.needs-enrollment) .lock-hint{display:none}
.help-card{background:#f8eee4;border-color:#f1e0d3;color:#72503c}.help-card span{color:#b9674e}.help-card p{color:#4e382e}.help-card small{color:#998477}.tip-line{background:linear-gradient(90deg,#e87556 42%,#e7d4c5 42%)}
.topbar{background:#fffefaed;border-color:#eee8df}.crumb b{color:#433b35}.online-dot{background:#63ab85;box-shadow:0 0 0 4px #63ab851f}.account-button{border-color:#e6dace;color:#6a493a;background:#fffefa}.account-button:hover{background:#fff2ea;border-color:#efbba8}
.catalog-hero{background:#253e38;box-shadow:0 20px 44px #213f3120;border-radius:22px}.catalog-hero::before{background:radial-gradient(circle,#d4a47c33,transparent 68%)}.catalog-hero::after{background:radial-gradient(circle,#a1b79b50,transparent 70%)}.hero-eyebrow{color:#dbbc9f!important}.catalog-hero h1{color:#fffdf5}.catalog-hero em{color:#f4a986}.catalog-hero p{color:#d6e2d6}.hero-foot{color:#aabcb0}
.primary{background:#e76c4f;color:#fff;border-radius:11px;box-shadow:0 5px 13px #e76c4f1b}.primary:hover{background:#ce5338}.secondary{border-color:#e7ddd2;color:#654e41;background:#fffefa;border-radius:11px}.hero-secondary{background:transparent;border-color:#799187;color:#fffdf5}.hero-secondary:hover{background:#36544a;color:#fff}.preview-paper{background:#fffcf5;color:#313832;border-radius:16px;box-shadow:0 24px 46px #142d25a8}.preview-check{background:#fce4d5;color:#c85b42}.preview-progress span{background:#e87658}.preview-bottom strong{color:#dc7455}.preview-float{background:#f6c9a7;color:#794832}
.benefits span{background:#fffefa;border-color:#ece5dc;color:#595d52}.benefits b{color:#d56d51}.section-head h2,.page-title{color:#283a33}.eyebrow,.pill,.opo-meta,.link-button{color:#c36b4f}.opo-card,.myopo-card,.topic-card,.paper,.review-card,.subhero,.empty,.stat{border-color:#ebe5dc;background:#fffefa;box-shadow:0 7px 23px #4c40320a}.opo-card:hover{box-shadow:0 15px 36px #41332917}.opo-card-icon{filter:saturate(.75)}.opo-card p,.section-head p,.page-lead{color:#7e827a}.catalog-bottom{background:#f4e9de;color:#5c493a}.catalog-bottom p{color:#826e5b}.catalog-bottom .secondary{border-color:#e7cbbb;color:#984d39}.course-status.ready{color:#267b59}
.progress-line{background:#eee8df}.progress-line span{background:#e47656}.card-bottom strong,.preview-bottom strong{color:#d56249}.lesson-tab.active{color:#d65b41;border-color:#e76c4f}.filter-chip.active{background:#e76c4f;border-color:#e76c4f}.tag{background:#fff0e6;color:#966b54}.hint{background:#fff1e6;color:#896448}.step{background:#f8f3eb}.step .number{background:#e76c4f}.flashcard{background:linear-gradient(145deg,#fff1e6,#fffefa);border-color:#ecccb7}.auth-backdrop{background:#182a25ba}.auth-dialog{background:#fffefa}.auth-dialog input:focus{border-color:#e76c4f;box-shadow:0 0 0 3px #e76c4f1b}.auth-switch button{color:#cb6045}
.enrollment-notice{padding:17px 20px;margin-bottom:20px;border:1px solid #e8c49e;border-radius:12px;background:#fff2df;color:#765339;font-weight:700;font-size:13px;line-height:1.6}
@media(max-width:880px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 40px #172a2a20}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5dfd6;background:#fffefa;color:#4e5148;border-radius:10px;width:39px;height:39px;font-size:20px}.main{width:100%}.topbar{gap:12px;justify-content:flex-start}.top-actions{margin-left:auto}.crumb{min-width:0}.container{padding:26px 22px 60px}}
@media(max-width:650px){.container{padding:22px 15px 54px}.sidebar{width:min(285px,85vw)}.topbar{padding:0 13px}.catalog-hero{border-radius:16px}.catalog-hero h1{font-size:33px}.date-chip{display:none}}