
    .migrated-page-39-1 {
      --ink: #16202d;
      --ink-2: #26364b;
      --muted: #667385;
      --line: #dfe5ec;
      --paper: #ffffff;
      --soft: #f5f7fa;
      --soft-blue: #f3f6f9;
      --navy: #151f2c;
      --blue: #5076a7;
      --coral: #7c99c0;
      --coral-dark: #5a7faf;
      --violet: #6c8db8;
      --green: #324967;
      --radius: 26px;
      --radius-sm: 16px;
      --shadow: 0 22px 60px rgba(16, 32, 51, .12);
      --max: 1180px;
    }

    .migrated-page-39-1 * { box-sizing: border-box; }
    .migrated-page-39-1 { scroll-behavior: smooth; }
    .migrated-page-39-1 {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
    }

    .migrated-page-39-1 main {
      padding: 0;
      background: transparent;
    }

    .migrated-page-39-1.menu-open { overflow: hidden; }
    .migrated-page-39-1 a { color: inherit; text-decoration: none; }
    .migrated-page-39-1 :is(button,summary,a), .migrated-page-39-1 input, .migrated-page-39-1 select, .migrated-page-39-1 textarea { font: inherit; }
    .migrated-page-39-1 :is(button,summary,a) { cursor: pointer; }

    .migrated-page-39-1 .container {
      width: min(calc(100% - 40px), var(--max));
      margin-inline: auto;
    }

    .migrated-page-39-1 .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin: 0 0 16px;
      color: var(--coral-dark);
      font-weight: 800;
      font-size: .78rem;
      letter-spacing: .1em;
      text-transform: uppercase;
    }

    .migrated-page-39-1 .eyebrow::before {
      content: "";
      width: 26px;
      height: 3px;
      border-radius: 99px;
      background: currentColor;
    }

    .migrated-page-39-1 h1, .migrated-page-39-1 h2, .migrated-page-39-1 h3, .migrated-page-39-1 p { margin-top: 0; }
    .migrated-page-39-1 h1, .migrated-page-39-1 h2, .migrated-page-39-1 h3 { line-height: 1.08; letter-spacing: -.035em; }
    .migrated-page-39-1 h1 { margin-bottom: 24px; font-size: clamp(3rem, 6.4vw, 6rem); }
    .migrated-page-39-1 h2 { margin-bottom: 20px; font-size: clamp(2.1rem, 4vw, 3.65rem); }
    .migrated-page-39-1 h3 { margin-bottom: 12px; font-size: 1.35rem; }

    .migrated-page-39-1 .lead {
      max-width: 720px;
      color: var(--muted);
      font-size: clamp(1.05rem, 1.7vw, 1.28rem);
    }

    .migrated-page-39-1 .:is(button,summary,a) {
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 0 22px;
      border: 1px solid transparent;
      border-radius: 13px;
      background: var(--coral);
      color: white;
      font-weight: 800;
      box-shadow: 0 10px 24px rgba(250, 87, 66, .22);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }

    .migrated-page-39-1 .:is(button,summary,a):hover {
      transform: translateY(-2px);
      background: var(--coral-dark);
      box-shadow: 0 14px 30px rgba(250, 87, 66, .28);
    }

    .migrated-page-39-1 .:is(button,summary,a).secondary {
      border-color: rgba(255,255,255,.34);
      background: rgba(255,255,255,.08);
      box-shadow: none;
      backdrop-filter: blur(10px);
    }

    .migrated-page-39-1 .:is(button,summary,a).secondary:hover { background: rgba(255,255,255,.15); }
    .migrated-page-39-1 .:is(button,summary,a).ghost {
      border-color: var(--line);
      background: white;
      color: var(--ink);
      box-shadow: none;
    }
    .migrated-page-39-1 .:is(button,summary,a).small { min-height: 45px; padding: 0 17px; font-size: .92rem; }
    .migrated-page-39-1 .arrow { font-size: 1.1em; transition: transform .2s ease; }
    .migrated-page-39-1 a:hover .arrow, .migrated-page-39-1 :is(button,summary,a):hover .arrow { transform: translateX(3px); }

    .migrated-page-39-1 section[id] {
      scroll-margin-top: 135px;
    }

    /* Hostinger ya permite que el bloque HTML ocupe todo el ancho:
       los fondos llegan a los extremos y el contenido conserva un ancho legible. */
    .migrated-page-39-1 .hero,
    .migrated-page-39-1 .path-section,
    .migrated-page-39-1 .intensives,
    .migrated-page-39-1 .compare,
    .migrated-page-39-1 .method {
      width: 100%;
      margin: 0;
      border-radius: 0;
      overflow: hidden;
    }

    /* Hero */
    .migrated-page-39-1 .hero {
      position: relative;
      padding: 100px 0 60px;
      color: white;
      background:
        radial-gradient(circle at 83% 18%, rgba(15,100,232,.45), transparent 26%),
        radial-gradient(circle at 15% 95%, rgba(250,87,66,.18), transparent 25%),
        var(--navy);
    }

    .migrated-page-39-1 .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .17;
      background-image:
        linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image: linear-gradient(to bottom, black, transparent 80%);
    }

    .migrated-page-39-1 .hero-grid {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr);
      align-items: center;
      gap: 74px;
    }

    .migrated-page-39-1 .hero h1 span {
      color: transparent;
      background: linear-gradient(105deg, #fff 2%, #bdccdf 48%, #9eb4d0 95%);
      background-clip: text;
    }

    .migrated-page-39-1 .hero .lead { color: #cbd5e1; max-width: 680px; }
    .migrated-page-39-1 .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 36px; }
    .migrated-page-39-1 .hero-notes {
      display: flex;
      flex-wrap: wrap;
      gap: 14px 24px;
      color: #dde4ee;
      font-size: .9rem;
      font-weight: 700;
    }
    .migrated-page-39-1 .hero-notes span { display: inline-flex; align-items: center; gap: 8px; }
    .migrated-page-39-1 .hero-notes span::before { content: "✓"; color: #90a9ca; }

    .migrated-page-39-1 .hero-visual { position: relative; min-height: 540px; }
    .migrated-page-39-1 .orbit {
      position: absolute;
      inset: 42px 12px 24px 38px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 50%;
      transform: rotate(-8deg);
    }

    .migrated-page-39-1 .visual-card {
      position: absolute;
      width: 300px;
      display: block;
      padding: 25px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 22px;
      background: rgba(255,255,255,.09);
      box-shadow: 0 25px 70px rgba(0,0,0,.25);
      backdrop-filter: blur(16px);
      transition: transform .22s ease, border-color .22s ease, background .22s ease;
    }
    .migrated-page-39-1 .visual-card:hover {
      z-index: 4;
      border-color: rgba(255,255,255,.36);
      background: rgba(255,255,255,.14);
    }

    .migrated-page-39-1 .visual-card small {
      display: block;
      margin-bottom: 10px;
      color: #9dafc7;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .migrated-page-39-1 .visual-card strong { display: block; font-size: 1.28rem; line-height: 1.18; }
    .migrated-page-39-1 .visual-card .mini-line {
      height: 5px;
      margin-top: 20px;
      border-radius: 10px;
      background: rgba(255,255,255,.1);
    }
    .migrated-page-39-1 .visual-card .mini-line::before {
      content: "";
      display: block;
      width: var(--progress, 70%);
      height: 100%;
      border-radius: inherit;
      background: var(--accent, var(--coral));
    }

    .migrated-page-39-1 .card-a { top: 15px; left: 5px; transform: rotate(-4deg); }
    .migrated-page-39-1 .card-b { top: 195px; right: 0; transform: rotate(3deg); background: rgba(15,100,232,.2); }
    .migrated-page-39-1 .card-c { bottom: 4px; left: 35px; transform: rotate(-2deg); }
    .migrated-page-39-1 .proof-strip {
      position: relative;
      margin-top: 64px;
      padding: 26px 0 4px;
      border-top: 1px solid rgba(255,255,255,.13);
    }
    .migrated-page-39-1 .proof-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
    }
    .migrated-page-39-1 .proof-item strong { display: block; font-size: 1.12rem; }
    .migrated-page-39-1 .proof-item span { color: #9fafc4; font-size: .87rem; }

    /* General sections */
    .migrated-page-39-1 section { padding: 104px 0; }
    .migrated-page-39-1 .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 40px;
      margin-bottom: 44px;
    }
    .migrated-page-39-1 .section-head > div:first-child { max-width: 760px; }
    .migrated-page-39-1 .section-head .lead { margin-bottom: 0; font-size: 1.08rem; }
    .migrated-page-39-1 .section-side {
      display: flex;
      max-width: 430px;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
    }
    .migrated-page-39-1 .section-side .lead { margin: 0; }

    /* Chooser */
    .migrated-page-39-1 .path-section {
      border: 1px solid #e8edf3;
      background: var(--soft);
    }
    .migrated-page-39-1 .path-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .migrated-page-39-1 .path-card {
      min-height: 252px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 28px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      background: white;
      text-align: left;
      box-shadow: 0 8px 28px rgba(16,32,51,.05);
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .migrated-page-39-1 .path-card:hover, .migrated-page-39-1 .path-card.active {
      transform: translateY(-5px);
      border-color: rgba(250,87,66,.55);
      box-shadow: var(--shadow);
    }
    .migrated-page-39-1 .path-card.active { background: #f9fafc; }
    .migrated-page-39-1 .path-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      margin-bottom: 24px;
      border-radius: 14px;
      background: var(--soft-blue);
      color: var(--blue);
      font-size: 1.35rem;
      font-weight: 900;
    }
    .migrated-page-39-1 .path-card:nth-child(2) .path-icon { color: var(--coral); background: #f3f6f9; }
    .migrated-page-39-1 .path-card:nth-child(3) .path-icon { color: var(--violet); background: #f3f6f9; }
    .migrated-page-39-1 .path-card:nth-child(4) .path-icon { color: var(--green); background: #ebeff5; }
    .migrated-page-39-1 .path-card p { color: var(--muted); font-size: .94rem; }
    .migrated-page-39-1 .path-link { margin-top: auto; color: var(--coral-dark); font-weight: 800; font-size: .9rem; }
    .migrated-page-39-1 .path-result {
      display: none;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      margin-top: 22px;
      padding: 24px 28px;
      border-radius: var(--radius-sm);
      color: white;
      background: var(--navy);
    }
    .migrated-page-39-1 .path-result.visible { display: flex; animation: rise .25s ease; }
    .migrated-page-39-1 .path-result p { margin: 0; color: #d3dce7; }
    @keyframes rise { from { opacity: 0; transform: translateY(8px); } }

    /* Programme cards */
    .migrated-page-39-1 .masters { overflow: hidden; }
    .migrated-page-39-1 .programme-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .migrated-page-39-1 .programme-card {
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      min-height: 515px;
      padding: 34px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: white;
      box-shadow: 0 12px 40px rgba(16,32,51,.07);
    }
    .migrated-page-39-1 .programme-card::after {
      content: "";
      position: absolute;
      z-index: 0;
      top: -110px;
      right: -90px;
      width: 280px;
      height: 280px;
      border-radius: 50%;
      opacity: .14;
      background: var(--card-accent, var(--blue));
    }
    .migrated-page-39-1 .programme-card > * { position: relative; z-index: 1; }
    .migrated-page-39-1 .programme-card.legal { --card-accent: var(--blue); }
    .migrated-page-39-1 .programme-card.hr { --card-accent: var(--coral); }
    .migrated-page-39-1 .programme-card.finance { --card-accent: var(--green); }
    .migrated-page-39-1 .programme-card.operations { --card-accent: #587dae; }
    .migrated-page-39-1 .programme-card.marketing { --card-accent: var(--violet); }
    .migrated-page-39-1 .tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
    .migrated-page-39-1 .tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 11px;
      border-radius: 99px;
      color: var(--ink-2);
      background: var(--soft);
      font-size: .74rem;
      font-weight: 800;
      letter-spacing: .035em;
      text-transform: uppercase;
    }
    .migrated-page-39-1 .tag.primary { color: #476893; background: #f3f6f9; }
    .migrated-page-39-1 .programme-card h3 { max-width: 520px; font-size: clamp(1.8rem, 3vw, 2.45rem); }
    .migrated-page-39-1 .programme-card > p { color: var(--muted); }
    .migrated-page-39-1 .outcome-list { display: grid; gap: 12px; margin: 22px 0 32px; padding: 0; list-style: none; }
    .migrated-page-39-1 .outcome-list li {
      position: relative;
      padding-left: 27px;
      color: var(--ink-2);
      font-size: .95rem;
    }
    .migrated-page-39-1 .outcome-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: var(--green);
      font-weight: 900;
    }
    .migrated-page-39-1 .programme-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: auto;
      padding-top: 25px;
      border-top: 1px solid var(--line);
    }
    .migrated-page-39-1 .programme-meta { color: var(--muted); font-size: .88rem; }
    .migrated-page-39-1 .programme-meta strong { display: block; color: var(--ink); font-size: .97rem; }
    .migrated-page-39-1 .upcoming-head {
      margin: 42px 0 22px;
      padding-top: 34px;
      border-top: 1px solid var(--line);
    }
    .migrated-page-39-1 .upcoming-head h3 { margin-bottom: 6px; font-size: 1.55rem; }
    .migrated-page-39-1 .upcoming-head p { margin: 0; color: var(--muted); }
    .migrated-page-39-1 .upcoming-grid { grid-template-columns: repeat(3, 1fr); }
    .migrated-page-39-1 .programme-card.compact {
      min-height: 455px;
      padding: 28px;
    }
    .migrated-page-39-1 .programme-card.compact h3 { font-size: 1.72rem; }
    .migrated-page-39-1 .programme-card.compact .programme-footer {
      align-items: flex-start;
      flex-direction: column;
    }

    /* Intensives */
    .migrated-page-39-1 .intensives {
      color: white;
      background: var(--navy);
      box-shadow: 0 18px 50px rgba(16, 30, 49, .1);
    }
    .migrated-page-39-1 .intensives .eyebrow { color: #a7bad4; }
    .migrated-page-39-1 .intensives .lead { color: #b8c4d3; }
    .migrated-page-39-1 .intensive-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .migrated-page-39-1 .intensive-card {
      padding: 34px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: var(--radius);
      background:
        linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035));
    }
    .migrated-page-39-1 .intensive-card h3 { max-width: 450px; font-size: 2rem; }
    .migrated-page-39-1 .intensive-card > p { color: #b8c4d3; }
    .migrated-page-39-1 .metric-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin: 28px 0;
    }
    .migrated-page-39-1 .metric {
      padding: 15px;
      border-radius: 13px;
      background: rgba(255,255,255,.07);
    }
    .migrated-page-39-1 .metric strong { display: block; font-size: 1.03rem; }
    .migrated-page-39-1 .metric span { color: #a8b5c6; font-size: .76rem; }
    .migrated-page-39-1 .price-row { display: flex; align-items: end; justify-content: space-between; gap: 15px; }
    .migrated-page-39-1 .price small { display: block; color: #9eaec2; }
    .migrated-page-39-1 .price strong { font-size: 2.35rem; letter-spacing: -.04em; }
    .migrated-page-39-1 .price del { margin-left: 8px; color: #8797ad; }

    /* Sectorial training */
    .migrated-page-39-1 .sectorial-training { background: #f6f8fb; }
    .migrated-page-39-1 .sectorial-panel {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      min-height: 420px;
      border: 1px solid var(--line);
      border-radius: 28px;
      background: white;
      overflow: hidden;
      box-shadow: 0 20px 55px rgba(16,32,51,.09);
    }
    .migrated-page-39-1 .sectorial-visual {
      position: relative;
      display: flex;
      min-height: 420px;
      align-items: flex-end;
      padding: 42px;
      color: white;
      background:
        radial-gradient(circle at 72% 28%, rgba(255,182,77,.75), transparent 18%),
        linear-gradient(145deg, #16202d, #263850);
      overflow: hidden;
    }
    .migrated-page-39-1 .sectorial-visual::before,
    .migrated-page-39-1 .sectorial-visual::after {
      position: absolute;
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 50%;
      content: "";
    }
    .migrated-page-39-1 .sectorial-visual::before { width: 280px; height: 280px; right: -75px; bottom: -70px; }
    .migrated-page-39-1 .sectorial-visual::after { width: 140px; height: 140px; right: 35px; bottom: 32px; }
    .migrated-page-39-1 .sectorial-visual-copy { position: relative; z-index: 1; }
    .migrated-page-39-1 .sectorial-visual-copy small { display: block; margin-bottom: 11px; color: #9eb4d0; font-weight: 800; text-transform: uppercase; }
    .migrated-page-39-1 .sectorial-visual-copy strong { display: block; max-width: 390px; font-family: "Manrope", sans-serif; font-size: clamp(2rem,3vw,3rem); line-height: 1.04; letter-spacing: -.04em; }
    .migrated-page-39-1 .sectorial-content { padding: 48px; }
    .migrated-page-39-1 .sectorial-content h2 { max-width: 720px; }
    .migrated-page-39-1 .sectorial-content .lead { max-width: 760px; }
    .migrated-page-39-1 .sectorial-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 25px 0 30px; }
    .migrated-page-39-1 .sectorial-chips span { padding: 8px 11px; border-radius: 8px; background: #e9eef5; color: #334b6a; font-size: .74rem; font-weight: 800; }
    .migrated-page-39-1 .sectorial-roadmap { margin-top: 38px; }
    .migrated-page-39-1 .sectorial-roadmap-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 18px; }
    .migrated-page-39-1 .sectorial-roadmap-head h3 { max-width: 700px; margin-bottom: 0; font-size: 1.7rem; }
    .migrated-page-39-1 .sectorial-roadmap-head p { max-width: 470px; margin-bottom: 0; color: var(--muted); font-size: .86rem; }
    .migrated-page-39-1 .sectorial-roadmap-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
    .migrated-page-39-1 .sectorial-mini {
      --sector: #7b99c0;
      display: flex;
      min-height: 190px;
      flex-direction: column;
      padding: 19px;
      border: 1px solid var(--line);
      border-top: 4px solid var(--sector);
      border-radius: 14px;
      background: white;
    }
    .migrated-page-39-1 .sectorial-mini small { color: var(--sector); font-size: .63rem; font-weight: 900; text-transform: uppercase; }
    .migrated-page-39-1 .sectorial-mini strong { display: block; margin: 23px 0 10px; font-family: "Manrope", sans-serif; line-height: 1.15; }
    .migrated-page-39-1 .sectorial-mini span { color: var(--muted); font-size: .73rem; line-height: 1.45; }
    .migrated-page-39-1 .sectorial-mini a { margin-top: auto; padding-top: 16px; color: var(--sector); font-size: .73rem; font-weight: 900; }

    /* Courses */
    .migrated-page-39-1 .course-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
    .migrated-page-39-1 .filter-:is(button,summary,a) {
      min-height: 42px;
      padding: 0 16px;
      border: 1px solid var(--line);
      border-radius: 99px;
      background: white;
      color: var(--ink-2);
      font-size: .88rem;
      font-weight: 800;
    }
    .migrated-page-39-1 .filter-:is(button,summary,a).active { border-color: var(--ink); background: var(--ink); color: white; }
    .migrated-page-39-1 .courses-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }
    .migrated-page-39-1 .course-card {
      display: flex;
      flex-direction: column;
      min-height: 292px;
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      background: white;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .migrated-page-39-1 .course-card:hover { transform: translateY(-4px); box-shadow: 0 15px 34px rgba(16,32,51,.09); }
    .migrated-page-39-1 .course-card[hidden] { display: none; }
    .migrated-page-39-1 .course-card small { color: var(--coral-dark); font-weight: 800; text-transform: uppercase; }
    .migrated-page-39-1 .course-card h3 { margin-top: 18px; font-size: 1.22rem; }
    .migrated-page-39-1 .course-card p { color: var(--muted); font-size: .9rem; }
    .migrated-page-39-1 .course-card a { margin-top: auto; font-weight: 800; font-size: .9rem; }
    .migrated-page-39-1 .ecosystem-feature {
      grid-column: 1 / -1;
      padding: 34px;
      border-color: #d4deea;
      border-radius: 24px;
      background:
        radial-gradient(circle at 84% 0, rgba(250, 87, 66, .12), transparent 26%),
        linear-gradient(120deg, #f3f6f9, #ffffff 62%);
      box-shadow: 0 12px 34px rgba(16, 32, 51, .07);
    }
    .migrated-page-39-1 .ecosystem-feature.openai-feature {
      border-color: #ccd2d9;
      background:
        radial-gradient(circle at 86% 5%, rgba(26, 183, 145, .16), transparent 28%),
        linear-gradient(120deg, #f1f4f8, #ffffff 62%);
    }
    .migrated-page-39-1 .ecosystem-feature[hidden] { display: none; }
    .migrated-page-39-1 .ecosystem-feature-head {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      align-items: end;
      gap: 42px;
      margin-bottom: 28px;
    }
    .migrated-page-39-1 .ecosystem-feature-head small {
      color: var(--blue);
      font-weight: 900;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .migrated-page-39-1 .openai-feature .ecosystem-feature-head small { color: #2c405b; }
    .migrated-page-39-1 .ecosystem-feature-head h3 {
      margin: 8px 0 0;
      font-size: clamp(1.8rem, 3.2vw, 2.7rem);
    }
    .migrated-page-39-1 .ecosystem-feature-head p {
      margin: 0;
      color: var(--muted);
      font-size: .98rem;
    }
    .migrated-page-39-1 .ecosystem-options {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .migrated-page-39-1 .ecosystem-option {
      display: flex;
      flex-direction: column;
      min-height: 370px;
      padding: 23px;
      border: 1px solid #dbe3ee;
      border-radius: 17px;
      background: rgba(255,255,255,.9);
      box-shadow: 0 8px 22px rgba(15, 64, 125, .06);
    }
    .migrated-page-39-1 .ecosystem-option:nth-child(2) { border-top: 4px solid var(--violet); }
    .migrated-page-39-1 .ecosystem-option:nth-child(3) { border-top: 4px solid var(--blue); }
    .migrated-page-39-1 .ecosystem-option:nth-child(4) { border-top: 4px solid #415f86; }
    .migrated-page-39-1 .ecosystem-option:first-child { border-top: 4px solid #365071; }
    .migrated-page-39-1 .openai-feature .ecosystem-option:first-child { border-top-color: #3a5579; }
    .migrated-page-39-1 .openai-feature .ecosystem-option:nth-child(2) { border-top-color: #121b26; }
    .migrated-page-39-1 .openai-feature .ecosystem-option:nth-child(3) { border-top-color: #819ec3; }
    .migrated-page-39-1 .openai-feature .ecosystem-option:nth-child(4) { border-top-color: #2c405b; }
    .migrated-page-39-1 .ecosystem-type {
      display: inline-flex;
      align-self: flex-start;
      padding: 6px 9px;
      border-radius: 7px;
      color: white;
      background: var(--ink);
      font-size: .67rem;
      font-weight: 900;
      letter-spacing: .045em;
      text-transform: uppercase;
    }
    .migrated-page-39-1 .openai-feature .ecosystem-type { background: #10151b; }
    .migrated-page-39-1 .ecosystem-option h4 {
      margin: 18px 0 14px;
      font-size: 1.17rem;
      line-height: 1.18;
      letter-spacing: -.025em;
    }
    .migrated-page-39-1 .ecosystem-option p {
      margin-bottom: 14px;
      color: var(--muted);
      font-size: .84rem;
    }
    .migrated-page-39-1 .ecosystem-option ul {
      display: grid;
      gap: 8px;
      margin: 0 0 20px;
      padding: 0;
      list-style: none;
    }
    .migrated-page-39-1 .ecosystem-option li {
      position: relative;
      padding-left: 18px;
      color: var(--ink-2);
      font-size: .8rem;
    }
    .migrated-page-39-1 .ecosystem-option li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: var(--blue);
      font-weight: 900;
    }
    .migrated-page-39-1 .openai-feature .ecosystem-option li::before,
    .migrated-page-39-1 .openai-feature .ecosystem-option a { color: #2c405b; }
    .migrated-page-39-1 .ecosystem-option a {
      margin-top: auto;
      color: var(--blue);
      font-size: .82rem;
      font-weight: 900;
    }
    .migrated-page-39-1 .ecosystem-summary {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 28px;
      padding: 25px;
      border: 1px solid #dbe3ee;
      border-radius: 18px;
      background: rgba(255,255,255,.88);
    }
    .migrated-page-39-1 .ecosystem-stages {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }
    .migrated-page-39-1 .ecosystem-stage {
      position: relative;
      min-height: 104px;
      padding: 15px;
      border-radius: 13px;
      background: #f6f8fb;
    }
    .migrated-page-39-1 .ecosystem-stage::after {
      content: "→";
      position: absolute;
      top: 50%;
      right: -9px;
      z-index: 2;
      color: #91a2b8;
      font-weight: 900;
      transform: translateY(-50%);
    }
    .migrated-page-39-1 .ecosystem-stage:last-child::after { display: none; }
    .migrated-page-39-1 .ecosystem-stage small {
      display: block;
      margin-bottom: 8px;
      color: var(--blue);
      font-size: .66rem;
      font-weight: 900;
      letter-spacing: .05em;
      text-transform: uppercase;
    }
    .migrated-page-39-1 .openai-feature .ecosystem-stage small { color: #2c405b; }
    .migrated-page-39-1 .ecosystem-stage strong {
      display: block;
      font-size: .86rem;
      line-height: 1.3;
    }
    .migrated-page-39-1 .ecosystem-summary .:is(button,summary,a) { white-space: nowrap; }

    /* Compare */
    .migrated-page-39-1 .compare {
      border: 1px solid #e8edf3;
      background: var(--soft);
    }
    .migrated-page-39-1 .table-shell {
      overflow-x: auto;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: white;
      box-shadow: 0 10px 35px rgba(16,32,51,.06);
    }
    .migrated-page-39-1 table { width: 100%; min-width: 760px; border-collapse: collapse; }
    .migrated-page-39-1 th, .migrated-page-39-1 td { padding: 20px 24px; border-bottom: 1px solid var(--line); text-align: left; }
    .migrated-page-39-1 th { background: #f9fafb; font-size: .9rem; }
    .migrated-page-39-1 th:first-child { width: 21%; }
    .migrated-page-39-1 td { color: var(--ink-2); font-size: .92rem; }
    .migrated-page-39-1 td:first-child { color: var(--muted); font-weight: 700; }
    .migrated-page-39-1 tr:last-child td { border-bottom: 0; }
    .migrated-page-39-1 .highlight-col { background: #f9fafc; }
    .migrated-page-39-1 .compare-mobile { display: none; }
    .migrated-page-39-1 .compare-mobile-card {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: white;
      box-shadow: 0 8px 25px rgba(16,32,51,.06);
    }
    .migrated-page-39-1 .compare-mobile-card.featured { border-color: #bccbdf; }
    .migrated-page-39-1 .compare-mobile-title {
      padding: 20px;
      color: white;
      background: var(--ink);
    }
    .migrated-page-39-1 .compare-mobile-card.featured .compare-mobile-title { background: var(--coral); }
    .migrated-page-39-1 .compare-mobile-title small {
      display: block;
      margin-bottom: 4px;
      color: rgba(255,255,255,.72);
      font-size: .7rem;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .migrated-page-39-1 .compare-mobile-title strong { font-size: 1.2rem; }
    .migrated-page-39-1 .compare-mobile-details { margin: 0; }
    .migrated-page-39-1 .compare-mobile-details > div {
      display: grid;
      grid-template-columns: 105px 1fr;
      gap: 13px;
      padding: 15px 18px;
      border-bottom: 1px solid var(--line);
    }
    .migrated-page-39-1 .compare-mobile-details > div:last-child { border-bottom: 0; }
    .migrated-page-39-1 .compare-mobile-details dt {
      color: var(--muted);
      font-size: .78rem;
      font-weight: 800;
    }
    .migrated-page-39-1 .compare-mobile-details dd {
      margin: 0;
      color: var(--ink-2);
      font-size: .82rem;
    }

    /* Campus */
    .migrated-page-39-1 .campus-grid {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      align-items: center;
      gap: 70px;
    }
    .migrated-page-39-1 .campus-screen {
      position: relative;
      overflow: hidden;
      min-height: 510px;
      padding: 20px;
      border: 9px solid var(--navy);
      border-radius: 28px;
      color: var(--ink);
      background: #f2f4f7;
      box-shadow: var(--shadow);
    }
    .migrated-page-39-1 .screen-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: -20px -20px 20px;
      padding: 16px 20px;
      background: white;
      font-size: .82rem;
      font-weight: 800;
    }
    .migrated-page-39-1 .screen-dots { display: flex; gap: 5px; }
    .migrated-page-39-1 .screen-dots i { width: 8px; height: 8px; border-radius: 50%; background: var(--line); }
    .migrated-page-39-1 .screen-course {
      padding: 25px;
      border-radius: 16px;
      color: white;
      background: linear-gradient(120deg, #141e2a, #2c405b);
    }
    .migrated-page-39-1 .screen-course small { color: #a8bbd5; }
    .migrated-page-39-1 .screen-course h3 { margin: 10px 0 8px; font-size: 1.4rem; }
    .migrated-page-39-1 .lesson-list { display: grid; gap: 10px; margin-top: 14px; }
    .migrated-page-39-1 .lesson {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px;
      border-radius: 11px;
      background: white;
      font-size: .82rem;
      font-weight: 700;
    }
    .migrated-page-39-1 .lesson i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: #f3f6f9; color: var(--blue); font-style: normal; }
    .migrated-page-39-1 .chat {
      position: absolute;
      right: 15px;
      bottom: 15px;
      width: 68%;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 17px;
      background: white;
      box-shadow: 0 18px 45px rgba(16,32,51,.2);
    }
    .migrated-page-39-1 .chat-title { padding: 12px 15px; color: white; background: var(--coral); font-size: .8rem; font-weight: 800; }
    .migrated-page-39-1 .chat-message { margin: 13px; padding: 12px; border-radius: 12px 12px 12px 2px; background: var(--soft); font-size: .76rem; }
    .migrated-page-39-1 .feature-list { display: grid; gap: 17px; margin-top: 32px; }
    .migrated-page-39-1 .feature {
      display: grid;
      grid-template-columns: 42px 1fr;
      gap: 15px;
    }
    .migrated-page-39-1 .feature-icon {
      width: 42px; height: 42px; display: grid; place-items: center;
      border-radius: 12px; color: var(--coral-dark); background: #f3f6f9; font-weight: 900;
    }
    .migrated-page-39-1 .feature strong { display: block; margin-bottom: 3px; }
    .migrated-page-39-1 .feature span { color: var(--muted); font-size: .9rem; }

    /* Method */
    .migrated-page-39-1 .method {
      color: white;
      background: var(--navy);
      box-shadow: 0 18px 50px rgba(16, 30, 49, .1);
    }
    .migrated-page-39-1 .method .lead { color: #b8c4d3; }
    .migrated-page-39-1 .method .eyebrow { color: #9fb5d1; }
    .migrated-page-39-1 .method-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 45px; }
    .migrated-page-39-1 .method-step {
      position: relative;
      min-height: 222px;
      padding: 24px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: var(--radius-sm);
      background: rgba(255,255,255,.045);
    }
    .migrated-page-39-1 .method-step::after {
      content: "→";
      position: absolute;
      top: 31px;
      right: -12px;
      z-index: 2;
      color: #6d819b;
      font-size: 1.35rem;
    }
    .migrated-page-39-1 .method-step:last-child::after { display: none; }
    .migrated-page-39-1 .step-number { display: block; margin-bottom: 28px; color: #a0b6d2; font-size: .8rem; font-weight: 900; }
    .migrated-page-39-1 .method-step p { color: #aab7c9; font-size: .86rem; }

    /* Business */
    .migrated-page-39-1 .business-panel {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 55px;
      padding: 56px;
      border-radius: 32px;
      background: linear-gradient(125deg, #f3f6f9, #f6f8fa);
    }
    .migrated-page-39-1 .business-panel .lead { font-size: 1.05rem; }
    .migrated-page-39-1 .business-points {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
    }
    .migrated-page-39-1 .business-point {
      padding: 21px;
      border: 1px solid rgba(255,255,255,.9);
      border-radius: var(--radius-sm);
      background: rgba(255,255,255,.62);
    }
    .migrated-page-39-1 .business-point strong { display: block; margin-bottom: 5px; }
    .migrated-page-39-1 .business-point span { color: var(--muted); font-size: .86rem; }

    /* FAQs */
    .migrated-page-39-1 .faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; }
    .migrated-page-39-1 .faq-list { border-top: 1px solid var(--line); }
    .migrated-page-39-1 .faq-item { border-bottom: 1px solid var(--line); }
    .migrated-page-39-1 .faq-question {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 23px 0;
      border: 0;
      background: transparent;
      color: var(--ink);
      text-align: left;
      font-weight: 800;
    }
    .migrated-page-39-1 .faq-question span:last-child { font-size: 1.4rem; transition: transform .2s ease; }
    .migrated-page-39-1 .faq-item.open .faq-question span:last-child { transform: rotate(45deg); }
    .migrated-page-39-1 .faq-answer { display: none; padding: 0 45px 22px 0; color: var(--muted); font-size: .94rem; }
    .migrated-page-39-1 .faq-item.open .faq-answer { display: block; }

    /* Final CTA */
    .migrated-page-39-1 .final-cta { padding-top: 20px; }
    .migrated-page-39-1 .cta-panel {
      position: relative;
      overflow: hidden;
      padding: 70px;
      border-radius: 34px;
      color: white;
      background:
        radial-gradient(circle at 90% 10%, rgba(15,100,232,.5), transparent 30%),
        var(--navy);
      text-align: center;
    }
    .migrated-page-39-1 .cta-panel::after {
      content: "";
      position: absolute;
      right: -100px;
      bottom: -180px;
      width: 390px;
      height: 390px;
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 50%;
    }
    .migrated-page-39-1 .cta-panel h2 { max-width: 760px; margin-inline: auto; }
    .migrated-page-39-1 .cta-panel p { max-width: 650px; margin: 0 auto 28px; color: #c6d1df; }
    .migrated-page-39-1 .cta-actions { position: relative; z-index: 1; display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }

    /* Composición a sangre completa para la integración actual de Hostinger */
    .migrated-page-39-1 .path-section,
    .migrated-page-39-1 .compare {
      border-width: 1px 0;
    }

    .migrated-page-39-1 .masters,
    .migrated-page-39-1 #cursos,
    .migrated-page-39-1 #campus,
    .migrated-page-39-1 #empresas,
    .migrated-page-39-1 #preguntas {
      width: 100%;
      margin: 0;
    }

    .migrated-page-39-1 #campus {
      background: linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);
    }

    .migrated-page-39-1 #empresas {
      background: linear-gradient(125deg, #f3f6f9, #f6f8fa);
    }

    .migrated-page-39-1 .business-panel {
      padding: 0;
      border-radius: 0;
      background: transparent;
    }

    .migrated-page-39-1 .final-cta {
      padding: 0;
      color: white;
      background:
        radial-gradient(circle at 90% 10%, rgba(15,100,232,.5), transparent 30%),
        var(--navy);
    }

    .migrated-page-39-1 .cta-panel {
      padding: 92px 0;
      border-radius: 0;
      background: transparent;
    }

    .migrated-page-39-1 .cta-panel::after {
      right: -180px;
      bottom: -235px;
    }

    @media (max-width: 1020px) {
      .migrated-page-39-1 .hero-grid, .migrated-page-39-1 .campus-grid { grid-template-columns: 1fr; }
      .migrated-page-39-1 .hero-visual { min-height: 480px; width: min(100%, 520px); margin-inline: auto; }
      .migrated-page-39-1 .path-grid, .migrated-page-39-1 .courses-grid { grid-template-columns: repeat(2, 1fr); }
      .migrated-page-39-1 .upcoming-grid { grid-template-columns: 1fr; }
      .migrated-page-39-1 .ecosystem-feature-head { grid-template-columns: 1fr; gap: 15px; }
      .migrated-page-39-1 .ecosystem-options { grid-template-columns: repeat(2, 1fr); }
      .migrated-page-39-1 .ecosystem-summary { grid-template-columns: 1fr; }
      .migrated-page-39-1 .proof-grid { grid-template-columns: repeat(2, 1fr); }
      .migrated-page-39-1 .method-grid { grid-template-columns: repeat(3, 1fr); }
      .migrated-page-39-1 .method-step::after { display: none; }
      .migrated-page-39-1 .business-panel, .migrated-page-39-1 .faq-grid, .migrated-page-39-1 .sectorial-panel { grid-template-columns: 1fr; }
      .migrated-page-39-1 .sectorial-roadmap-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 720px) {
      .migrated-page-39-1 .container { width: min(calc(100% - 28px), var(--max)); }
      .migrated-page-39-1 main { padding-top: 0; }
      .migrated-page-39-1 .hero,
      .migrated-page-39-1 .path-section,
      .migrated-page-39-1 .intensives,
      .migrated-page-39-1 .compare,
      .migrated-page-39-1 .method {
        width: 100%;
        margin: 0;
        border-radius: 0;
      }
      .migrated-page-39-1 .hero { padding-top: 72px; }
      .migrated-page-39-1 .hero-grid { gap: 30px; }
      .migrated-page-39-1 .hero h1 { font-size: clamp(2.8rem, 15vw, 4.2rem); }
      .migrated-page-39-1 .hero-visual { min-height: 410px; transform: scale(.88); transform-origin: top center; margin-bottom: -45px; }
      .migrated-page-39-1 .visual-card { width: 260px; padding: 20px; }
      .migrated-page-39-1 .card-b { top: 160px; }
      .migrated-page-39-1 .ai-bubble { top: 135px; left: 145px; }
      .migrated-page-39-1 .proof-grid { gap: 18px; }
      .migrated-page-39-1 .proof-item strong { font-size: .98rem; }
      .migrated-page-39-1 section { padding: 76px 0; }
      .migrated-page-39-1 .section-head { display: block; margin-bottom: 32px; }
      .migrated-page-39-1 .section-side { max-width: none; margin-top: 20px; }
      .migrated-page-39-1 .path-grid, .migrated-page-39-1 .programme-grid, .migrated-page-39-1 .upcoming-grid, .migrated-page-39-1 .intensive-grid, .migrated-page-39-1 .courses-grid { grid-template-columns: 1fr; }
      .migrated-page-39-1 .ecosystem-feature { padding: 24px 18px; }
      .migrated-page-39-1 .ecosystem-options { grid-template-columns: 1fr; }
      .migrated-page-39-1 .ecosystem-option { min-height: 0; }
      .migrated-page-39-1 .ecosystem-summary { padding: 16px; }
      .migrated-page-39-1 .ecosystem-stages { grid-template-columns: 1fr 1fr; }
      .migrated-page-39-1 .ecosystem-stage::after { display: none; }
      .migrated-page-39-1 .ecosystem-summary .:is(button,summary,a) { width: 100%; white-space: normal; text-align: center; }
      .migrated-page-39-1 .path-card { min-height: 220px; }
      .migrated-page-39-1 .path-result { align-items: flex-start; flex-direction: column; }
      .migrated-page-39-1 .path-grid > .path-result {
        grid-column: 1 / -1;
        width: 100%;
        margin-top: 0;
      }
      .migrated-page-39-1 .programme-card { min-height: auto; padding: 26px; }
      .migrated-page-39-1 .programme-footer { align-items: flex-start; flex-direction: column; }
      .migrated-page-39-1 .metric-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .migrated-page-39-1 .metric { padding: 11px; }
      .migrated-page-39-1 .price-row { align-items: flex-start; flex-direction: column; }
      .migrated-page-39-1 .sectorial-visual { min-height: 310px; padding: 27px; }
      .migrated-page-39-1 .sectorial-content { padding: 29px 21px; }
      .migrated-page-39-1 .sectorial-roadmap-head { align-items: flex-start; flex-direction: column; }
      .migrated-page-39-1 .sectorial-roadmap-grid { grid-template-columns: 1fr; }
      .migrated-page-39-1 .sectorial-mini { min-height: 175px; }
      .migrated-page-39-1 .method-grid { grid-template-columns: 1fr; }
      .migrated-page-39-1 .method-step { min-height: 0; }
      .migrated-page-39-1 .business-panel { padding: 32px 22px; }
      .migrated-page-39-1 .business-points { grid-template-columns: 1fr; }
      .migrated-page-39-1 .table-shell { display: none; }
      .migrated-page-39-1 .compare-mobile {
        display: grid;
        gap: 16px;
      }
      .migrated-page-39-1 .campus-grid { gap: 42px; }
      .migrated-page-39-1 .campus-screen {
        min-height: 0;
        padding: 14px;
        border-width: 7px;
        border-radius: 26px;
      }
      .migrated-page-39-1 .screen-top {
        margin: -14px -14px 14px;
        padding: 15px 16px;
      }
      .migrated-page-39-1 .screen-course { padding: 23px 20px; }
      .migrated-page-39-1 .lesson-list { margin-top: 13px; }
      .migrated-page-39-1 .lesson { padding: 11px; }
      .migrated-page-39-1 .chat {
        position: static;
        width: 100%;
        margin-top: 14px;
        border-radius: 15px;
        box-shadow: 0 10px 26px rgba(16,32,51,.13);
      }
      .migrated-page-39-1 .chat-message { font-size: .78rem; }
      .migrated-page-39-1 .cta-panel { padding: 68px 0; }
    }

    @media (prefers-reduced-motion: reduce) {
      .migrated-page-39-1 { scroll-behavior: auto; }
      .migrated-page-39-1 *, .migrated-page-39-1 *::before, .migrated-page-39-1 *::after { transition: none !important; animation: none !important; }
    }
  
