@charset "UTF-8";
:root{color-scheme:light;--ink:#202329;--muted:#666c76;--line:#e2e4e8;--paper:#fff;--soft:#f5f6f8;--radius:18px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:radial-gradient(ellipse at 80% 17%,#eef0f4a6,transparent 43%),#fff;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #596c8c;outline-offset:5px}button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}.container{width:min(1224px,calc(100% - 80px));margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;z-index:30;top:12px;left:12px;transform:translateY(-180%);background:#202329;color:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:17px;font-weight:500;letter-spacing:-.6px}.brand strong{font-weight:800}.brand-mark{display:flex;align-items:center;gap:3px;width:30px;height:29px;transform:skew(-18deg)}.brand-mark span{height:22px;width:7px;border-radius:2px;background:#242831}.brand-mark span:nth-child(2){height:30px;background:#858a93}.brand-mark span:nth-child(3){height:18px;align-self:flex-start}.navigation{display:flex;gap:30px;align-items:center;justify-content:flex-end;margin-left:auto}.navigation a{white-space:nowrap;font-size:14px;color:#666b73;position:relative;padding:12px 0}.navigation a:hover,.navigation .active{color:var(--ink)}.navigation .active:after{content:"";height:2px;width:18px;background:#292d35;position:absolute;bottom:1px;left:0}.header-cta{background:#24272d;border:1px solid #24272d;border-radius:9px;color:white;display:flex;gap:27px;align-items:center;padding:13px 17px;font-size:14px;box-shadow:0 4px 9px #20232913;transition:background .2s}.header-cta:hover{background:#454a54}.header-cta .icon{width:17px;height:17px}.menu-toggle{display:none}
.hero{overflow:clip;display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:0;padding-top:25px;padding-bottom:54px;align-items:start}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.75px;line-height:1.5}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;color:#606773;font-size:10px;letter-spacing:1.9px;margin-bottom:24px}.eyebrow-line{width:24px;height:1px;background:#707782}h1{font-size:76px;line-height:1.025;letter-spacing:-4.2px;font-weight:600}h1>span{color:#808690}.hero-intro{font-size:16px;line-height:1.65;color:var(--muted);margin-top:23px}.premises{display:grid;gap:17px;margin-top:28px}.premise{display:flex;align-items:center;gap:13px}.premise-icon{width:35px;height:35px;border:1px solid #e2e5e9;border-radius:11px;display:grid;place-items:center;background:#f8f9fa;flex-shrink:0}.premise-icon .icon{width:19px;height:19px;color:#5b626f}.premise h2{font-size:14px;font-weight:600;line-height:1.45;letter-spacing:-.15px}.premise p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:2px}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;margin-left:-35px;isolation:isolate}.hero-image{width:100%;max-width:100%;height:auto;mix-blend-mode:multiply;position:relative;z-index:-1;mask-image:radial-gradient(ellipse 68% 67% at 50% 50%,#000 50%,transparent 77%)}.visual-orbit{position:absolute;width:93%;height:83%;border:1px solid #e3e6eb;border-radius:50%;transform:rotate(-25deg);z-index:-2}.visual-orbit:after{content:"";position:absolute;inset:23px -27px;border:1px solid #eceef1;border-radius:50%}.visual-label{display:flex;align-items:center;gap:12px;position:absolute;left:37px;bottom:15px;padding:15px 21px 15px 15px;background:#ffffffd9;border:1px solid #fff;border-radius:13px;box-shadow:0 10px 30px #3946550b;backdrop-filter:blur(12px);font-size:12px;line-height:1.6;color:#686f79}.visual-label strong{font-size:14px;font-weight:600;color:#30343c}.visual-label-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#eef0f3;color:#555d68}.visual-index{position:absolute;right:0;bottom:3px;font-size:9px;color:#797f89;letter-spacing:1.5px;writing-mode:vertical-rl}
.pathways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pathway{height:200px;background:linear-gradient(110deg,#f5f6f8,#eef0f3);border:1px solid #e3e5e9;border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}.pathway:hover{transform:translateY(-4px);border-color:#c1c6cf;box-shadow:0 12px 24px #323b4d0a}.pathway-copy{position:relative;z-index:2;padding:26px 30px;pointer-events:none}.pathway .eyebrow{color:#777e8a;font-size:9px;letter-spacing:1.7px}.pathway h3{font-size:30px;line-height:1.05;letter-spacing:-1.1px;margin-top:9px;font-weight:600}.pathway h3 br{display:none}.pathway p{color:#6e747d;font-size:13px;line-height:1.6;margin-top:8px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:600;margin-top:22px}.text-link .icon{height:16px;width:16px;transition:transform .25s}.pathway:hover .text-link .icon{transform:translateX(5px)}.pathway-art{position:absolute;right:0;top:-20px;width:245px;height:245px;object-fit:contain;mix-blend-mode:multiply;z-index:1;transition:transform .4s;mask-image:radial-gradient(ellipse,#000 48%,transparent 73%)}.pathway:hover .pathway-art{transform:rotate(-3deg) scale(1.04)}.pathway-tools{background:linear-gradient(110deg,#f7f8f9,#eef0f2)}.pathway-tools .pathway-art{right:-3px;width:230px;height:230px;top:-11px}.pathway-number{position:absolute;top:18px;right:20px;color:#9096a0;font-size:10px;letter-spacing:1px;z-index:2}
.explore{padding-top:44px;padding-bottom:47px;scroll-margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h3{font-size:19px;letter-spacing:-.5px;font-weight:500}.section-heading>span{font-size:12px;color:#777d86}.topics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.topic{position:relative;text-align:left;padding:20px 17px 17px;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:99px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:15px;transition:background .2s,border-color .2s,transform .2s}.topic>.icon{width:22px;height:22px;color:#606774}.topic>span:not(.topic-plus){font-size:12px;font-weight:600;line-height:1.3}.topic .topic-plus{position:absolute;right:15px;top:19px;color:#9b9fa7;font-size:17px;font-weight:400;transition:transform .2s}.topic:hover{background:#f6f7f9;transform:translateY(-2px);border-color:#bec4cf}.topic[aria-expanded=true]{background:#eff1f5;border-color:#8c96a6}.topic[aria-expanded=true] .topic-plus{transform:rotate(45deg)}.topic-detail{position:relative;padding:25px 65px 27px 28px;border:1px solid var(--line);background:#f7f8fa;border-radius:12px;margin-top:16px}.topic-detail h3{font-size:21px;margin-top:10px;letter-spacing:-.5px}.topic-detail p{font-size:15px;line-height:1.7;color:#606671;margin-top:10px;max-width:900px}.detail-close{position:absolute;right:16px;top:16px;border:0;background:transparent;font-size:28px;width:36px;height:36px;color:#747c88;border-radius:6px}.detail-close:hover{background:#e5e8ed}
.site-footer{border-top:1px solid var(--line);padding:27px 0 31px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7e848d;font-size:11px}.footer-brand{font-size:12px;color:#626872;gap:3px;letter-spacing:-.3px}.site-footer p{font-size:12px}.section-page{min-height:calc(100svh - 180px);padding-block:100px;max-width:720px}.section-page h1{font-size:64px;margin:20px 0 26px}.section-page>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);max-width:560px}.section-page .header-cta{display:inline-flex;margin-top:30px}.section-page .eyebrow{color:#757c87}
@media(min-width:1440px){.hero{padding-top:30px;padding-bottom:60px}}
@media(max-width:1150px){.navigation{margin-left:auto;gap:23px}h1{font-size:66px}.hero{padding-top:20px}.hero-visual{margin-left:-20px}.hero-image{width:100%}.pathway-copy{padding:27px 24px}.pathway h3{font-size:27px}.pathway-art{right:-20px;width:210px;height:210px;top:0}.pathway-tools .pathway-art{width:200px;height:200px;right:-16px;top:7px}.pathway h3 br{display:block}.pathway-tools .text-link{margin-top:14px}.pathway-tools p{font-size:12px}.topics{gap:8px}.topic{padding-inline:13px}.visual-label{left:12px;bottom:30px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.site-header{height:84px;gap:20px}.brand{font-size:15px}.navigation{gap:19px}.navigation a{font-size:12px}.header-cta{font-size:12px;gap:12px;padding:12px}.hero{padding-top:18px;grid-template-columns:1.06fr 1fr}h1{font-size:57px;letter-spacing:-3px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.15px}.hero-intro{font-size:14px}.premise h2{font-size:12px}.premise p{font-size:11px}.premise{gap:10px}.premises{gap:15px}.visual-label{left:10px;bottom:25px;padding:12px;font-size:11px}.visual-label strong{font-size:12px}.visual-index{display:none}.pathways{gap:16px}.pathway-art{width:180px;height:180px;right:-25px;top:20px}.pathway-tools .pathway-art{width:170px;height:170px;right:-20px;top:25px}.pathway-copy{padding:27px 20px}.pathway h3{font-size:25px}.pathway p{max-width:175px;font-size:12px}.text-link{font-size:11px;gap:8px}.topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic{padding:18px;min-height:96px}}
@media(max-width:1000px){.menu-toggle{display:flex;width:42px;height:42px;border:1px solid #e1e4e9;background:#fff;border-radius:9px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{display:block;width:18px;height:1.5px;background:#3f4651;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.navigation{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #2023290c;border-radius:12px;padding:16px 23px;flex-direction:column;align-items:flex-end;gap:7px}.navigation.is-open{display:flex}.navigation a{font-size:15px;width:100%;text-align:right}.navigation .active:after{display:none}}
@media(max-width:680px){.container{width:calc(100% - 40px)}.site-header{height:79px;flex-wrap:wrap;gap:0}.brand{font-size:16px}.brand-mark{width:27px}.header-cta{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:9.75px;padding-bottom:28px;min-height:0}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:21px}h1{font-size:clamp(49px,10.7vw,68px);letter-spacing:-2.8px;line-height:1.025}.hero-intro{font-size:14px;margin-top:20px;line-height:1.7}.premises{margin-top:26px;gap:17px}.premise h2{font-size:13px;max-width:330px}.premise p{font-size:11px}.premise-icon{width:33px;height:33px}.hero-visual{align-self:center;width:min(450px,100%);margin:15px 0 0;aspect-ratio:1/1}.hero-image{width:100%}.visual-orbit{width:87%;height:85%;left:6%;top:6%}.visual-label{bottom:9px;left:0;padding:11px 15px}.visual-label-icon{width:32px;height:32px}.pathways{grid-template-columns:1fr;gap:15px}.pathway{height:200px}.pathway-copy{padding:26px 24px}.pathway h3{font-size:29px}.pathway h3 br{display:none}.pathway-tools h3{max-width:190px}.pathway p{max-width:205px}.pathway-art{width:155px;height:155px;right:-5px;top:28px}.pathway-tools .pathway-art{width:150px;height:150px;right:-6px;top:31px}.pathway-tools .text-link{margin-top:18px}.text-link{font-size:12px}.explore{padding-top:34px;padding-bottom:33px}.section-heading{display:block;margin-bottom:18px}.section-heading h3{font-size:19px}.section-heading>span{display:block;margin-top:8px;font-size:12px}.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic{min-height:100px}.topic>span:not(.topic-plus){font-size:13px}.topic-detail{padding:22px 45px 24px 20px}.topic-detail h3{font-size:20px;line-height:1.3}.topic-detail p{font-size:14px}.detail-close{right:5px;top:10px}.site-footer{padding-block:25px;flex-wrap:wrap;gap:14px}.site-footer p{order:3;width:100%;font-size:12px}.site-footer>span{font-size:10px}.section-page{padding-block:65px}.section-page h1{font-size:48px}.section-page>p:not(.eyebrow){font-size:16px}.section-page .header-cta{display:inline-flex}.section-header .header-cta{display:flex}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero-copy>.eyebrow{font-size:8px}.pathway-copy{padding-inline:20px}.pathway h3{font-size:25px;max-width:150px}.pathway-art{width:120px;height:120px;right:-8px;top:43px}.pathway-tools .pathway-art{width:120px;height:120px;right:-8px;top:43px}.pathway-tools p{max-width:150px}.pathway p{max-width:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Course call to action and decorative portrait group. */
#hero-title { width: fit-content; max-width: 100%; }
.hero-actions {
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  align-items: center;
  gap: 10px;
  width: min(100%, 440px);
  max-width: 100%;
  margin-top: 27px;
}
.free-course-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 16px;
  border: 1px solid #24272d;
  border-radius: 9px;
  background: #24272d;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  transition: background .2s;
}
.free-course-button:hover { background: #454a54; }
.free-course-button .icon { width: 17px; height: 17px; }
.learner-faces {
  --face-size: 44px;
  --face-overlap: -22px;
  display: flex;
  align-items: center;
  height: var(--face-size);
  isolation: isolate;
}
.learner-face {
  position: relative;
  flex: 0 0 var(--face-size);
  width: var(--face-size);
  height: var(--face-size);
  border: 1px solid #000;
  border-radius: 50%;
  background-size: cover;
  background-origin: padding-box;
  background-clip: padding-box;
}
.learner-face + .learner-face { margin-left: var(--face-overlap); }
.learner-face:nth-child(1) { background-image: url('../assets/images/avatar-mujer-perfil.webp'); background-position: center; z-index: 4; }
.learner-face:nth-child(2) { background-image: url('../assets/images/avatar-hombre-calle.webp'); background-position: center; z-index: 3; }
.learner-face:nth-child(3) { background-image: url('../assets/images/avatar-mujer-cafe.webp'); background-position: center; z-index: 2; }
.learner-face:nth-child(4) { background-image: url('../assets/images/avatar-hombre-exterior.webp'); background-position: center; z-index: 1; }
.download-count { font-size: 16px; line-height: 1.35; white-space: nowrap; color: #565d68; }
.download-count span:first-child { color: #24272d; font-weight: 700; }
@container (max-width: 380px) {
  .free-course-button { padding-inline: 10px; font-size: 12px; gap: 7px; }
  .download-count { white-space: normal; font-size: 13px; }
  .download-count span { display: block; }
}
@container (max-width: 320px) {
  .free-course-button { height: 36px; font-size: 11px; padding-inline: 4px; gap: 4px; }
  .free-course-button .icon { width: 14px; height: 14px; }
  .learner-faces { --face-size: 36px; --face-overlap: -20px; }
  .download-count { font-size: 12px; }
}
@media (max-width: 680px) { .hero-actions { gap: 6px; margin-top: 24px; } }

.learner-faces, .download-count { transform: translateX(12px); }
@media (max-width: 680px) { .learner-faces, .download-count { transform: translateX(6px); } }

/* Six content cards stay in a single row; narrow screens scroll within the row. */
.topic-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  padding: 0;
}
.topic-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  min-height: 190px;
  padding: 30px 16px 25px;
  border: 1px solid #dedfe3;
  border-radius: 16px;
  background: #f8f8f9;
  box-shadow: 0 3px 5px #20232912;
  text-align: center;
}
.topic-card h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.35px;
}
.topic-card > p {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 1.55;
  color: #666c76;
}
.topic-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  min-height: 40px;
  padding: 10px 21px;
  border: 1px solid #1c62ca;
  border-radius: 4px;
  background: #1c62ca;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
  transition: background .2s, border-color .2s;
}
.topic-info:hover, .topic-info[aria-expanded="true"] {
  background: #144ba0;
  border-color: #144ba0;
}
/* Introducción editorial y seis cajas en dos filas. */
.explore{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 2fr);gap:48px;padding-block:76px}
.explore-copy{border-right:1px solid #cfd3da;padding-right:38px;display:flex;flex-direction:column;justify-content:center}
.explore-copy h2{font-size:clamp(32px,3.1vw,44px);line-height:1.12;letter-spacing:-1.4px;font-weight:700;max-width:350px}
.explore-copy p{margin-top:24px;font-size:16px;line-height:1.8;color:var(--muted);max-width:350px}
@media(max-width:1000px){.explore{gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,2fr)}.explore-copy{padding-right:25px}.topic-cards{gap:14px}.topic-card{padding:25px 12px;min-height:180px}.topic-card h3{font-size:16px}}
@media(max-width:780px){.explore{grid-template-columns:1fr;padding-block:48px;gap:28px}.explore-copy{border-right:0;border-bottom:1px solid #cfd3da;padding:0 0 28px}.explore-copy h2{max-width:560px;font-size:36px}.explore-copy p{max-width:620px;margin-top:18px}.topic-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.topic-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-card{min-height:175px}.explore-copy h2{font-size:32px}.explore-copy p{font-size:15px}}

/* FAQ styling inspired by the supplied reference. */
.faq {
  position: relative;
  isolation: isolate;
  padding: 38px 0 58px;
}
.faq::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #f8f8f8;
  clip-path: polygon(0 55px, 100% 0, 100% 100%, 0 100%);
}
.faq-heading { text-align: center; margin: 0 20px 42px; }
.faq-heading h2 {
  color: #3267ff;
  font-family: 'Arial Narrow', Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.25;
  text-transform: uppercase;
}
.faq-grid {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: min(765px, calc(100% - 48px));
  margin-inline: auto;
}
.faq-column { display: flex; flex-direction: column; gap: 13px; }
.faq-item { background: transparent; }
.faq-item summary {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 53px;
  padding: 12px 22px;
  border-left: 3px solid #2473ff;
  background: #fff;
  list-style: none;
  cursor: pointer;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover { background: #fdfdfd; box-shadow: inset 0 0 0 2px #eeeeee; }
.faq-item summary:focus-visible { outline: 2px solid #3267ff; outline-offset: 3px; }
.faq-item h3 { font-size: 17px; font-weight: 600; line-height: 1.45; letter-spacing: .5px; color: #111; }
.faq-toggle {
  order: -1;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  position: relative;
  color: #fff;
  background: #080808;
  border-radius: 50%;
}
.faq-toggle::before, .faq-toggle::after { content: ''; position: absolute; background: currentColor; border-radius: 1px; }
.faq-toggle::before { width: 14px; height: 3px; top: 9.5px; left: 4px; }
.faq-toggle::after { width: 3px; height: 14px; top: 4px; left: 9.5px; }
.faq-item[open] summary { border-left-color: #ff2438; box-shadow: inset 0 0 0 2px #ededed; }
.faq-item[open] h3 { color: #454545; }
.faq-item[open] .faq-toggle { background: #484848; }
.faq-item[open] .faq-toggle::after { display: none; }
.faq-item > p {
  padding: 24px 22px;
  background: #fff;
  border: 1px solid #e9edf3;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.7;
  color: #111;
}
@media (max-width: 680px) {
  .faq { padding-top: 30px; padding-bottom: 40px; }
  .faq-heading { margin-bottom: 28px; }
  .faq-heading h2 { font-size: 25px; letter-spacing: 1.8px; }
  .faq-grid { width: calc(100% - 40px); }
  .faq-item summary { padding: 14px 15px; gap: 10px; }
  .faq-item h3 { font-size: 15px; letter-spacing: .2px; }
  .faq-toggle { flex-basis: 20px; width: 20px; height: 20px; }
  .faq-toggle::before { top: 8.5px; left: 3px; }
  .faq-toggle::after { top: 3px; left: 8.5px; }
  .faq-item > p { padding: 20px 17px; font-size: 15px; }
}

/* Footer principal: cuatro columnas, con newsletter pendiente de activar. */
.home-footer{background:#f0f1f3;color:#525966;padding:78px 0 30px;border-top:1px solid #e2e4e8}
.footer-columns{display:grid;grid-template-columns:.9fr 1.15fr 1fr 1.1fr;gap:34px}
.home-footer h2{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#252a33;margin:0 0 25px}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:20px;font-size:15px;line-height:1.5}
.footer-explore-links{grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:20px 16px}
.home-footer a:hover{color:#1d62c9;text-decoration:underline;text-underline-offset:4px}
.footer-socials{display:flex;gap:12px;flex-wrap:wrap;--social-bg:#e0e3e8}
.footer-socials button{width:40px;height:40px;border:0;border-radius:50%;background:var(--social-bg);color:#58616f;padding:10px;cursor:default;opacity:1}
.footer-socials svg{width:20px;height:20px;display:block}
.footer-newsletter{border:0;padding:0;margin:0;min-width:0;display:grid;gap:9px}
.footer-newsletter>input{width:100%;height:37px;border:1px solid #bdc3cd;padding:8px 14px;background:#f8f9fa;color:#596371;font:inherit;font-size:14px;border-radius:0;opacity:1;-webkit-text-fill-color:#596371}
.footer-newsletter>input::placeholder{color:#596371;opacity:1}
.footer-consent{display:flex;align-items:flex-start;gap:5px;font-size:12px;line-height:1.5;margin:5px 0 8px}
.footer-consent input{margin:2px 0 0;width:13px;height:13px;flex-shrink:0}
.footer-privacy{text-decoration:underline;text-underline-offset:2px}
.footer-newsletter button{height:38px;border:0;border-radius:0;background:#d6dae1;color:#505b6c;font-size:15px;font-weight:600;cursor:default;opacity:1}
.footer-bottom{margin-top:65px;border-top:1px solid #d7dbe1;padding-top:34px;text-align:center;color:#747c89;font-size:14px;line-height:1.6}
@media(max-width:1100px){.footer-columns{grid-template-columns:1fr 1fr;gap:42px 55px}.footer-socials{flex-wrap:nowrap}.footer-newsletter{max-width:360px}}
@media(max-width:580px){.home-footer{padding:45px 0 25px}.footer-columns{grid-template-columns:1fr;gap:35px}.home-footer h2{font-size:16px;margin-bottom:19px}.footer-links{gap:13px;font-size:14px}.footer-explore-links{grid-template-rows:repeat(4,auto);gap:13px 18px}.footer-newsletter{max-width:none}.footer-bottom{margin-top:38px;padding-top:24px;font-size:12px}}

/* Cajas un 15 % más estrechas dentro de cada columna. */
.topic-card{width:85%;justify-self:center;padding:16px 14px 22px;min-height:0}
.topic-art{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px;margin-bottom:16px}
.topic-card h3{min-height:44px;margin-top:auto;margin-bottom:12px}
.topic-card .topic-info{margin-top:0}
@media(max-width:1000px){.topic-card{padding:12px 9px 18px}.topic-card h3{font-size:15px}}
@media(max-width:520px){.topic-card{padding:10px 8px 16px}.topic-card h3{font-size:14px;min-height:54px}.topic-card .topic-info{padding:10px 14px}.topic-art{margin-bottom:10px}}

/* Artículos de muestra: imagen, categoría, titular y fecha. */
.featured-blog{padding-block:20px 76px}
.featured-blog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}
.featured-blog-heading h2{font-size:30px;letter-spacing:-.8px;line-height:1.2}
.featured-blog-heading p{font-size:13px;color:var(--muted)}
.featured-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.blog-card{min-width:0;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 7px 25px #2023290c;display:flex;flex-direction:column}
.blog-card>img{width:100%;height:auto;aspect-ratio:1.48;object-fit:cover;background:#f4f5f7}
.blog-card-body{padding:23px 19px 25px;display:flex;flex-direction:column;flex:1;min-height:215px}
.blog-card-category{font-size:12px;line-height:1.5;color:#777d85;margin-bottom:9px}
.blog-card h3{font-size:16px;line-height:1.5;font-weight:600;color:#353a42;margin-bottom:30px}
.blog-card time{margin-top:auto;font-size:12px;line-height:1.5;color:#666c76}
@media(max-width:1000px){.featured-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-card-body{min-height:195px}}
@media(max-width:580px){.featured-blog{padding-block:8px 48px}.featured-blog-heading{display:block;margin-bottom:23px}.featured-blog-heading h2{font-size:26px}.featured-blog-heading p{margin-top:10px}.featured-blog-grid{grid-template-columns:1fr;gap:24px}.blog-card-body{min-height:190px}}

/* Banners de cursos: texto a la izquierda e ilustración a la derecha. */
.featured-courses{padding-block:20px 64px}
.featured-courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.course-banner{position:relative;isolation:isolate;overflow:hidden;min-height:230px;border:1px solid #e1e4e9;border-radius:18px;background:linear-gradient(155deg,#fff 12%,#f3f4f6 57%,#e6eaf0);box-shadow:0 5px 17px #20232908;display:flex;align-items:center;transition:box-shadow .2s,border-color .2s}
.course-banner-copy{position:relative;z-index:1;width:65%;padding:25px 0 25px 23px}
.course-banner-label{display:block;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.8px;font-weight:600;color:#6a7483;margin-bottom:11px}
.course-banner h3{font-size:23px;line-height:1.14;letter-spacing:-.6px;margin-bottom:11px;color:#262e3b}
.course-banner p{font-size:12px;line-height:1.55;color:#66707c;max-width:185px}
.course-banner-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:7px 11px;border:1px solid #8393a8;border-radius:20px;font-size:11px;font-weight:600;color:#334863}
.course-banner>img{position:absolute;width:49%;height:auto;right:-7%;top:50%;transform:translateY(-50%) rotate(-9deg);mix-blend-mode:multiply;pointer-events:none}
.course-banner:hover{border-color:#a7b4c4;box-shadow:0 8px 24px #20232916}
@media(max-width:1050px) and (min-width:781px){.course-banner-copy{padding-left:16px}.course-banner h3{font-size:20px}.course-banner-label{font-size:9px}.course-banner>img{width:46%;right:-8%}.featured-courses-grid{gap:16px}}
@media(max-width:780px){.featured-courses-grid{grid-template-columns:1fr}.course-banner{min-height:220px}.course-banner-copy{width:62%;padding:26px}.course-banner h3{font-size:26px;max-width:300px}.course-banner>img{width:40%;max-width:240px;right:0}.course-banner p{max-width:280px}.featured-courses{padding-block:8px 48px}}
@media(prefers-reduced-motion:reduce){.course-banner{transition:none}}

/* Fondo ambiental compartido: degradados suaves durante toda la primera pantalla. */
body{position:relative;isolation:isolate;background:#fff}
body::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:100vh;height:100svh;background:linear-gradient(to bottom,transparent 68%,#fff 100%),radial-gradient(ellipse at 88% 16%,#eef0f5 0%,#f6f7f9 35%,transparent 72%),radial-gradient(ellipse at 6% 62%,#f0f2f5 0%,#f9fafb 42%,transparent 78%),linear-gradient(135deg,#fcfcfd,#f7f8fa 55%,#fff);background-repeat:no-repeat}

/* Glosario y Blog comparten la última fila de Explorar. */
.footer-explore-links{grid-auto-flow:row}
@media(min-width:1001px) and (max-width:1200px){.navigation{gap:15px}.navigation a{font-size:13px}.site-header{gap:20px}}

/* Botones de inicio: el mismo degradado suave de la introducción del Glosario. */
.home-page .free-course-button,
.home-page .topic-info,
.home-page .course-banner-cta,
.home-page .footer-socials button,
.home-page .footer-newsletter button {
  background: linear-gradient(115deg, #eef5ff, #f9fbff);
  border-color: #dce7f5;
  color: #2363ba;
}
.home-page .free-course-button:hover,
.home-page .topic-info:hover,
.home-page .course-banner:hover .course-banner-cta,
.home-page .course-banner:focus-visible .course-banner-cta {
  background: linear-gradient(115deg, #eef5ff, #f9fbff);
  border-color: #87addd;
  color: #194b8d;
  box-shadow: 0 3px 12px #2363ba14;
}
.home-page .footer-socials { --social-bg: #f3f8ff; }