:root{--color-bg: #020b17;--color-surface: #061326;--color-surface-2: #081a30;--color-surface-hover: #0b203a;--color-border: rgba(74, 133, 214, .22);--color-border-strong: rgba(74, 133, 214, .38);--color-primary: #1268ff;--color-primary-light: #2d82ff;--color-primary-dark: #0752d9;--color-text: #f5f8ff;--color-text-secondary: #a9bad2;--color-text-muted: #70829b;--color-ieee-blue: #00629b;--color-ieee-orange: #ffa300;--color-success: #16b99a;--color-warning: #f59b23;--color-purple: #6e3cff;--color-teal: #14b8a6;--color-orange: #f59e0b;--color-bluegray: #94a3b8;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--container: min(1400px, calc(100% - var(--space-16)));--shadow-card: 0 8px 30px rgba(0, 0, 0, .18);--shadow-cta: 0 8px 32px rgba(0, 74, 255, .18)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}[id]{scroll-margin-top:88px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:14px;cursor:pointer;border:0;background:transparent;color:inherit}ul{list-style:none;margin:0;padding:0}img{max-width:100%;display:block}.container{width:var(--container);margin-inline:auto}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:3px}@media (min-width: 640px){.catalog-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-5);align-items:start}@media (max-width: 1100px){.catalog-layout{grid-template-columns:1fr}}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:linear-gradient(180deg,#020b17fa,#020b17eb);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-logo{display:block;height:34px;width:auto}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-org{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.brand-name{font-size:16px;font-weight:800;letter-spacing:-.01em}.brand:hover .brand-org{color:var(--color-text-secondary)}.primary-nav ul{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.primary-nav a{position:relative;font-weight:600;font-size:13px;color:var(--color-text-secondary);padding:var(--space-2) 0;transition:color .16s ease}.primary-nav a[aria-current=page],.primary-nav a:hover{color:var(--color-text)}.primary-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-ieee-blue),var(--color-primary-light));transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.primary-nav a:hover:after,.primary-nav a[aria-current=page]:after{transform:scaleX(1)}.primary-nav a[aria-current=page]:after{box-shadow:0 4px 16px #1268ff66}.account-menu{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-2) 100%);color:var(--color-text);font-weight:600;font-size:13px;transition:border-color .16s ease,color .16s ease}.account-menu:hover{border-color:var(--color-ieee-blue)}@media (max-width: 900px){.primary-nav{display:none}}.hero{margin-top:var(--space-10);margin-bottom:var(--space-10)}.hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-10);align-items:center}.hero-copy{display:flex;flex-direction:column;gap:var(--space-5)}.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--color-primary-light);display:inline-flex;align-items:center;gap:var(--space-3)}.eyebrow:before{content:"";width:24px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-ieee-blue),var(--color-ieee-orange))}.hero-title{margin:0;font-size:clamp(36px,5vw,52px);line-height:1.02;letter-spacing:-.03em;font-weight:800}.hero-title span{display:block}.hero-title .accent{color:var(--color-primary-light)}.hero-description{margin:0;color:var(--color-text-secondary);max-width:560px;font-size:15px}.hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-2)}.benefit{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-2) 100%);box-shadow:var(--shadow-card);transition:border-color .16s ease,background .16s ease}.benefit:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.benefit-title{font-weight:700;font-size:14px}.benefit-title:before{content:"";display:inline-block;width:8px;height:8px;margin-right:var(--space-2);border-radius:2px;background:var(--color-ieee-orange);box-shadow:0 0 10px #ffa30080;vertical-align:middle}.benefit-text{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.hero-media{position:relative;display:flex;justify-content:center;overflow:hidden}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#1268ff47,#020b1700 70%);filter:blur(30px);pointer-events:none}.hero-panel{position:relative;width:min(420px,100%);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:radial-gradient(160% 160% at 10% 10%,#2d82ff42,#061326fa);box-shadow:var(--shadow-cta);overflow:hidden;aspect-ratio:16 / 10}.hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(110,60,255,.24),transparent 60%);mix-blend-mode:screen}.hero-panel-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64%;height:auto;opacity:.22;pointer-events:none}@media (max-width: 1100px){.hero-inner{grid-template-columns:1fr}.hero-media{order:-1}}@media (max-width: 768px){.hero-benefits{grid-template-columns:1fr}}.catalog-toolbar{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-8) 0 var(--space-6)}@media (min-width: 768px){.catalog-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.search-form{display:flex;width:100%;max-width:420px}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-2) 100%);color:var(--color-text);font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-ieee-blue);box-shadow:0 0 0 3px #00629b38}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:linear-gradient(180deg,#081a30e6,#061326e6);color:var(--color-text-secondary);font-size:12px;font-weight:600;transition:all .16s ease}.filter-chip:hover{color:var(--color-text);border-color:var(--color-ieee-blue)}.filter-chip.is-active{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-color:#ffa3008c;box-shadow:0 0 0 3px #ffa30029}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.section-heading h2{margin:0;font-size:clamp(18px,2.2vw,22px);letter-spacing:-.01em}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}@media (max-width: 1100px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.course-grid{grid-template-columns:1fr}}.course-card{display:flex;flex-direction:column;min-height:180px;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(145deg,#081a30fa,#041120fa);box-shadow:var(--shadow-card);transition:transform .16s ease,border-color .16s ease,background .16s ease}.course-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong)}.course-card:focus-within{border-color:var(--color-ieee-blue)}.course-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.course-icon{width:56px;height:56px;border-radius:var(--radius-md);display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ffffff47,#ffffff14);border:1px solid rgba(255,255,255,.16)}.course-icon:after{content:"";width:28px;height:28px;border-radius:8px;background:radial-gradient(circle at 40% 40%,#fff,#fff6);opacity:.9}.course-category{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid rgba(255,255,255,.22);background:#ffffff14}.course-category.programacion{color:#dbeafe;background:#1268ff47;border-color:#2d82ff7a}.course-category.desarrollo-web{color:#ede9fe;background:#6e3cff47;border-color:#6e3cff7a}.course-category.bases-de-datos{color:#d1fae5;background:#16b99a47;border-color:#16b99a7a}.course-category.redes{color:#fef3c7;background:#f59b2347;border-color:#f59b237a}.course-category.herramientas{color:#e2e8f0;background:#94a3b847;border-color:#94a3b87a}.course-category.otros{color:#ede9fe;background:#6e3cff38;border-color:#6e3cff6b}.course-content{display:flex;flex-direction:column;gap:var(--space-2);flex:1;padding-top:var(--space-4)}.course-content h3{margin:0;font-size:clamp(15px,1.6vw,17px);letter-spacing:-.01em}.course-content p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.55}.course-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5)}.course-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:11px}.course-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;font-size:12px;box-shadow:var(--shadow-cta);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.course-action:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 34px #004aff42}.sidebar{display:flex;flex-direction:column;gap:var(--space-5)}.cta-card,.info-card,.org-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-2) 100%);box-shadow:var(--shadow-card);scroll-margin-top:88px}.cta-card{background:radial-gradient(160% 160% at 10% 10%,#2d82ff52,#061326fa);box-shadow:var(--shadow-cta);border-color:#00629b73}.cta-icon{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ffffffe6,#fff6);color:var(--color-primary-dark);position:relative}.cta-icon:after{content:"";width:22px;height:22px;border-radius:6px;background:currentColor;mask:radial-gradient(circle,#000 55%,transparent 56%)}.cta-card h2{margin:0;font-size:clamp(16px,1.8vw,18px);letter-spacing:-.01em}.cta-card p{margin:0;color:var(--color-text-secondary);font-size:13px}.primary-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--color-primary-light) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;box-shadow:var(--shadow-cta);align-self:flex-start;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 36px #004aff42}.info-card h2,.org-card h2{margin:0;font-size:16px}.info-list{display:flex;flex-direction:column;gap:var(--space-4)}.info-item{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-text-secondary);font-size:13px;line-height:1.55}.info-dot{width:8px;height:8px;border-radius:50%;margin-top:8px;background:radial-gradient(circle,var(--color-primary-light),var(--color-primary));box-shadow:0 0 0 6px #1268ff29}.org-card{align-items:center;text-align:center;gap:var(--space-3)}.org-logo{width:min(168px,72%);height:auto}.org-title{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.org-sub{color:var(--color-text-muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.org-tagline{color:var(--color-text-secondary);font-size:12px}.about{margin:var(--space-12) 0 0;scroll-margin-top:88px}.about-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-8);align-items:center;padding:var(--space-8);border:1px solid rgba(0,98,155,.45);border-radius:var(--radius-lg);background:linear-gradient(145deg,#081a30fa,#041120fa);box-shadow:var(--shadow-card)}.about-copy{display:flex;flex-direction:column}.about h2{margin:0 0 var(--space-4);font-size:clamp(18px,2.2vw,22px);letter-spacing:-.01em}.about-lead{margin:0 0 var(--space-3);font-size:15px;line-height:1.65}.about-text{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.about-link{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;margin-top:var(--space-5);font-size:13px;font-weight:700;color:var(--color-primary-light);border-bottom:1px solid transparent;transition:color .16s ease,border-color .16s ease}.about-link:hover{color:var(--color-text);border-bottom-color:var(--color-ieee-orange)}.about-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:radial-gradient(160% 160% at 20% 10%,#00629b6b,#020b17f0)}.about-logo{width:min(220px,100%);height:auto}.about-brand-tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary);text-align:center}@media (max-width: 900px){.about-inner{grid-template-columns:1fr;padding:var(--space-6)}}.site-footer{position:relative;margin-top:var(--space-16);border-top:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);scroll-margin-top:88px}.site-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-ieee-blue) 0%,var(--color-primary) 55%,transparent 100%)}.footer-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:var(--space-8);padding:var(--space-10) 0 var(--space-8)}.footer-identity{display:flex;align-items:center;gap:var(--space-4)}.footer-logo{height:34px;width:auto;flex-shrink:0}.footer-identity-copy{display:flex;flex-direction:column;gap:var(--space-1)}.footer-org{font-weight:800;font-size:14px;letter-spacing:.02em}.footer-desc{color:var(--color-text-muted);font-size:12px;line-height:1.5;max-width:340px}.footer-label{display:block;margin-bottom:var(--space-3);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.footer-nav ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-nav a{font-size:13px;color:var(--color-text-secondary);transition:color .16s ease}.footer-nav a:hover{color:var(--color-text)}.footer-nav a.footer-external:after{content:"↗";margin-left:var(--space-2);font-size:10px;color:var(--color-ieee-orange)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);padding:var(--space-5) 0 var(--space-10);border-top:1px solid var(--color-border)}.footer-copy{font-size:12px;color:var(--color-text-muted)}.footer-trademark{margin:0;max-width:720px;font-size:11px;line-height:1.6;color:var(--color-text-muted)}.footer-trademark a{transition:color .16s ease}.footer-trademark a:hover{color:var(--color-text-secondary)}@media (max-width: 900px){.footer-top{grid-template-columns:1fr;gap:var(--space-6);padding-top:var(--space-8)}}