/* Examen Elite · vistas Inicio, Cursos y Nosotros migradas desde la versión visual aprobada. */

/* Source style 1 */

    :root {
      --navy: #142b5f;
      --blue: #245edb;
      --blue-2: #4b7cf1;
      --ink: #16213a;
      --muted: #64718b;
      --line: #dfe5ef;
      --wash: #f4f7fc;
      --paper: #fff;
      --green: #12805c;
      --shadow: 0 20px 55px rgba(23, 43, 84, .12);
      --radius: 24px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink);
      background: var(--wash);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: var(--wash); }
    button, input { font: inherit; }
    a { color: inherit; }
    .lab-bar {
      position: sticky; top: 0; z-index: 100;
      display: flex; align-items: center; justify-content: space-between; gap: 20px;
      min-height: 42px; padding: 8px max(24px, calc((100vw - 1320px) / 2));
      color: #dce8ff; background: #0b1835; border-bottom: 1px solid #274477;
      font-size: 12px; letter-spacing: .03em;
    }
    .lab-bar strong { color: #fff; letter-spacing: .11em; text-transform: uppercase; }
    .lab-bar span:last-child { color: #9fb8e7; }
    .site-header {
      position: sticky; top: 42px; z-index: 90;
      border-bottom: 1px solid rgba(210, 219, 235, .88); background: rgba(255,255,255,.95);
      backdrop-filter: blur(14px);
    }
    .shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
    .site-nav { min-height: 74px; display: flex; align-items: center; gap: 30px; }
    .brand { display: flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 850; color: var(--navy); }
    .brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--blue); color: #fff; }
    .brand-logo { display: block; width: 38px; height: 38px; object-fit: contain; border-radius: 12px; }
    .nav-links { display: flex; align-items: center; gap: 8px; margin-left: auto; }
    .nav-link { border: 0; border-radius: 999px; padding: 10px 14px; background: transparent; color: #47536d; cursor: pointer; }
    .nav-link:hover, .nav-link[aria-current="page"] { color: var(--navy); background: #eef3ff; }
    .nav-login { border: 1px solid #ccd7e9; background: #fff; }
    .mobile-toggle { display: none; margin-left: auto; border: 1px solid var(--line); background: #fff; border-radius: 10px; padding: 8px 10px; }
    .view { display: none; min-height: 70vh; }
    .view.is-active { display: block; animation: reveal .22s ease-out; }
    @keyframes reveal { from { opacity: .55; transform: translateY(4px); } }
    .eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); text-transform: uppercase; letter-spacing: .13em; font-size: 12px; font-weight: 800; }
    h1, h2, h3, p { margin-top: 0; }
    h1 { font-size: clamp(42px, 6vw, 76px); line-height: 1.02; letter-spacing: -.055em; }
    h2 { font-size: clamp(30px, 4vw, 48px); line-height: 1.06; letter-spacing: -.035em; }
    h3 { line-height: 1.2; }
    .lead { color: #53617a; font-size: clamp(17px, 2vw, 21px); line-height: 1.65; }
    .btn { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; border: 1px solid transparent; border-radius: 12px; padding: 12px 20px; text-decoration: none; font-weight: 750; cursor: pointer; }
    .btn-primary { color: #fff; background: var(--blue); box-shadow: 0 10px 24px rgba(36,94,219,.22); }
    .btn-secondary { color: var(--navy); background: #fff; border-color: #ccd6e8; }
    .hero { overflow: hidden; background: linear-gradient(145deg, #f9fbff 0%, #eff4ff 55%, #e8f0ff 100%); }
    .hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items: center; min-height: 690px; padding-block: 80px; }
    .hero h1 em { color: var(--blue); font-style: normal; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0; }
    .hero-facts { display: flex; flex-wrap: wrap; gap: 26px; padding: 0; list-style: none; color: #526079; }
    .hero-facts strong { display: block; color: var(--navy); font-size: 20px; }
    .preview-card { position: relative; padding: 26px; border: 1px solid rgba(200,211,232,.9); border-radius: 28px; background: rgba(255,255,255,.9); box-shadow: var(--shadow); }
    .preview-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -60px; top: -70px; border: 34px solid rgba(74,122,239,.08); border-radius: 50%; }
    .preview-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 22px; }
    .preview-head small { color: var(--muted); }
    .score-ring { display: grid; place-items: center; width: 88px; height: 88px; border-radius: 50%; background: conic-gradient(var(--blue) 82%, #e2e8f2 0); }
    .score-ring span { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: #fff; color: var(--navy); font-weight: 850; }
    .skill { margin: 18px 0; }
    .skill div { display: flex; justify-content: space-between; margin-bottom: 7px; color: #4a5770; font-size: 13px; }
    .skill i { display: block; height: 7px; background: #e5eaf3; border-radius: 999px; overflow: hidden; }
    .skill b { display: block; height: 100%; background: linear-gradient(90deg, var(--blue), #71a0ff); border-radius: inherit; }
    .preview-event { display: flex; gap: 13px; align-items: center; margin-top: 24px; padding: 15px; border-radius: 15px; background: #eef4ff; }
    .preview-event span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: var(--blue); }
    .section { padding-block: 92px; background: #fff; }
    .section.alt { background: var(--wash); }
    .section-head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 36px; }
    .section-head p { max-width: 620px; color: var(--muted); line-height: 1.7; }
    .course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .course-card { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
    .course-art { display: flex; justify-content: space-between; align-items: end; min-height: 130px; padding: 24px; color: #fff; background: linear-gradient(135deg, #193779, #3d74e9); }
    .course-art span { font-size: 36px; font-weight: 900; }
    .course-body { padding: 22px; }
    .course-body > span { color: var(--blue); font-size: 12px; font-weight: 800; text-transform: uppercase; }
    .course-body h3 { margin: 8px 0; }
    .course-body p { min-height: 70px; color: var(--muted); line-height: 1.55; }
    .course-card--muted .course-art { background: linear-gradient(135deg, #52627d, #8998b2); }
    .benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .benefit { border-top: 3px solid var(--blue); padding: 24px 4px; }
    .benefit > span { color: #96a5bf; font-size: 13px; font-weight: 900; }
    .benefit p { color: var(--muted); line-height: 1.6; }
    .cta { padding-block: 70px; color: #fff; background: var(--navy); }
    .cta .shell { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
    .cta p { color: #c6d5f0; }
    .page-hero { padding: 82px 0 60px; background: linear-gradient(135deg, #f8faff, #edf3ff); border-bottom: 1px solid var(--line); }
    .page-hero h1 { max-width: 880px; font-size: clamp(40px, 5.5vw, 64px); }
    .page-hero p { max-width: 780px; }
    .course-detail { display: grid; grid-template-columns: .78fr 1.22fr; gap: 42px; padding: 38px; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--shadow); }
    .course-visual { min-height: 420px; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; border-radius: 20px; color: #fff; background: linear-gradient(145deg, #142e68, #2c65dd); }
    .course-visual strong { font-size: 72px; }
    .course-detail__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0; }
    .course-detail__facts span { padding: 15px; border: 1px solid var(--line); border-radius: 14px; }
    .course-detail__facts strong, .course-detail__facts small { display: block; }
    .course-detail__facts small { color: var(--muted); margin-top: 4px; }
    .price-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 28px; padding-top: 25px; border-top: 1px solid var(--line); }
    .price-row strong { display: block; font-size: 30px; color: var(--navy); }
    .curriculum { display: grid; gap: 0; border-top: 1px solid var(--line); }
    .curriculum li { display: grid; grid-template-columns: 65px 1fr; gap: 15px; padding: 22px 4px; border-bottom: 1px solid var(--line); list-style: none; }
    .curriculum li > span { color: var(--blue); font-weight: 900; }
    .curriculum strong, .curriculum small { display: block; }
    .curriculum small { margin-top: 5px; color: var(--muted); }
    .assessment-grid, .method-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .panel { padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
    .panel p { color: var(--muted); line-height: 1.65; }
    .catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
    .catalog-card { display: flex; flex-direction: column; min-height: 360px; overflow: hidden; border: 1px solid #d9e0eb; border-radius: 18px; background: #fff; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
    .catalog-card:hover { transform: translateY(-3px); border-color: #bec9da; box-shadow: 0 18px 40px rgba(23, 43, 84, .1); }
    .catalog-card__top { display: flex; justify-content: space-between; align-items: end; min-height: 126px; padding: 24px; color: #fff; background: linear-gradient(135deg, #273a5f, #536b94); }
    .catalog-card__top strong { font-size: 34px; letter-spacing: -.03em; }
    .catalog-card__top span { font-size: 13px; opacity: .82; }
    .catalog-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
    .catalog-card__body > span { color: var(--blue); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    .catalog-card__body h3 { margin: 8px 0; }
    .catalog-card__body p { color: var(--muted); line-height: 1.6; }
    .catalog-card__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 20px; }
    .catalog-card__meta span { padding: 6px 9px; border-radius: 999px; color: #53617a; background: #f1f4f9; font-size: 11px; font-weight: 700; }
    .catalog-card__body .btn { width: 100%; margin-top: auto; }
    .catalog-card__body .btn:hover { border-color: #aebbd1; background: #f5f7fb; }
    .course-experience { padding: 72px 0 78px; color: #fff; background: #122858; }
    .course-experience__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 58px; align-items: center; }
    .course-experience .eyebrow { color: #93b7ff; }
    .course-experience h2 { max-width: 560px; }
    .course-experience__copy > p { color: #c6d4ed; line-height: 1.7; font-size: 17px; }
    .experience-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 0; margin: 30px 0 0; }
    .experience-list li { min-height: 105px; padding: 17px; border: 1px solid rgba(178,201,240,.18); border-radius: 14px; background: rgba(255,255,255,.055); list-style: none; }
    .experience-list strong { display: block; margin-bottom: 5px; color: #fff; }
    .experience-list span { color: #aebfdd; font-size: 13px; line-height: 1.45; }
    .course-mockup { overflow: hidden; border: 1px solid rgba(213,226,250,.4); border-radius: 19px; background: #f5f7fb; box-shadow: 0 28px 70px rgba(4,14,38,.34); transform: perspective(1200px) rotateY(-2deg); }
    .course-mockup__bar { display: flex; align-items: center; gap: 7px; height: 35px; padding: 0 13px; border-bottom: 1px solid #dce3ee; background: #fff; }
    .course-mockup__bar i { width: 7px; height: 7px; border-radius: 50%; background: #c6cfdd; }
    .course-mockup__bar span { margin-left: 8px; color: #78849a; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
    .course-mockup__body { display: grid; grid-template-columns: 170px 1fr; min-height: 425px; }
    .course-mockup__sidebar { padding: 18px 13px; color: #dce6f8; background: #0c1b38; }
    .course-mockup__brand { display: flex; align-items: center; gap: 8px; padding: 0 6px 17px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 11px; font-weight: 850; }
    .course-mockup__brand b { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; color: #fff; background: var(--blue); font-size: 8px; }
    .mock-progress { padding: 16px 6px; }
    .mock-progress div { display: flex; justify-content: space-between; margin-bottom: 6px; color: #9eafd0; font-size: 8px; }
    .mock-progress i { display: block; height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.12); }
    .mock-progress b { display: block; width: 42%; height: 100%; background: #6f9cff; }
    .mock-chapter { display: grid; grid-template-columns: 24px 1fr; gap: 8px; align-items: center; margin: 5px 0; padding: 9px 7px; border-radius: 8px; color: #94a8ca; font-size: 8px; }
    .mock-chapter > span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: rgba(255,255,255,.08); font-weight: 850; }
    .mock-chapter strong, .mock-chapter small { display: block; }
    .mock-chapter small { margin-top: 2px; color: #6f83a8; }
    .mock-chapter.is-current { color: #fff; background: #1d3c78; }
    .mock-chapter.is-current > span { background: var(--blue); }
    .course-mockup__lesson { position: relative; padding: 28px 30px 70px; color: var(--ink); background: #fbfcff; }
    .mock-lesson-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; color: #78849a; font-size: 8px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
    .mock-lesson-meta b { padding: 6px 8px; border-radius: 999px; color: #2e5fc5; background: #eaf0ff; }
    .course-mockup__lesson h3 { max-width: 430px; margin-bottom: 12px; color: #11244e; font-size: 24px; letter-spacing: -.03em; }
    .mock-copy { display: grid; gap: 7px; margin: 18px 0; }
    .mock-copy i { display: block; height: 6px; border-radius: 999px; background: #dfe5ee; }
    .mock-copy i:nth-child(1) { width: 96%; }
    .mock-copy i:nth-child(2) { width: 86%; }
    .mock-copy i:nth-child(3) { width: 72%; }
    .mock-callout { margin-top: 22px; padding: 15px; border-left: 3px solid var(--blue); border-radius: 0 10px 10px 0; color: #4e5d77; background: #eef3fc; font-size: 10px; line-height: 1.5; }
    .mock-callout strong { display: block; margin-bottom: 4px; color: #1d3d7c; font-size: 11px; }
    .mock-audio { position: absolute; left: 30px; right: 30px; bottom: 18px; display: flex; align-items: center; gap: 10px; min-height: 39px; padding: 8px 11px; border: 1px solid #d4deee; border-radius: 12px; background: #fff; box-shadow: 0 8px 18px rgba(30,52,95,.08); }
    .mock-audio > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; background: var(--blue); font-size: 9px; }
    .mock-audio div { flex: 1; }
    .mock-audio strong, .mock-audio small { display: block; }
    .mock-audio strong { color: #263c68; font-size: 9px; }
    .mock-audio small { color: #8996ab; font-size: 7px; }
    .mock-audio i { display: block; width: 70px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue) 38%, #e0e5ed 38%); }
    .about-intro { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: start; }
    .identity { padding: 30px; border-radius: 22px; color: #fff; background: var(--navy); }
    .identity span { color: #9cb8ef; text-transform: uppercase; font-size: 12px; letter-spacing: .12em; }
    .identity strong { display: block; margin: 8px 0 22px; font-size: 30px; }
    .principles { display: grid; gap: 15px; padding: 0; }
    .principles li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; list-style: none; }
    .principles li > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--blue); background: #eaf0ff; font-weight: 900; }
    .contact-section { padding-top: 0; }
    .contact-card { display: grid; grid-template-columns: .8fr 1.2fr; gap: 42px; padding: 34px; border: 1px solid #d7e2e5; border-radius: 24px; background: linear-gradient(135deg, #eef5f5, #fffdf8 68%); box-shadow: 0 16px 38px rgba(32,45,59,.07); }
    .contact-card__copy h2 { margin: 8px 0 14px; color: #202d3b; }
    .contact-card__copy p { color: #617185; line-height: 1.65; }
    .contact-details { display: grid; gap: 12px; margin-top: 24px; color: #536f7a; font-size: 14px; }
    .contact-details strong { display: block; margin-bottom: 3px; color: #202d3b; }
    .contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 24px; border-radius: 18px; background: rgba(255,255,255,.82); }
    .contact-form .field { margin: 0; }
    .contact-form .field--wide { grid-column: 1 / -1; }
    .contact-form textarea { min-height: 126px; resize: vertical; }
    .contact-form input, .contact-form textarea { width: 100%; border: 1px solid #cbdde1; border-radius: 11px; padding: 12px 13px; color: #202d3b; background: #fff; font: inherit; }
    .contact-form input:focus, .contact-form textarea:focus { outline: 3px solid rgba(23,109,156,.16); border-color: #176d9c; }
    .contact-form .btn { grid-column: 1 / -1; justify-self: start; }
    .contact-form__note { grid-column: 1 / -1; margin: -2px 0 0; color: #71808b; font-size: 12px; line-height: 1.45; }
    .contact-form__trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
    .policy-layout { display: grid; grid-template-columns: 280px 1fr; gap: 42px; align-items: start; }
    .policy-index { position: sticky; top: 135px; display: grid; gap: 8px; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
    .policy-index button { text-align: left; border: 0; border-radius: 10px; padding: 11px 12px; color: #46536d; background: transparent; cursor: pointer; }
    .policy-index button:hover { background: #eef3ff; color: var(--navy); }
    .policy-document { padding: 42px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
    .policy-section { scroll-margin-top: 140px; padding-bottom: 34px; margin-bottom: 34px; border-bottom: 1px solid var(--line); }
    .policy-section:last-child { border: 0; }
    .policy-section p, .policy-section li { color: #53617a; line-height: 1.75; }
    .policy-section h2 { font-size: 30px; }
    .login-section { min-height: 720px; display: grid; place-items: center; padding: 70px 20px; background: linear-gradient(145deg, #eef4ff, #f9fbff); }
    .login-shell { width: min(950px, 100%); display: grid; grid-template-columns: 1fr .9fr; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--shadow); }
    .login-story { padding: 54px; color: #fff; background: var(--navy); }
    .login-story ul { padding-left: 20px; color: #c9d6ef; line-height: 2; }
    .login-form { padding: 54px; }
    .field { display: grid; gap: 7px; margin: 18px 0; color: #3f4c65; font-weight: 700; }
    .field input, .field select { min-height: 48px; border: 1px solid #cbd5e5; border-radius: 10px; padding: 11px 13px; color: var(--ink); background: #fbfcff; }
    .registration-section { padding: 70px 0; background: linear-gradient(145deg, #f3f7ff, #fbfcff); }
    .registration-shell { display: grid; grid-template-columns: .72fr 1.28fr; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--shadow); }
    .registration-summary { padding: 46px; color: #fff; background: #122858; }
    .registration-summary .eyebrow { color: #91b5ff; }
    .registration-summary > p { color: #c5d4ee; line-height: 1.7; }
    .registration-course { margin-top: 30px; padding: 22px; border: 1px solid rgba(186,207,241,.2); border-radius: 16px; background: rgba(255,255,255,.06); }
    .registration-course > span { color: #8eb4ff; font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    .registration-course h3 { margin: 8px 0 5px; }
    .registration-course p { color: #bac9e4; font-size: 13px; line-height: 1.55; }
    .registration-course ul { padding-left: 19px; color: #c8d5ec; font-size: 13px; line-height: 1.8; }
    .registration-form { padding: 46px; }
    .registration-form h2 { margin-bottom: 8px; font-size: 34px; }
    .registration-form__intro { color: var(--muted); line-height: 1.6; }
    .registration-steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 24px 0 10px; }
    .registration-step { display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-bottom: 2px solid #dce4f2; color: #8591a7; font-size: 12px; font-weight: 800; }
    .registration-step span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #66748d; background: #edf1f7; }
    .registration-step.is-active { border-color: var(--blue); color: var(--navy); }
    .registration-step.is-active span { color: #fff; background: var(--blue); }
    .registration-panel[hidden] { display: none; }
    .registration-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin-top: 22px; }
    .registration-fields .field--wide { grid-column: 1 / -1; }
    .registration-consent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; margin: 18px 0 22px; color: #53617a; font-size: 13px; line-height: 1.5; }
    .registration-consent input { width: 17px; height: 17px; margin-top: 2px; }
    .registration-consent button { border: 0; padding: 0; color: var(--blue); background: transparent; text-decoration: underline; cursor: pointer; }
    .registration-actions { display: flex; align-items: center; gap: 14px; }
    .registration-actions small { color: var(--muted); }
    .checkout-summary { margin: 22px 0; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }
    .checkout-row { display: flex; justify-content: space-between; gap: 18px; padding: 13px 16px; color: #56637a; font-size: 14px; border-bottom: 1px solid var(--line); }
    .checkout-row:last-child { border-bottom: 0; }
    .checkout-row--discount { color: #14734d; background: #f2fbf7; }
    .checkout-row--total { color: var(--navy); background: #f7f9fd; font-size: 17px; font-weight: 900; }
    .discount-box { display: grid; grid-template-columns: 1fr auto; gap: 9px; margin: 18px 0 6px; }
    .discount-box input { min-width: 0; min-height: 46px; border: 1px solid #cbd5e5; border-radius: 10px; padding: 10px 13px; text-transform: uppercase; }
    .discount-box button { border: 1px solid #aebbd1; border-radius: 10px; padding: 0 18px; color: var(--navy); background: #fff; font-weight: 800; cursor: pointer; }
    .discount-message { min-height: 20px; margin: 0 0 8px; color: #68758b; font-size: 12px; }
    .discount-message.is-success { color: #14734d; font-weight: 750; }
    .payment-options { display: grid; gap: 10px; margin-top: 22px; }
    .payment-option { overflow: hidden; border: 1px solid #cbd5e5; border-radius: 14px; background: #fff; }
    .payment-option__toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 15px; border: 0; padding: 17px 19px; color: var(--navy); background: transparent; font: inherit; font-weight: 800; text-align: left; cursor: pointer; }
    .payment-option__toggle strong { font: inherit; }
    .payment-option__toggle span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #64728a; background: #eef3f8; font-size: 18px; font-weight: 500; line-height: 1; }
    .payment-option.is-open .payment-option__toggle { color: var(--blue); background: #f5fbfc; }
    .payment-option__body { padding: 0 19px 15px; }
    .payment-option__body[hidden] { display: none; }
    .payment-option__body .discount-box { margin-top: 4px; }
    .payment-option__body .field { margin-top: 2px; }
    .payment-box { margin-top: 22px; padding: 19px; border: 1px solid #cbd5e5; border-radius: 14px; background: #fbfcff; }
    .payment-box__head { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 10px; }
    .payment-box__head span { color: #728096; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
    .payment-box__head strong { color: #635bff; font-size: 13px; }
    .payment-note { margin: 12px 0 0; color: #7a879b; font-size: 11px; line-height: 1.5; }
    .registration-actions--payment { justify-content: space-between; margin-top: 20px; }
    .btn-quiet { border: 0; padding: 10px 0; color: #64728a; background: transparent; font-weight: 800; cursor: pointer; }
    .safe-notice { margin-top: 18px; padding: 14px; border: 1px solid #bfd0f2; border-radius: 12px; color: #36517f; background: #eef4ff; font-size: 13px; line-height: 1.55; }
    .account-hero { padding: 64px 0 46px; color: #fff; background: linear-gradient(135deg, #102653, #1f4b9c); }
    .account-hero__bar { display: flex; justify-content: space-between; gap: 30px; align-items: end; }
    .account-hero .eyebrow { color: #9fc0ff; }
    .account-hero h1 { margin: 10px 0 12px; font-size: clamp(38px, 5vw, 62px); }
    .account-hero p { max-width: 680px; margin-bottom: 0; color: #c9d9f5; font-size: 17px; line-height: 1.65; }
    .account-profile { display: flex; min-width: 245px; padding: 16px 18px; align-items: center; gap: 12px; border: 1px solid rgba(209,226,255,.24); border-radius: 16px; background: rgba(255,255,255,.08); }
    .account-profile__avatar { display: grid; width: 42px; height: 42px; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #fff; color: var(--navy); font-weight: 900; }
    .account-profile strong, .account-profile small { display: block; }
    .account-profile small { margin-top: 3px; color: #aebfdd; }
    .account-section { padding: 48px 0 82px; background: var(--wash); }
    .account-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: -76px; }
    .account-stat { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(23,43,84,.08); }
    .account-stat span, .account-stat small { display: block; color: var(--muted); }
    .account-stat strong { display: block; margin: 8px 0 4px; color: var(--navy); font-size: 28px; }
    .account-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 22px; margin-top: 28px; align-items: start; }
    .account-panel { border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(23,43,84,.06); }
    .account-panel__head { display: flex; justify-content: space-between; gap: 20px; padding: 23px 25px; align-items: center; border-bottom: 1px solid var(--line); }
    .account-panel__head h2 { margin: 4px 0 0; font-size: 25px; }
    .account-panel__head > span { padding: 6px 10px; border-radius: 999px; color: #13704f; background: #e8f7f1; font-size: 11px; font-weight: 850; text-transform: uppercase; }
    .account-course { display: grid; grid-template-columns: 170px 1fr; gap: 24px; padding: 25px; }
    .account-course__art { display: flex; min-height: 190px; padding: 22px; justify-content: space-between; align-items: end; border-radius: 16px; color: #fff; background: linear-gradient(145deg, #142e68, #2c65dd); }
    .account-course__art strong { font-size: 44px; }
    .account-course__art span { opacity: .8; }
    .account-course__copy h3 { margin: 4px 0 10px; color: var(--navy); font-size: 25px; }
    .account-course__copy p { color: var(--muted); line-height: 1.6; }
    .account-progress__labels { display: flex; justify-content: space-between; margin: 18px 0 7px; color: #53617a; font-size: 12px; font-weight: 750; }
    .account-progress { height: 8px; overflow: hidden; border-radius: 999px; background: #e4e9f2; }
    .account-progress span { display: block; width: 42%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), #6f9cff); }
    .account-course__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
    .account-course__actions .btn { min-height: 42px; padding: 9px 15px; }
    .account-side { display: grid; gap: 22px; }
    .account-list { margin: 0; padding: 8px 24px 20px; list-style: none; }
    .account-list li { padding: 15px 0; border-bottom: 1px solid var(--line); }
    .account-list li:last-child { border: 0; }
    .account-list strong, .account-list small { display: block; }
    .account-list small { margin-top: 4px; color: var(--muted); line-height: 1.45; }
    .account-actions { display: grid; padding: 22px; gap: 10px; }
    .account-actions button { width: 100%; }
    .site-footer { padding: 38px 0; color: #b9c8e4; background: #0d1d3e; }
    .footer-grid { display: flex; justify-content: space-between; gap: 30px; align-items: center; }
    .footer-links { display: flex; flex-wrap: wrap; gap: 18px; }
    .footer-links button { border: 0; color: inherit; background: transparent; cursor: pointer; }
    .toast { position: fixed; z-index: 120; right: 20px; bottom: 20px; max-width: 350px; padding: 15px 18px; border-radius: 14px; color: #fff; background: #132c60; box-shadow: var(--shadow); opacity: 0; pointer-events: none; transform: translateY(12px); transition: .2s; }
    .toast.is-visible { opacity: 1; transform: translateY(0); }
    @media (max-width: 950px) {
      .hero-grid, .course-detail, .course-experience__grid, .about-intro, .contact-card, .login-shell, .registration-shell, .account-layout { grid-template-columns: 1fr; }
      .hero-grid { gap: 30px; }
      .course-grid, .catalog-grid { grid-template-columns: repeat(2, 1fr); }
      .benefit-grid { grid-template-columns: repeat(2, 1fr); }
      .policy-layout { grid-template-columns: 1fr; }
      .account-hero__bar { align-items: flex-start; flex-direction: column; }
      .account-profile { min-width: min(100%, 320px); }
      .policy-index { position: static; grid-template-columns: repeat(2, 1fr); }
      .nav-links { display: none; position: absolute; left: 20px; right: 20px; top: 68px; flex-direction: column; align-items: stretch; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow); }
      .nav-links.is-open { display: flex; }
      .mobile-toggle { display: inline-flex; }
    }
    @media (max-width: 640px) {
      .lab-bar { align-items: flex-start; flex-direction: column; gap: 2px; padding-inline: 14px; }
      .site-header { top: 58px; }
      .shell { width: min(1240px, calc(100% - 24px)); }
      .hero-grid { min-height: auto; padding-block: 58px; }
      .course-grid, .catalog-grid, .experience-list, .benefit-grid, .assessment-grid, .method-grid, .course-detail__facts, .account-stats, .account-course, .contact-form { grid-template-columns: 1fr; }
      .account-stats { margin-top: -28px; }
      .account-course__art { min-height: 140px; }
      .course-mockup { transform: none; }
      .course-mockup__body { grid-template-columns: 125px 1fr; }
      .course-mockup__lesson { padding: 22px 18px 68px; }
      .mock-audio { left: 18px; right: 18px; }
      .section { padding-block: 62px; }
      .section-head, .cta .shell, .footer-grid, .price-row { align-items: flex-start; flex-direction: column; }
      .course-detail, .policy-document, .login-form, .login-story, .registration-form, .registration-summary { padding: 25px; }
      .registration-fields { grid-template-columns: 1fr; }
      .registration-fields .field--wide { grid-column: auto; }
      .registration-actions--payment { align-items: stretch; flex-direction: column-reverse; }
      .registration-actions { align-items: flex-start; flex-direction: column; }
      .policy-index { grid-template-columns: 1fr; }
    }
  

/* Source style 2 */

    /* Portada Examen Elite · exploración visual v1 — laboratorio aislado */
    :root {
      --navy: #0c1d3d;
      --blue: #4f46e5;
      --blue-2: #7c72ff;
      --ink: #15213a;
      --muted: #68758d;
      --line: #e0e6f0;
      --wash: #f5f7fb;
      --green: #10a77a;
      --coral: #ff8b61;
      --cyan: #2dd4bf;
      --shadow: 0 24px 70px rgba(12, 29, 61, .14);
      --radius: 24px;
    }
    .hero {
      position: relative;
      color: #fff;
      background:
        radial-gradient(circle at 84% 20%, rgba(45, 212, 191, .23), transparent 24%),
        radial-gradient(circle at 5% 90%, rgba(255, 139, 97, .15), transparent 27%),
        linear-gradient(135deg, #0b1935 0%, #112d5f 55%, #174b73 100%);
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .2;
      background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
      background-size: 52px 52px;
      mask-image: linear-gradient(90deg, #000, transparent 78%);
    }
    .hero-grid { position: relative; min-height: 650px; padding-block: 86px; }
    .hero .eyebrow { color: #8fe7dc; }
    .hero h1 { max-width: 700px; margin-bottom: 22px; }
    .hero h1 em { color: var(--coral); }
    .hero .lead { max-width: 650px; color: #c8d7ee; }
    .hero-actions { margin: 32px 0 25px; }
    .hero .btn-primary { color: #0c1d3d; background: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.2); }
    .hero .btn-primary:hover { background: #e9fffb; }
    .hero .btn-secondary { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); }
    .hero .btn-secondary:hover { border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.15); }
    .hero-facts { gap: 22px; color: #abc0df; }
    .hero-facts li { padding-left: 17px; border-left: 1px solid rgba(255,255,255,.2); }
    .hero-facts strong { color: #fff; font-size: 18px; }
    .hero-visual { position: relative; min-height: 430px; display: grid; place-items: center; }
    .hero-visual::after { content: ""; position: absolute; width: 350px; height: 350px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; transform: rotate(-18deg); pointer-events: none; }
    .preview-card { z-index: 1; width: min(100%, 430px); padding: 25px; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.94); box-shadow: 0 30px 70px rgba(4, 15, 40, .3); transform: rotate(1.5deg); }
    .preview-card__topline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; color: #7e8ba3; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
    .preview-live { display: inline-flex; align-items: center; gap: 6px; color: #1a8a70; }
    .preview-live i { width: 7px; height: 7px; border-radius: 50%; background: #21c69b; box-shadow: 0 0 0 4px rgba(33,198,155,.14); }
    .preview-card::before { border-color: rgba(79,70,229,.12); }
    .preview-card h3 { color: var(--navy); }
    .preview-event { background: #eef0ff; }
    .preview-event span { background: var(--blue); }
    .floating-proof { position: absolute; z-index: 2; right: -16px; bottom: 26px; display: flex; align-items: center; gap: 10px; max-width: 200px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.28); border-radius: 16px; color: #fff; background: rgba(10,28,62,.78); box-shadow: 0 18px 40px rgba(4,15,40,.26); backdrop-filter: blur(12px); }
    .floating-proof > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #09223b; background: var(--cyan); font-weight: 900; }
    .floating-proof strong, .floating-proof small { display: block; }
    .floating-proof strong { font-size: 12px; }
    .floating-proof small { margin-top: 2px; color: #b8c9e6; font-size: 10px; }
    .section-head h2 { letter-spacing: -.045em; }
    .course-card { border-radius: 22px; box-shadow: 0 10px 28px rgba(23,43,84,.04); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
    .course-card:hover { border-color: #c4cdfd; box-shadow: 0 20px 42px rgba(23,43,84,.1); transform: translateY(-4px); }
    .course-art { position: relative; overflow: hidden; background: linear-gradient(135deg, #4338ca, #0f9e9a); }
    .course-art::after { content: ""; position: absolute; width: 110px; height: 110px; right: -28px; top: -35px; border: 20px solid rgba(255,255,255,.13); border-radius: 50%; }
    .course-card--muted .course-art { background: linear-gradient(135deg, #445577, #6f82a4); }
    .course-body .btn { min-height: 43px; }
    .benefit { padding: 26px 15px; border-top-width: 2px; }
    .benefit > span { color: var(--blue); }
    .cta { background: linear-gradient(120deg, #0c1d3d, #1b3e78); }
    @media (max-width: 950px) {
      .hero-grid > *, .hero-visual { min-width: 0; }
      .hero-visual { width: 100%; min-height: 390px; }
      .floating-proof { right: 5%; }
    }
    @media (max-width: 640px) {
      .lab-bar strong, .lab-bar span { max-width: 100%; }
      .hero-grid { display: block; width: min(1240px, calc(100% - 24px)); padding-block: 62px; }
      .hero-grid > div { width: calc(100vw - 24px); max-width: calc(100vw - 24px); }
      .hero h1, .hero .lead { width: calc(100vw - 24px); max-width: calc(100vw - 24px); overflow-wrap: anywhere; }
      .hero-visual { min-height: 350px; }
      .preview-card { width: 100%; max-width: 430px; transform: none; }
      .hero-visual::after { width: 270px; height: 270px; }
      .floating-proof { right: 0; bottom: 0; }
    }
  

/* Source style 3 */

    /* Portada Examen Elite · dirección minimalista v2 — laboratorio aislado */
    :root {
      --navy: #24324a;
      --blue: #4778b8;
      --blue-2: #739bc9;
      --ink: #27364d;
      --muted: #718096;
      --line: #e4e9f0;
      --wash: #f8fafc;
      --coral: #d98268;
      --shadow: 0 12px 32px rgba(36, 50, 74, .07);
    }
    .view[data-view="inicio"] .hero {
      color: var(--ink);
      background: #f8fafc;
      border-bottom: 1px solid var(--line);
    }
    .view[data-view="inicio"] .hero::before,
    .view[data-view="inicio"] .hero-visual::after,
    .view[data-view="inicio"] .floating-proof {
      display: none;
    }
    .view[data-view="inicio"] .hero-grid {
      min-height: 590px;
      padding-block: 74px;
    }
    .view[data-view="inicio"] .hero .eyebrow { color: var(--blue); }
    .view[data-view="inicio"] .hero h1 { max-width: 650px; font-size: clamp(42px, 5.5vw, 68px); }
    .view[data-view="inicio"] .hero h1 em { color: var(--blue); }
    .view[data-view="inicio"] .hero .lead { color: #65748a; }
    .view[data-view="inicio"] .hero .btn-primary {
      color: #fff;
      background: var(--blue);
      box-shadow: none;
    }
    .view[data-view="inicio"] .hero .btn-primary:hover { background: #3f6da8; }
    .view[data-view="inicio"] .hero .btn-secondary {
      color: var(--ink);
      border-color: #d4dce7;
      background: transparent;
    }
    .view[data-view="inicio"] .hero .btn-secondary:hover { background: #fff; border-color: #b9c8da; }
    .view[data-view="inicio"] .hero-facts { color: #7d8999; }
    .view[data-view="inicio"] .hero-facts li { border-left-color: #d8e0ea; }
    .view[data-view="inicio"] .hero-facts strong { color: var(--ink); font-size: 17px; }
    .view[data-view="inicio"] .hero-visual { min-height: 380px; }
    .view[data-view="inicio"] .preview-card {
      width: min(100%, 410px);
      border-color: #e0e6ee;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 16px 38px rgba(36, 50, 74, .09);
      transform: none;
    }
    .view[data-view="inicio"] .preview-card::before { display: none; }
    .view[data-view="inicio"] .preview-card__topline { margin-bottom: 18px; }
    .view[data-view="inicio"] .preview-event { background: #f2f6fb; }
    .view[data-view="inicio"] .preview-event span { background: var(--blue); }
    .view[data-view="inicio"] .section { padding-block: 78px; }
    .view[data-view="inicio"] .course-grid { gap: 20px; }
    .view[data-view="inicio"] .course-card { border-radius: 16px; box-shadow: none; }
    .view[data-view="inicio"] .course-card:hover { box-shadow: 0 12px 26px rgba(36,50,74,.07); transform: translateY(-2px); }
    .view[data-view="inicio"] .course-art,
    .view[data-view="inicio"] .course-card--muted .course-art {
      min-height: 112px;
      color: var(--ink);
      background: #eef3f8;
    }
    .view[data-view="inicio"] .course-art::after { display: none; }
    .view[data-view="inicio"] .course-card--muted .course-art { background: #f2f4f7; }
    .view[data-view="inicio"] .course-body > span { color: var(--blue); }
    .view[data-view="inicio"] .benefit { border-top-color: #b7cbe1; }
    .view[data-view="inicio"] .benefit > span { color: var(--blue); }
    .view[data-view="inicio"] .cta { color: var(--ink); background: #eef3f8; }
    .view[data-view="inicio"] .cta p { color: #68778b; }
    .view[data-view="inicio"] .cta .eyebrow { color: var(--blue); }
    .view[data-view="inicio"] .cta .btn-secondary { color: var(--ink); background: #fff; border-color: #d5dee9; }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .hero-grid { padding-block: 54px; }
      .view[data-view="inicio"] .hero-visual { min-height: 320px; margin-top: 20px; }
    }
  

/* Source style 4 */

    /* Portada Examen Elite · dirección minimalista v3 — laboratorio aislado */
    .view[data-view="inicio"] .hero-grid {
      display: block;
      min-height: auto;
      padding-block: 112px 104px;
      text-align: center;
    }
    .view[data-view="inicio"] .hero { background: #fcfdff; }
    .view[data-view="inicio"] .hero .eyebrow { color: #6b92bd; }
    .view[data-view="inicio"] .hero h1 { color: #34465d; }
    .view[data-view="inicio"] .hero h1 em { color: #6a97c4; }
    .view[data-view="inicio"] .hero .lead { color: #8996a8; }
    .view[data-view="inicio"] .hero .btn-primary { background: #78a3cc; }
    .view[data-view="inicio"] .hero .btn-primary:hover { background: #6c96bf; }
    .view[data-view="inicio"] .hero .btn-secondary { color: #60748b; border-color: #e0e7ef; }
    .view[data-view="inicio"] .hero-facts { color: #9aa7b7; }
    .view[data-view="inicio"] .hero-facts strong { color: #60748b; }
    .view[data-view="inicio"] .section[hidden] { display: none; }
    .view[data-view="inicio"] .hero-grid > div:first-child {
      max-width: 760px;
      margin-inline: auto;
    }
    .view[data-view="inicio"] .hero h1,
    .view[data-view="inicio"] .hero .lead {
      max-width: none;
      margin-inline: auto;
    }
    .view[data-view="inicio"] .hero h1 { font-size: clamp(40px, 5vw, 62px); }
    .view[data-view="inicio"] .hero .lead { max-width: 660px; }
    .view[data-view="inicio"] .hero-actions { justify-content: center; margin-block: 28px 24px; }
    .view[data-view="inicio"] .hero-start-button { display: none; }
    .view[data-view="inicio"] .hero-facts { justify-content: center; gap: 24px; }
    .view[data-view="inicio"] .hero-facts li:first-child { border-left: 0; padding-left: 0; }
    .view[data-view="inicio"] .hero-visual { display: none; }
    .view[data-view="inicio"] .section-head { align-items: flex-start; }
    .view[data-view="inicio"] .section-head h2 { max-width: 650px; }
    .view[data-view="inicio"] .cta { padding-block: 58px; }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .hero-grid { padding-block: 74px 72px; }
      .view[data-view="inicio"] .hero-actions { align-items: stretch; flex-direction: column; }
      .view[data-view="inicio"] .hero-actions .btn { width: 100%; }
      .view[data-view="inicio"] .hero-facts { align-items: center; flex-direction: column; gap: 13px; }
      .view[data-view="inicio"] .hero-facts li { padding: 0; border-left: 0; }
    }
  

/* Source style 5 */

    /* Portada Examen Elite · intro abierta v4 — laboratorio aislado */
    .view[data-view="inicio"] .hero {
      background: #fffdf8;
      border-bottom: 0;
    }
    .view[data-view="inicio"] .hero-grid {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 70px;
      min-height: 650px;
      padding-block: 92px;
      text-align: left;
    }
    .view[data-view="inicio"] .hero-grid > div:first-child {
      max-width: 680px;
      margin-inline: 0;
      align-self: center;
    }
    .view[data-view="inicio"] .hero h1 {
      color: #202d3b;
      max-width: 660px;
      margin: 18px 0 24px;
      font-size: clamp(48px, 6vw, 78px);
      line-height: .98;
      letter-spacing: -.065em;
    }
    .view[data-view="inicio"] .hero h1 em { color: #176d9c; }
    .view[data-view="inicio"] .hero .lead {
      max-width: 520px;
      color: #617185;
      font-size: clamp(18px, 2vw, 22px);
      line-height: 1.5;
    }
    .view[data-view="inicio"] .hero-animated-copy { min-height: 1.5em; }
    .view[data-view="inicio"] [data-hero-phrase] {
      display: inline-block;
      opacity: 0;
      transform: translateY(10px);
    }
    .view[data-view="inicio"] [data-hero-phrase].is-visible {
      animation: heroPhraseIn .55s cubic-bezier(.22, 1, .36, 1) forwards;
    }
    .view[data-view="inicio"] [data-hero-phrase].is-hiding {
      animation: heroPhraseOut .45s ease forwards;
    }
    @keyframes heroPhraseIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes heroPhraseOut {
      from { opacity: 1; transform: translateY(0); }
      to { opacity: 0; transform: translateY(-8px); }
    }
    @media (prefers-reduced-motion: reduce) {
      .view[data-view="inicio"] [data-hero-phrase] { opacity: 1; transform: none; animation: none !important; }
    }
    .view[data-view="inicio"] .hero-animated-copy {
      position: relative;
      height: 1.5em;
    }
    .view[data-view="inicio"] .hero-phrase {
      position: absolute;
      inset: 0 auto auto 0;
      display: inline-block;
      opacity: 0;
      white-space: nowrap;
      animation: heroPhraseCycle 7.05s ease-in-out infinite;
    }
    .view[data-view="inicio"] .hero-phrase--two { animation-delay: 2.35s; }
    .view[data-view="inicio"] .hero-phrase--three { animation-delay: 4.7s; }
    @keyframes heroPhraseCycle {
      0%, 5% { opacity: 0; transform: translateY(10px); }
      10%, 25% { opacity: 1; transform: translateY(0); }
      30%, 100% { opacity: 0; transform: translateY(-8px); }
    }
    @media (prefers-reduced-motion: reduce) {
      .view[data-view="inicio"] .hero-phrase { animation: none; }
      .view[data-view="inicio"] .hero-phrase--three { opacity: 1; transform: none; }
    }
    .view[data-view="inicio"] .hero-actions { justify-content: flex-start; margin: 32px 0 24px; }
    .view[data-view="inicio"] .hero-actions button:nth-child(3) { display: none; }
    .view[data-view="inicio"] .hero .btn-primary {
      color: #fff;
      background: #176d9c;
      border-radius: 999px;
      box-shadow: none;
    }
    .view[data-view="inicio"] .hero .btn-secondary {
      color: #31475b;
      background: transparent;
      border-color: #d8e0e6;
      border-radius: 999px;
    }
    .view[data-view="inicio"] .hero-facts { justify-content: flex-start; gap: 25px; color: #82909d; }
    .view[data-view="inicio"] .hero-facts li { border-left-color: #dce4e9; }
    .view[data-view="inicio"] .hero-facts strong { color: #31475b; }
    .view[data-view="inicio"] .hero-visual {
      display: grid;
      min-height: 470px;
      place-items: center;
    }
    .view[data-view="inicio"] .preview-card { display: none; }
    .view[data-view="inicio"] .intro-art {
      position: relative;
      width: min(100%, 430px);
      aspect-ratio: 1;
    }
    .view[data-view="inicio"] .intro-art__halo,
    .view[data-view="inicio"] .intro-art__logo {
      position: absolute;
      inset: 50% auto auto 50%;
      transform: translate(-50%, -50%);
      border-radius: 38% 62% 54% 46% / 48% 42% 58% 52%;
    }
    .view[data-view="inicio"] .intro-art__halo {
      width: 82%;
      height: 82%;
      background: #e7f2f5;
      transform: translate(-50%, -50%) rotate(-12deg);
    }
    .view[data-view="inicio"] .intro-art__logo {
      display: grid;
      place-items: center;
      width: 55%;
      height: 55%;
      background: #fff;
      box-shadow: 0 18px 45px rgba(32, 74, 96, .12);
      transform: translate(-50%, -50%) rotate(7deg);
    }
    .view[data-view="inicio"] .intro-art__logo img { width: 78%; height: 78%; object-fit: contain; transform: rotate(-7deg); }
    .view[data-view="inicio"] .intro-art__logo img { display: none; }
    .view[data-view="inicio"] .intro-art__label {
      position: absolute;
      padding: 10px 16px;
      color: #31475b;
      background: #fff;
      border: 1px solid #e6edf0;
      border-radius: 999px;
      box-shadow: 0 10px 25px rgba(32, 74, 96, .08);
      font-size: 13px;
      font-weight: 800;
    }
    .view[data-view="inicio"] .intro-art__label--top { top: 10%; left: 16%; background: #fff1c9; }
    .view[data-view="inicio"] .intro-art__label--right { top: 46%; right: 0; background: #f9dfd8; }
    .view[data-view="inicio"] .intro-art__label--bottom { bottom: 9%; left: 13%; background: #dff0eb; }
    .view[data-view="inicio"] .section.alt { background: #fbfcfa; }
    .view[data-view="inicio"] .cta { color: #31475b; background: #eef5f3; }
    .view[data-view="inicio"] .cta p { color: #6c7b88; }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-grid { grid-template-columns: 1fr; gap: 30px; padding-block: 72px 64px; }
      .view[data-view="inicio"] .hero-grid > div:first-child { text-align: center; margin-inline: auto; }
      .view[data-view="inicio"] .hero h1, .view[data-view="inicio"] .hero .lead { margin-inline: auto; }
      .view[data-view="inicio"] .hero-actions, .view[data-view="inicio"] .hero-facts { justify-content: center; }
      .view[data-view="inicio"] .hero-visual { min-height: 330px; }
      .view[data-view="inicio"] .intro-art { width: min(85vw, 350px); }
    }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .hero-actions { align-items: stretch; flex-direction: column; }
      .view[data-view="inicio"] .hero-actions .btn { width: 100%; }
      .view[data-view="inicio"] .hero-facts { align-items: center; flex-direction: column; gap: 11px; }
    }
  

/* Source style 6 */

    /* Portada Examen Elite · intro tipográfica con rotación — laboratorio aislado */
    .view[data-view="inicio"] .wideeye-intro {
      max-width: 780px;
      margin: 18px 0 28px;
      color: #202d3b;
      font-size: clamp(50px, 6.4vw, 86px);
      line-height: .96;
      letter-spacing: -.07em;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating {
      position: relative;
      display: inline-block;
      min-width: 9.7em;
      height: 1em;
      color: #d46b57;
      vertical-align: top;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating > span {
      position: absolute;
      inset: 0 auto auto 0;
      opacity: 0;
      white-space: nowrap;
      animation: wideEyeIntroCycle 9s ease-in-out infinite;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating > span:nth-child(2) { animation-delay: 3s; }
    .view[data-view="inicio"] .wideeye-intro__rotating > span:nth-child(3) { animation-delay: 6s; }
    @keyframes wideEyeIntroCycle {
      0%, 5% { opacity: 0; transform: translateY(16px); }
      10%, 25% { opacity: 1; transform: translateY(0); }
      31%, 100% { opacity: 0; transform: translateY(-12px); }
    }
    .view[data-view="inicio"] .hero-animated-copy { display: none; }
    @media (prefers-reduced-motion: reduce) {
      .view[data-view="inicio"] .wideeye-intro__rotating > span { animation: none; }
      .view[data-view="inicio"] .wideeye-intro__rotating > span:last-child { opacity: 1; transform: none; }
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .wideeye-intro { font-size: clamp(46px, 12vw, 72px); }
      .view[data-view="inicio"] .wideeye-intro__rotating { min-width: 8.9em; }
    }
  

/* Source style 7 */

    /* Navegación Examen Elite · referencia JTB Studios — laboratorio aislado */
    .site-header {
      top: 42px;
      border-bottom: 0;
      background: rgba(255, 253, 248, .88);
      box-shadow: none;
    }
    .site-nav { position: relative; min-height: 92px; }
    .brand {
      position: relative;
      width: 92px;
      height: 44px;
      overflow: hidden;
      color: #2d3e4c;
    }
    .brand-logo { width: 44px; height: 44px; transition: transform .35s ease, opacity .35s ease; }
    .brand::after {
      content: "Inicio";
      position: absolute;
      left: 50px;
      top: 11px;
      color: #2d3e4c;
      font-size: 16px;
      font-weight: 700;
      opacity: 0;
      transform: translateX(-18px);
      transition: opacity .3s ease, transform .3s ease;
    }
    .brand:hover .brand-logo { opacity: .18; transform: translateX(-10px); }
    .brand:hover::after { opacity: 1; transform: translateX(0); }
    .nav-links {
      position: absolute;
      left: 50%;
      margin-left: 0;
      padding: 6px;
      gap: 2px;
      border-radius: 999px;
      background: #2d3e4c;
      box-shadow: 0 12px 28px rgba(45, 62, 76, .13);
      transform: translateX(-50%);
    }
    .nav-link {
      color: #f8f5ec;
      border-radius: 999px;
      padding: 10px 15px;
      font-size: 13px;
      font-weight: 650;
      letter-spacing: .01em;
    }
    .nav-link:hover, .nav-link[aria-current="page"] { color: #2d3e4c; background: #f8f5ec; }
    .nav-login { border: 0; background: transparent; }
    .mobile-toggle { color: #f8f5ec; border: 0; background: #2d3e4c; border-radius: 999px; }
    @media (max-width: 800px) {
      .site-header { top: 42px; z-index: 120; }
      .site-nav { min-height: 78px; }
      .mobile-toggle {
        position: relative;
        z-index: 140;
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        padding: 0;
        font-size: 0;
      }
      .mobile-toggle::before { content: "☰"; font-size: 21px; line-height: 1; }
      .mobile-toggle[aria-expanded="true"]::before { content: "×"; font-size: 30px; font-weight: 300; }
      .nav-links {
        position: fixed;
        inset: 0;
        z-index: 130;
        display: none;
        width: 100%;
        height: 100dvh;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 105px 28px 40px;
        border-radius: 0;
        background: #2d3e4c;
        box-shadow: none;
        transform: none;
      }
      .nav-links.is-open { display: flex; }
      .nav-links .nav-link {
        width: 100%;
        padding: 8px 0;
        color: #f8f5ec;
        border-radius: 0;
        text-align: left;
        font-size: clamp(28px, 8vw, 44px);
        font-weight: 650;
      }
      .nav-links .nav-link:hover, .nav-links .nav-link[aria-current="page"] { color: #f1b6a5; background: transparent; }
      .nav-links .nav-login { margin-top: 15px; padding-top: 20px; border-top: 1px solid rgba(248,245,236,.25); }
    }
  

/* Source style 8 */

    /* Cursos Examen Elite · galería horizontal de medios — laboratorio aislado */
    .view[data-view="inicio"] .course-strip {
      padding: 92px 0 112px;
      overflow: hidden;
      background: #fffdf8;
    }
    .view[data-view="inicio"] .course-strip__head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 24px;
      margin-bottom: 34px;
    }
    .view[data-view="inicio"] .course-strip__head h2 { margin: 10px 0 0; color: #202d3b; }
    .view[data-view="inicio"] .course-strip__hint { color: #7e8b96; font-size: 13px; }
    .view[data-view="inicio"] .course-track {
      display: flex;
      gap: 24px;
      width: 100%;
      max-width: 100%;
      padding: 0 max(24px, calc((100vw - 1240px) / 2));
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      touch-action: pan-x;
      scrollbar-width: thin;
      scrollbar-color: #c4d0d2 transparent;
    }
    .view[data-view="inicio"] .course-frame {
      flex: 0 0 clamp(330px, 43vw, 610px);
      scroll-snap-align: start;
    }
    .view[data-view="inicio"] .course-frame__image {
      position: relative;
      display: flex;
      min-height: clamp(340px, 42vw, 540px);
      overflow: hidden;
      flex-direction: column;
      justify-content: flex-end;
      padding: 28px;
      border-radius: 0 34px 0 0;
      color: #fff;
      isolation: isolate;
    }
    .view[data-view="inicio"] .course-frame__image::before,
    .view[data-view="inicio"] .course-frame__image::after {
      content: "";
      position: absolute;
      z-index: 0;
      border-radius: 50%;
      opacity: .45;
    }
    .view[data-view="inicio"] .course-frame__image::before { width: 62%; height: 62%; right: -12%; top: -16%; background: rgba(255,255,255,.3); }
    .view[data-view="inicio"] .course-frame__image::after { width: 50%; height: 50%; left: -14%; bottom: -18%; border: 24px solid rgba(255,255,255,.2); }
    .view[data-view="inicio"] .course-frame--tx .course-frame__image { background: linear-gradient(145deg, #176d9c, #53a7b1); }
    .view[data-view="inicio"] .course-frame--fl .course-frame__image { background: linear-gradient(145deg, #dd785d, #f1b36c); }
    .view[data-view="inicio"] .course-frame--nm .course-frame__image { background: linear-gradient(145deg, #17858e, #d67b62); }
    .view[data-view="inicio"] .course-frame--ca .course-frame__image { background: linear-gradient(145deg, #6960a9, #b1a6d0); }
    .view[data-view="inicio"] .course-frame--ny .course-frame__image { background: linear-gradient(145deg, #263e5b, #5f83a5); }
    .view[data-view="inicio"] .course-frame--ga .course-frame__image { background: linear-gradient(145deg, #4b8b73, #a6c56c); }
    .view[data-view="inicio"] .course-frame--az .course-frame__image { background: linear-gradient(145deg, #d28a54, #e7c275); }
    .view[data-view="inicio"] .course-frame__code {
      position: absolute;
      top: 26px;
      left: 28px;
      font-size: clamp(54px, 8vw, 110px);
      font-weight: 900;
      letter-spacing: -.08em;
      opacity: .92;
    }
    .view[data-view="inicio"] .course-frame__tag {
      position: absolute;
      top: 31px;
      right: 28px;
      padding: 8px 12px;
      border: 1px solid rgba(255,255,255,.38);
      border-radius: 999px;
      background: rgba(255,255,255,.12);
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .view[data-view="inicio"] .course-frame__image strong {
      font-size: clamp(42px, 6vw, 76px);
      line-height: .95;
      letter-spacing: -.07em;
    }
    .view[data-view="inicio"] .course-frame__caption {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 15px;
      padding: 15px 2px 0;
      color: #778592;
      font-size: 13px;
    }
    .view[data-view="inicio"] .course-frame__caption { display: none; }
    .view[data-view="inicio"] .course-frame__caption .btn { min-height: 39px; padding: 9px 14px; }
    .view[data-view="inicio"] .course-frame[data-course-route] { cursor: pointer; }
    .view[data-view="inicio"] .course-frame[data-course-route]:focus-visible {
      outline: 3px solid rgba(23,109,156,.42);
      outline-offset: 7px;
    }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .course-strip { padding: 68px 0 82px; }
      .view[data-view="inicio"] .course-strip__head { align-items: flex-start; flex-direction: column; margin-bottom: 24px; }
      .view[data-view="inicio"] .course-track { gap: 16px; padding-inline: 18px; }
      .view[data-view="inicio"] .course-frame { flex-basis: 82vw; }
      .view[data-view="inicio"] .course-frame__image { min-height: 390px; }
    }
  

/* Source style 9 */

    /* Portada Examen Elite · foco tipográfico principal — laboratorio aislado */
    .view[data-view="inicio"] .hero-grid {
      display: block;
      min-height: 720px;
      padding-block: 142px 130px;
      text-align: center;
    }
    .view[data-view="inicio"] .hero-grid > div:first-child {
      max-width: 1280px;
      margin-inline: auto;
    }
    .view[data-view="inicio"] .hero-visual { display: none; }
    .view[data-view="inicio"] .wideeye-intro {
      max-width: none;
      margin: 24px auto 34px;
      font-size: clamp(68px, 10.4vw, 166px);
      line-height: .88;
      letter-spacing: -.085em;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating {
      display: block;
      width: 100%;
      min-width: 0;
      height: .94em;
      text-align: center;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating > span {
      left: 50%;
      right: auto;
      width: 100%;
      transform: translate(-50%, 16px);
      animation-name: wideEyeIntroCycleLarge;
    }
    @keyframes wideEyeIntroCycleLarge {
      0%, 5% { opacity: 0; transform: translate(-50%, 16px); }
      10%, 25% { opacity: 1; transform: translate(-50%, 0); }
      31%, 100% { opacity: 0; transform: translate(-50%, -12px); }
    }
    .view[data-view="inicio"] .hero .lead {
      max-width: 760px;
      margin-inline: auto;
      color: #718293;
      font-size: clamp(24px, 3vw, 36px);
      line-height: 1.2;
    }
    .view[data-view="inicio"] .hero-actions { justify-content: center; margin-top: 42px; }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-grid { min-height: 620px; padding-block: 90px 90px; }
      .view[data-view="inicio"] .wideeye-intro { font-size: clamp(54px, 14vw, 100px); }
      .view[data-view="inicio"] .hero .lead { font-size: clamp(20px, 5vw, 28px); }
    }
  

/* Source style 10 */

    /* Portada Examen Elite · foco ampliado en composición original — laboratorio aislado */
    .view[data-view="inicio"] .hero-grid {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 70px;
      min-height: 650px;
      padding-block: 92px;
      text-align: left;
    }
    .view[data-view="inicio"] .hero-grid > div:first-child {
      max-width: 680px;
      margin-inline: 0;
      align-self: center;
    }
    .view[data-view="inicio"] .hero-visual { display: grid; min-height: 470px; }
    .view[data-view="inicio"] .wideeye-intro {
      max-width: 780px;
      margin: 18px 0 28px;
      font-size: clamp(64px, 7.8vw, 118px);
      line-height: .9;
      letter-spacing: -.08em;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating {
      display: inline-block;
      width: auto;
      min-width: 9.7em;
      height: 1em;
      text-align: left;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating > span {
      left: 0;
      right: auto;
      width: auto;
      transform: translateY(16px);
      animation-name: wideEyeIntroCycle;
    }
    .view[data-view="inicio"] .hero .lead {
      max-width: 520px;
      margin-inline: 0;
      font-size: clamp(20px, 2.3vw, 28px);
      line-height: 1.3;
    }
    .view[data-view="inicio"] .hero-actions { justify-content: flex-start; margin-top: 32px; }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-grid { display: block; min-height: auto; padding-block: 72px 64px; text-align: center; }
      .view[data-view="inicio"] .hero-grid > div:first-child { max-width: 680px; margin-inline: auto; }
      .view[data-view="inicio"] .hero-visual { display: grid; min-height: 330px; margin-top: 30px; }
      .view[data-view="inicio"] .wideeye-intro { font-size: clamp(52px, 13vw, 92px); }
      .view[data-view="inicio"] .wideeye-intro__rotating { min-width: 8.9em; text-align: center; }
      .view[data-view="inicio"] .wideeye-intro__rotating > span { left: 50%; width: 100%; transform: translate(-50%, 16px); }
      .view[data-view="inicio"] .hero .lead { margin-inline: auto; font-size: clamp(20px, 5vw, 28px); }
      .view[data-view="inicio"] .hero-actions { justify-content: center; }
    }
  

/* Source style 11 */

    /* Portada Examen Elite · escala tipográfica final — laboratorio aislado */
    .view[data-view="inicio"] .wideeye-intro {
      font-size: clamp(76px, 8.8vw, 136px);
      line-height: .88;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating { min-width: 0; }
    .view[data-view="inicio"] .hero .lead {
      font-size: clamp(24px, 2.8vw, 36px);
      line-height: 1.22;
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .wideeye-intro { font-size: clamp(58px, 14vw, 104px); }
      .view[data-view="inicio"] .hero .lead { font-size: clamp(22px, 5.5vw, 30px); }
    }
  

/* Source style 12 */

    /* Portada Examen Elite · escala tipográfica ampliada — laboratorio aislado */
    .view[data-view="inicio"] .hero-grid {
      grid-template-columns: 1.3fr .7fr;
      gap: 38px;
    }
    .view[data-view="inicio"] .wideeye-intro {
      font-size: clamp(114px, 13.2vw, 204px);
    }
    .view[data-view="inicio"] .hero .lead {
      font-size: clamp(36px, 4.2vw, 54px);
    }
    .view[data-view="inicio"] .hero-visual { min-height: 360px; }
    .view[data-view="inicio"] .intro-art { width: min(100%, 300px); }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-grid { display: block; }
      .view[data-view="inicio"] .wideeye-intro { font-size: clamp(87px, 21vw, 156px); }
      .view[data-view="inicio"] .hero .lead { font-size: clamp(30px, 8.2vw, 45px); }
      .view[data-view="inicio"] .hero-visual { min-height: 300px; }
      .view[data-view="inicio"] .intro-art { width: min(78vw, 280px); }
    }
  

/* Source style 13 */

    /* Portada Examen Elite · escala tipográfica máxima — laboratorio aislado */
    .view[data-view="inicio"] .hero-grid { grid-template-columns: 1.38fr .62fr; gap: 24px; }
    .view[data-view="inicio"] .wideeye-intro { font-size: clamp(140px, 15.5vw, 250px); }
    .view[data-view="inicio"] .hero .lead { font-size: clamp(42px, 4.8vw, 62px); }
    .view[data-view="inicio"] .intro-art { width: min(100%, 240px); }
    .view[data-view="inicio"] .hero-visual { min-height: 300px; }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .wideeye-intro { font-size: clamp(104px, 24vw, 180px); }
      .view[data-view="inicio"] .hero .lead { font-size: clamp(34px, 9.5vw, 52px); }
      .view[data-view="inicio"] .intro-art { width: min(70vw, 230px); }
    }
  

/* Source style 14 */

    /* Portada Examen Elite · subtítulo reducido — laboratorio aislado */
    .view[data-view="inicio"] .hero .lead {
      font-size: clamp(18px, 2vw, 26px);
      line-height: 1.35;
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero .lead { font-size: clamp(18px, 5vw, 25px); }
    }
  

/* Source style 15 */

    /* Portada Examen Elite · logo ambiental de fondo — laboratorio aislado */
    .view[data-view="inicio"] .hero-grid { position: relative; overflow: hidden; }
    .view[data-view="inicio"] .hero-grid > div:first-child { position: relative; z-index: 2; }
    .view[data-view="inicio"] .hero-visual {
      position: absolute;
      z-index: 0;
      top: 50%;
      right: -110px;
      width: min(72vw, 720px);
      min-height: 0;
      opacity: .42;
      pointer-events: none;
      transform: translateY(-50%);
      filter: saturate(.65);
    }
    .view[data-view="inicio"] .intro-art { width: 100%; max-width: 720px; }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-visual {
        top: 48%;
        right: -28%;
        width: 120vw;
        opacity: .30;
        transform: translateY(-50%);
      }
      .view[data-view="inicio"] .intro-art { width: 100%; max-width: none; }
    }
  

/* Source style 16 */

    /* Navegación Examen Elite · enlaces libres sin barra contenedora — laboratorio aislado */
    @media (min-width: 801px) {
      .site-header .nav-links {
        padding: 0;
        gap: 26px;
        background: transparent;
        box-shadow: none;
      }
      .site-header .nav-link {
        color: #2d3e4c;
        padding: 10px 5px;
        font-size: 15px;
        font-weight: 700;
      }
      .site-header .nav-link:hover { color: #176d9c; background: transparent; }
      .site-header .nav-link[aria-current="page"] {
        color: #2d3e4c;
        padding-inline: 22px;
        background: #fffdf8;
        border: 2px solid #176d9c;
        box-shadow: 0 0 0 3px #2d3e4c;
      }
      .site-header .nav-login { border: 0; background: transparent; }
      .site-header .nav-login:hover { background: transparent; }
    }
  

/* Source style 17 */

    /* Navegación Examen Elite · restauración de cápsula original — laboratorio aislado */
    @media (min-width: 801px) {
      .site-header .nav-links {
        padding: 6px;
        gap: 2px;
        background: #2d3e4c;
        box-shadow: 0 12px 28px rgba(45, 62, 76, .13);
      }
      .site-header .nav-link {
        color: #f8f5ec;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: 650;
        border: 0;
      }
      .site-header .nav-link:hover,
      .site-header .nav-link[aria-current="page"] {
        color: #2d3e4c;
        background: #f8f5ec;
        border: 0;
        box-shadow: none;
      }
      .site-header .nav-login { background: transparent; }
    }
  

/* Source style 18 */

    /* Navegación Examen Elite · composición abierta final — laboratorio aislado */
    @media (min-width: 801px) {
      .site-header .nav-links {
        padding: 0;
        gap: 28px;
        background: transparent;
        box-shadow: none;
      }
      .site-header .nav-link {
        color: #2d3e4c;
        padding: 10px 5px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        font-size: 15px;
        font-weight: 700;
      }
      .site-header .nav-link:hover { color: #176d9c; background: transparent; }
      .site-header .nav-link[aria-current="page"] {
        color: #2d3e4c;
        padding: 12px 28px;
        background: #fffdf8;
        border: 3px solid #176d9c;
        box-shadow: 0 0 0 3px #2d3e4c;
      }
      .site-header .nav-login { background: transparent; }
    }
  

/* Source style 19 */

    /* Navegación Examen Elite · barra oscura solicitada — laboratorio aislado */
    @media (min-width: 801px) {
      .site-header .nav-links {
        padding: 6px;
        gap: 2px;
        background: #2d3e4c;
        box-shadow: 0 12px 28px rgba(45, 62, 76, .13);
      }
      .site-header .nav-link {
        color: #f8f5ec;
        padding: 10px 15px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        font-size: 15px;
        font-weight: 700;
      }
      .site-header .nav-link:hover,
      .site-header .nav-link[aria-current="page"] {
        color: #2d3e4c;
        background: #f8f5ec;
        border: 0;
        box-shadow: none;
      }
    }
  

/* Source style 20 */

    /* Navegación Examen Elite · cápsula flotante — laboratorio aislado */
    @media (min-width: 801px) {
      .site-header {
        position: fixed;
        left: 0;
        right: 0;
        top: 42px;
        background: transparent;
        border-bottom: 0;
        backdrop-filter: none;
      }
      .site-nav { min-height: 108px; }
      .site-header .brand { margin-top: 4px; }
      .site-header .nav-links {
        top: 24px;
        padding: 6px 8px;
        border-radius: 999px;
        box-shadow: 0 14px 30px rgba(45, 62, 76, .16);
      }
    }
  

/* Source style 21 */

    /* Vista limpia de portada — laboratorio aislado */
    .lab-bar { display: none !important; }
    .site-header { top: 0 !important; }
  

/* Source style 22 */

    /* Portada Examen Elite · logo de fondo desplazado — laboratorio aislado */
    .view[data-view="inicio"] .hero-visual {
      right: -260px;
      width: min(78vw, 900px);
    }
    .view[data-view="inicio"] .intro-art { max-width: 900px; }
    .view[data-view="inicio"] .intro-art__halo { display: none; }
    .view[data-view="inicio"] .intro-art__logo {
      width: 100%;
      height: 100%;
      inset: 0;
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      transform: none;
    }
    .view[data-view="inicio"] .intro-art__logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      transform: scale(1.16);
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-visual { right: -38%; width: 135vw; }
      .view[data-view="inicio"] .intro-art { max-width: none; }
    }
  

/* Source style 23 */

    /* Portada Examen Elite · corrección de composición — laboratorio aislado */
    .view[data-view="inicio"] .hero-visual {
      right: -55px;
      width: min(58vw, 640px);
      opacity: .42;
    }
    .view[data-view="inicio"] .intro-art { max-width: 640px; }
    .view[data-view="inicio"] .intro-art__logo img { transform: scale(1.10); }
    .view[data-view="inicio"] .wideeye-intro__rotating > span {
      animation-duration: 7s;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating > span:nth-child(1) { animation-delay: .35s; }
    .view[data-view="inicio"] .wideeye-intro__rotating > span:nth-child(2) { animation-delay: 2.35s; }
    .view[data-view="inicio"] .wideeye-intro__rotating > span:nth-child(3) { animation-delay: 4.68s; }
    @keyframes wideEyeIntroCycle {
      0%, 7% { opacity: 0; transform: translateY(16px); }
      15%, 33% { opacity: 1; transform: translateY(0); }
      42%, 100% { opacity: 0; transform: translateY(-12px); }
    }

    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-visual { right: -24%; width: 115vw; opacity: .30; }
      .view[data-view="inicio"] .intro-art { max-width: none; }
    }
  

/* Source style 24 */

    /* Portada Examen Elite · logo completo dentro del encuadre — laboratorio aislado */
    .view[data-view="inicio"] .hero-visual {
      right: 10px;
      width: min(48vw, 520px);
      opacity: .42;
    }
    .view[data-view="inicio"] .intro-art { max-width: 520px; }
    .view[data-view="inicio"] .intro-art__logo img { transform: scale(1.04); }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-visual { right: -10%; width: 92vw; opacity: .30; }
      .view[data-view="inicio"] .intro-art { max-width: none; }
    }
  

/* Source style 25 */

    /* Portada Examen Elite · restauración de color original del logo — laboratorio aislado */
    .view[data-view="inicio"] .hero-visual {
      opacity: .92;
      filter: none;
    }
    .view[data-view="inicio"] .intro-art__logo img { transform: scale(1.02); }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-visual { opacity: .88; }
    }
  

/* Source style 26 */

    /* Portada Examen Elite · imagen restaurada al estado anterior — laboratorio aislado */
    .view[data-view="inicio"] .hero-visual {
      position: absolute;
      top: 50%;
      right: -110px;
      width: min(72vw, 720px);
      min-height: 0;
      opacity: .42;
      filter: saturate(.65);
      transform: translateY(-50%);
    }
    .view[data-view="inicio"] .intro-art { max-width: 720px; }
    .view[data-view="inicio"] .intro-art__halo { display: block; }
    .view[data-view="inicio"] .intro-art__logo {
      width: 55%;
      height: 55%;
      inset: 50% auto auto 50%;
      background: #fff;
      box-shadow: 0 18px 45px rgba(32, 74, 96, .12);
      border-radius: 38% 62% 54% 46% / 48% 42% 58% 52%;
      transform: translate(-50%, -50%) rotate(7deg);
    }
    .view[data-view="inicio"] .intro-art__logo img {
      width: 78%;
      height: 78%;
      object-fit: contain;
      transform: rotate(-7deg);
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-visual {
        top: 48%;
        right: -28%;
        width: 120vw;
        opacity: .30;
      }
      .view[data-view="inicio"] .intro-art { max-width: none; }
    }
  

/* Source style 27 */

    /* Portada Examen Elite · ajuste horizontal del logo — laboratorio aislado */
    @media (min-width: 801px) {
      .view[data-view="inicio"] .hero,
      .view[data-view="inicio"] .hero-grid { overflow: visible; }
      .view[data-view="inicio"] .hero-visual {
        right: -250px;
        width: min(70vw, 760px);
      }
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero,
      .view[data-view="inicio"] .hero-grid { overflow: hidden; }
    }
  

/* Source style 28 */

    /* Portada Examen Elite · ajuste vertical del hero — laboratorio aislado */
    @media (min-width: 801px) {
      .view[data-view="inicio"] .hero-grid > div:first-child { transform: translateY(38px); }
      .view[data-view="inicio"] .hero-visual { top: 55%; }
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-grid > div:first-child { transform: translateY(22px); }
    }
  

/* Source style 29 */

    /* Portada Examen Elite · movimiento sutil del arte — laboratorio aislado */
    @keyframes ee-logo-breathe {
      0%, 100% {
        transform: translate(-50%, -50%) rotate(7deg) scale(1);
      }
      50% {
        transform: translate(-50%, -50%) rotate(8deg) scale(1.018);
      }
    }
    @keyframes ee-logo-halo {
      0%, 100% { transform: translate(-50%, -50%) rotate(-12deg) scale(1); opacity: .82; }
      50% { transform: translate(-50%, -50%) rotate(-11.5deg) scale(1.018); opacity: .92; }
    }
    @keyframes ee-art-float {
      0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
      50% { transform: translate3d(0, -18px, 0) rotate(.8deg); }
    }
    .view[data-view="inicio"] .intro-art {
      animation: ee-art-float 8s ease-in-out infinite;
      will-change: transform;
    }
    .view[data-view="inicio"] .intro-art__logo {
      animation: ee-logo-breathe 14s ease-in-out infinite;
      transform-origin: 50% 50%;
    }
    .view[data-view="inicio"] .intro-art__halo {
      animation: ee-logo-halo 18s ease-in-out infinite;
      transform-origin: 50% 50%;
    }
    @media (prefers-reduced-motion: reduce) {
      .view[data-view="inicio"] .intro-art__logo,
      .view[data-view="inicio"] .intro-art__halo,
      .view[data-view="inicio"] .intro-art {
        animation: none;
      }
    }
  

/* Source style 30 */

    /* Navegación Examen Elite · transparencia ligera — laboratorio aislado */
    .site-header .nav-links {
      background: rgba(91, 135, 158, .46);
      border: 1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }
  

/* Source style 31 */

    /* Navegación Examen Elite · hover tipográfico — laboratorio aislado */
    .site-header .nav-link {
      transition: transform .22s ease, color .22s ease, background .22s ease;
    }
    .site-header .nav-link:not([aria-current="page"]):hover {
      color: #f8f5ec;
      background: transparent;
      transform: scale(1.07);
    }
  

/* Source style 32 */

    /* Portada Examen Elite · foco principal ampliado — laboratorio aislado */
    @media (min-width: 801px) {
      .view[data-view="inicio"] .hero-grid > div:first-child {
        transform: translate(-170px, 38px) scale(1.5);
        transform-origin: left top;
      }
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-grid > div:first-child {
        transform: translateY(22px) scale(1.18);
        transform-origin: center top;
      }
    }
  

/* Source style 33 */

    /* Portada Examen Elite · subtítulo y acciones reducidos — laboratorio aislado */
    @media (min-width: 801px) {
      .view[data-view="inicio"] .hero .lead {
        transform: scale(.56);
        transform-origin: left top;
        width: 178%;
        margin-bottom: -34px;
      }
      .view[data-view="inicio"] .hero-actions {
        transform: scale(.56);
        transform-origin: left top;
        width: 178%;
        margin-bottom: -82px;
      }
    }
  

/* Source style 34 */

    /* Portada Examen Elite · acciones sin cuadro — laboratorio aislado */
    .view[data-view="inicio"] .hero-actions .btn,
    .view[data-view="inicio"] .hero .btn-primary,
    .view[data-view="inicio"] .hero .btn-secondary {
      min-height: 0;
      padding: 8px 4px;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .view[data-view="inicio"] .hero .btn-primary {
      color: #1d789f;
    }
    .view[data-view="inicio"] .hero .btn-secondary {
      color: #344d64;
    }
    .view[data-view="inicio"] .hero-actions .btn:hover {
      background: transparent;
      text-decoration: underline;
      text-underline-offset: 5px;
    }
  

/* Source style 35 */

    /* Portada Examen Elite · encabezado de rutas oculto — laboratorio aislado */
    .view[data-view="inicio"] .course-strip__head > div:first-child {
      display: none;
    }
  

/* Source style 36 */

    /* Portada Examen Elite · cursos fuera de la primera pantalla — laboratorio aislado */
    .view[data-view="inicio"] .course-strip {
      margin-top: 220px;
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .course-strip {
        margin-top: 140px;
      }
    }
  

/* Source style 37 */

    /* Portada Examen Elite · vista de herramientas del curso — laboratorio aislado */
    .view[data-view="inicio"] .course-features {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }
    .view[data-view="inicio"] .course-features .benefit {
      min-height: 178px;
      padding: 22px 20px 20px;
      border: 1px solid rgba(164, 190, 211, .52);
      border-top: 3px solid #8fb5cf;
      border-radius: 18px;
      background: rgba(255, 255, 255, .56);
      box-shadow: 0 12px 28px rgba(82, 113, 137, .06);
    }
    .view[data-view="inicio"] .course-features .benefit h3 {
      margin: 12px 0 9px;
      color: #2d4458;
    }
    .view[data-view="inicio"] .course-features .benefit p {
      margin-bottom: 0;
      color: #718596;
      line-height: 1.55;
    }
    @media (max-width: 1000px) {
      .view[data-view="inicio"] .course-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .course-features { grid-template-columns: 1fr; }
    }
  

/* Source style 38 */

    /* Portada Examen Elite · presentación vertical de herramientas — laboratorio aislado */
    .view[data-view="inicio"] .feature-showcase {
      margin-top: 58px;
    }
    .view[data-view="inicio"] .feature-row {
      display: grid;
      grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
      align-items: center;
      gap: clamp(42px, 8vw, 120px);
      min-height: 560px;
      padding: 74px 0;
      border-top: 1px solid rgba(168, 190, 204, .38);
    }
    .view[data-view="inicio"] .feature-row:nth-child(even) {
      grid-template-columns: minmax(0, 1.22fr) minmax(0, .78fr);
    }
    .view[data-view="inicio"] .feature-row:nth-child(even) .feature-copy { order: 2; }
    .view[data-view="inicio"] .feature-row:nth-child(even) .feature-visual { order: 1; }
    .view[data-view="inicio"] .feature-copy > span {
      display: inline-block;
      margin-bottom: 22px;
      color: #6e9bc3;
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .16em;
    }
    .view[data-view="inicio"] .feature-copy h3 {
      max-width: 430px;
      margin: 0 0 18px;
      color: #263b4d;
      font-size: clamp(34px, 4vw, 58px);
      line-height: .98;
      letter-spacing: -.045em;
    }
    .view[data-view="inicio"] .feature-copy p {
      max-width: 410px;
      margin: 0;
      color: #718596;
      font-size: clamp(17px, 1.5vw, 21px);
      line-height: 1.55;
    }
    .view[data-view="inicio"] .feature-visual {
      position: relative;
      min-height: 420px;
      overflow: hidden;
      border: 1px solid rgba(149, 180, 200, .42);
      border-radius: 32px;
      background: linear-gradient(140deg, #e7f1f5, #f9fbfa);
      box-shadow: 0 24px 60px rgba(59, 95, 117, .1);
    }
    .view[data-view="inicio"] .feature-visual::before {
      content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      right: -110px;
      top: -100px;
      border-radius: 50%;
      background: rgba(255,255,255,.5);
    }
    .view[data-view="inicio"] .mock-window,
    .view[data-view="inicio"] .audio-card,
    .view[data-view="inicio"] .quiz-card,
    .view[data-view="inicio"] .mini-quiz-card,
    .view[data-view="inicio"] .dashboard-card,
    .view[data-view="inicio"] .exam-card,
    .view[data-view="inicio"] .summary-card,
    .view[data-view="inicio"] .ai-card {
      position: absolute;
      z-index: 1;
      inset: 52px;
      border: 1px solid rgba(147, 173, 189, .32);
      border-radius: 20px;
      background: rgba(255,255,255,.88);
      box-shadow: 0 18px 38px rgba(53, 88, 108, .12);
    }
    .view[data-view="inicio"] .mock-window__top {
      display: flex;
      align-items: center;
      gap: 6px;
      min-height: 38px;
      padding: 0 15px;
      border-bottom: 1px solid #e6eef1;
      color: #91a1aa;
      font-size: 10px;
    }
    .mock-window__top i { width: 7px; height: 7px; border-radius: 50%; background: #df8f7b; }
    .mock-window__top i:nth-child(2) { background: #e3c27f; }
    .mock-window__top i:nth-child(3) { background: #86b69e; }
    .mock-window__top span { margin-left: 8px; }
    .view[data-view="inicio"] .mock-window__body { display: grid; grid-template-columns: 35% 65%; height: calc(100% - 38px); }
    .mock-window__body aside { padding: 20px 15px; background: #f4f8f8; }
    .mock-window__body aside b { display: block; margin-bottom: 18px; color: #8ca2ad; font-size: 9px; letter-spacing: .14em; }
    .mock-window__body aside span { display: block; padding: 10px 9px; color: #7b919d; font-size: 11px; line-height: 1.3; }
    .mock-window__body aside span.is-active { border-radius: 9px; color: #2c718f; background: #dcecf0; font-weight: 700; }
    .mock-window__body main { padding: 34px 28px; }
    .mock-window__body main small, .audio-card small, .quiz-card small, .dashboard-card small, .exam-card small, .summary-card small { color: #82a5b7; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
    .mock-window__body main h4, .audio-card h4, .quiz-card h4, .dashboard-card h4, .summary-card h4 { margin: 12px 0 20px; color: #2c4352; font-size: 24px; line-height: 1.05; }
    .mock-lines { display: grid; gap: 9px; margin: 22px 0; }
    .mock-lines i { display: block; width: 92%; height: 8px; border-radius: 9px; background: #dce7eb; }
    .mock-lines i:nth-child(2) { width: 74%; }
    .mock-lines i:nth-child(3) { width: 84%; }
    .mock-lines.short { margin-top: 12px; }
    .mock-highlight { padding: 15px; border-left: 3px solid #79aabf; border-radius: 8px; color: #668290; background: #edf5f4; font-size: 11px; }
    .audio-card, .quiz-card, .dashboard-card, .exam-card, .summary-card { padding: 40px; }
    .audio-card { inset: 76px 62px; display: flex; flex-direction: column; justify-content: center; background: #2f637a; color: #fff; }
    .audio-card small { color: #b9d7dc; }
    .audio-card h4 { color: #fff; font-size: clamp(26px, 3vw, 42px); }
    .audio-card p { color: #c5dde1; font-size: 13px; }
    .audio-card__player { display: flex; align-items: center; gap: 15px; margin: 25px 0 8px; }
    @keyframes audioPlayPulse { 0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 rgba(47, 126, 145, .34), 0 0 0 rgba(47, 126, 145, 0); } 50% { opacity: .62; transform: scale(1.14); box-shadow: 0 0 0 10px rgba(47, 126, 145, 0), 0 0 24px rgba(47, 126, 145, .42); } }
    .audio-card__play { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; padding: 0 0 0 2px; border: 0; border-radius: 50%; color: #fff; background: #2f7e91; font-size: 14px; cursor: pointer; transition: transform .2s ease, background-color .2s ease; animation: audioPlayPulse 1.25s ease-in-out infinite; }
    .audio-card__play:hover, .audio-card__play:focus-visible { transform: scale(1.08); background: #246b7d; outline: none; }
    .audio-card__play.is-playing { padding-left: 0; animation: none; }
    @media (prefers-reduced-motion: reduce) { .audio-card__play { animation: none; } }
    .audio-card__track { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; }
    .audio-card__track-wrap { min-width: 0; flex: 1; }
    .audio-card__player > span { color: #c5dde1; font-size: 11px; white-space: nowrap; }
    .audio-card__current { min-width: 34px; text-align: right; }
    .wave { display: flex; align-items: center; gap: 3px; height: 34px; pointer-events: none; }
    .wave i { width: 4px; height: 12px; border-radius: 5px; background: #b9d7dc; }
    .wave i:nth-child(2n) { height: 24px; }.wave i:nth-child(3n) { height: 17px; }.wave i:nth-child(5n) { height: 30px; }
    .audio-card__range { display: block; width: 100%; height: 4px; margin-top: 7px; accent-color: #d8f1f1; cursor: pointer; }
    .audio-card__range::-webkit-slider-runnable-track { height: 4px; border-radius: 99px; background: rgba(216,241,241,.38); }
    .audio-card__range::-webkit-slider-thumb { width: 12px; height: 12px; margin-top: -4px; border: 0; border-radius: 50%; background: #fff; appearance: none; }
    .audio-card__range::-moz-range-track { height: 4px; border-radius: 99px; background: rgba(216,241,241,.38); }
    .audio-card__range::-moz-range-progress { height: 4px; border-radius: 99px; background: #d8f1f1; }
    .audio-card__range::-moz-range-thumb { width: 12px; height: 12px; border: 0; border-radius: 50%; background: #fff; }
    .quiz-card > div:first-child, .dashboard-card__head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
    .quiz-card > div:first-child b { color: #5c91ad; font-size: 12px; }
    .quiz-card h4 { max-width: 430px; font-size: clamp(21px, 2.3vw, 31px); }
    .quiz-option { display: block; margin: 10px 0; padding: 13px 15px; border: 1px solid #d9e7ea; border-radius: 10px; color: #607988; background: #fbfdfd; font-size: 12px; }
    .quiz-option:first-of-type { border-color: #81b7c2; color: #2f7180; background: #e9f4f3; }
    .video-class-card { inset: 52px 62px; padding: 30px; background: #f5f8f7; color: #29424f; }
    .video-class-card__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 17px; }
    .video-class-card__top small { color: #6b9bad; }
    .video-class-card__top b { color: #df896f; font-size: 11px; font-weight: 800; }
    .video-class-frame { position: relative; overflow: hidden; border-radius: 14px; background: #254e5c; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
    .video-class-player { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #254e5c; }
    .video-class-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; color: #718993; font-size: 11px; }
    .video-class-card__footer strong { color: #2d6c7d; }
    .mini-quiz-card { inset: 28px 34px !important; overflow: auto; padding: 25px 28px; color: #17243b; background: rgba(255,255,255,.94); }
    .mini-quiz-card__eyebrow { display: block; margin-bottom: 12px; color: #294796; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
    .mini-quiz-card h4 { margin: 0 0 15px; color: #071126; font-size: clamp(19px, 2.2vw, 29px); line-height: 1.08; letter-spacing: -.035em; }
    .mini-quiz-card__progress { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; color: #61718a; font-size: 11px; font-weight: 800; }
    .mini-quiz-card__progress i { display: block; height: 5px; flex: 1; overflow: hidden; border-radius: 99px; background: #e3e6eb; }
    .mini-quiz-card__progress i::before { content: ''; display: block; width: 20%; height: 100%; border-radius: inherit; background: #294796; }
    .mini-quiz-card__question { margin: 0 0 14px; color: #1b2941; font-size: 14px; font-weight: 750; line-height: 1.3; }
    .mini-quiz-card__options { display: grid; gap: 7px; }
    .mini-quiz-card__option { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 11px; border: 1px solid #e0e4ea; border-radius: 12px; color: #34425a; background: #fff; font: inherit; font-size: 12px; text-align: left; cursor: pointer; transition: border-color .2s ease, background-color .2s ease, color .2s ease; }
    .mini-quiz-card__option:hover, .mini-quiz-card__option:focus-visible { border-color: #294796; outline: none; }
    .mini-quiz-card__option b { display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center; border-radius: 50%; color: #68758b; background: #eef1f6; font-size: 11px; }
    .mini-quiz-card__option.is-wrong { border-color: #ffb8b8; color: #8f2225; background: #fff3f3; font-weight: 750; }
    .mini-quiz-card__option.is-wrong b { color: #fff; background: #e5222a; }
    .mini-quiz-card__option.is-correct { border-color: #a8ddc8; color: #086243; background: #edfff7; font-weight: 750; }
    .mini-quiz-card__option.is-correct b { color: #fff; background: #0b9565; }
    .mini-quiz-card__feedback { margin-top: 13px; padding: 13px 14px; border-left: 4px solid #e5222a; border-radius: 0 14px 14px 0; color: #3c4b63; background: #fff6f6; font-size: 11px; line-height: 1.45; }
    .mini-quiz-card__feedback.is-correct { border-left-color: #0b9565; background: #effff8; }
    .mini-quiz-card__feedback strong { display: block; margin-bottom: 5px; color: #a32125; font-size: 12px; }
    .mini-quiz-card__feedback.is-correct strong { color: #086243; }
    .mini-quiz-card__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
    .mini-quiz-card__actions button { padding: 9px 13px; border: 1px solid #d2dbea; border-radius: 99px; color: #294796; background: #fff; font: inherit; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
    .mini-quiz-card__actions button:disabled { cursor: default; opacity: 1; }
    .mini-quiz-card__actions button:last-child { color: #fff; background: #294796; border-color: #294796; }
    .quiz-progress, .dashboard-bar { height: 6px; margin-top: 24px; overflow: hidden; border-radius: 9px; background: #e7eff0; }
    .quiz-progress i, .dashboard-bar i { display: block; width: 60%; height: 100%; border-radius: inherit; background: #7eaebe; }
    .dashboard-card__head h4 { margin-bottom: 0; }
    .dashboard-card__head > b { color: #5d9aaf; font-size: 32px; }
    .dashboard-bar i { width: 68%; }
    .dashboard-row { display: flex; justify-content: space-between; gap: 12px; padding: 18px 0; border-bottom: 1px solid #e7eef0; color: #718793; font-size: 12px; }
    .dashboard-row b { color: #3f6e80; }
    .exam-card { inset: 62px 88px; text-align: center; }
    .exam-score { margin: 22px 0 3px; color: #4e9a9a; }.exam-score strong { font-size: 92px; letter-spacing: -.08em; }.exam-score span { color: #9aaeb3; font-size: 18px; }
    .exam-card h4 { margin: 10px auto 24px; max-width: 260px; color: #55717c; font-size: 16px; line-height: 1.3; }
    .exam-tags { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }.exam-tags span { padding: 8px 10px; border-radius: 999px; color: #6a8991; background: #edf5f4; font-size: 10px; }.exam-button { margin-top: 25px; padding: 12px; border-radius: 10px; color: #fff; background: #6da6a3; font-size: 12px; }
    .pdf-stack { position: absolute; inset: 0; display: grid; place-items: center; z-index: 1; }
    .pdf-page { position: absolute; width: min(72%, 300px); height: 82%; object-fit: cover; border-radius: 6px; background: #fff; box-shadow: 0 22px 35px rgba(72, 92, 100, .18); }
    .pdf-page--back { transform: translate(-26px, 15px) rotate(-7deg); filter: saturate(.88); opacity: .86; }
    .pdf-page--front { transform: translate(18px, -4px) rotate(3deg); }
    .pdf-sheet { position: relative; width: 210px; height: 280px; padding: 29px; border-radius: 7px; color: #fff; background: #df896f; box-shadow: 0 22px 35px rgba(72, 92, 100, .18); transform: rotate(4deg); }.pdf-sheet--back { position: absolute; background: #79a3b9; transform: translate(-25px, 14px) rotate(-9deg); }.pdf-sheet b { display: inline-block; margin-bottom: 42px; padding: 8px 9px; border-radius: 6px; background: rgba(255,255,255,.2); font-size: 12px; }.pdf-sheet h4 { margin: 0 0 4px; font-size: 25px; line-height: 1; }.pdf-sheet span { color: rgba(255,255,255,.78); font-size: 12px; }.pdf-sheet i { display: block; width: 90%; height: 6px; margin-top: 18px; border-radius: 8px; background: rgba(255,255,255,.38); }.pdf-sheet i:nth-of-type(2) { width: 72%; }.pdf-sheet i:nth-of-type(3) { width: 83%; }.pdf-sheet em { display: block; margin-top: 30px; color: rgba(255,255,255,.85); font-size: 10px; font-style: normal; }
    .summary-card h4 { margin-bottom: 17px; }.summary-card > div { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid #e8eff0; color: #66808c; font-size: 12px; }.summary-card > div b { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; color: #fff; background: #8bb5c0; font-size: 10px; }
    .ai-card { inset: 48px; padding: 0; overflow: hidden; }.ai-card__head { display: flex; align-items: center; gap: 9px; padding: 18px 20px; border-bottom: 1px solid #e4edef; color: #416577; font-size: 12px; }.ai-card__head b { color: #e28b70; font-size: 20px; }.ai-card__head i { margin-left: auto; color: #a4b5ba; font-style: normal; }.ai-message { max-width: 82%; margin: 22px 20px; padding: 13px 15px; border-radius: 14px; color: #637c87; font-size: 12px; line-height: 1.45; }.ai-message--user { margin-left: auto; color: #fff; background: #6e9fb2; }.ai-message--answer { background: #edf5f3; }.ai-input { position: absolute; right: 16px; bottom: 16px; left: 16px; display: flex; justify-content: space-between; padding: 13px 15px; border: 1px solid #dbe7e9; border-radius: 10px; color: #9aabb1; font-size: 11px; }.ai-input b { color: #5e9ba2; font-size: 17px; }
    @media (max-width: 900px) {
      .view[data-view="inicio"] .feature-row,
      .view[data-view="inicio"] .feature-row:nth-child(even) { grid-template-columns: 1fr; min-height: auto; gap: 34px; padding: 62px 0; }
      .view[data-view="inicio"] .feature-row:nth-child(even) .feature-copy,
      .view[data-view="inicio"] .feature-row:nth-child(even) .feature-visual { order: initial; }
      .view[data-view="inicio"] .feature-copy h3 { max-width: 600px; }
      .view[data-view="inicio"] .feature-copy p { max-width: 600px; }
    }
    @media (max-width: 560px) {
      .view[data-view="inicio"] .feature-visual { min-height: 340px; border-radius: 22px; }
      .view[data-view="inicio"] .mock-window,
      .view[data-view="inicio"] .audio-card,
      .view[data-view="inicio"] .quiz-card,
      .view[data-view="inicio"] .mini-quiz-card,
      .view[data-view="inicio"] .dashboard-card,
      .view[data-view="inicio"] .exam-card,
      .view[data-view="inicio"] .summary-card,
      .view[data-view="inicio"] .ai-card { inset: 28px; padding: 24px; }
      .view[data-view="inicio"] .mock-window__body main { padding: 20px 14px; }
      .view[data-view="inicio"] .mock-window__body aside { padding: 15px 9px; }
      .view[data-view="inicio"] .mock-window__body aside span { font-size: 9px; }
      .view[data-view="inicio"] .mock-window__body main h4 { font-size: 18px; }
      .view[data-view="inicio"] .audio-card { inset: 45px 26px; }
      .view[data-view="inicio"] .exam-card { inset: 38px 42px; }
    }
  

/* Source style 39 */

    /* Portada Examen Elite · transición nocturna desde la ruta — laboratorio aislado */
    .view[data-view="inicio"] .section.alt {
      color: #f5f2ea;
      background: #090a0b;
    }
    .view[data-view="inicio"] .section.alt .eyebrow,
    .view[data-view="inicio"] .section.alt .feature-copy > span {
      color: #e2977d;
    }
    .view[data-view="inicio"] .section.alt .section-head h2,
    .view[data-view="inicio"] .section.alt .feature-copy h3 {
      color: #f6f2e9;
    }
    .view[data-view="inicio"] .section.alt .section-head p,
    .view[data-view="inicio"] .section.alt .feature-copy p {
      color: #b7b7b1;
    }
    .view[data-view="inicio"] .section.alt .feature-row {
      border-top-color: rgba(255,255,255,.13);
    }
    .view[data-view="inicio"] .section.alt + .cta {
      color: #f5f2ea;
      background: #090a0b;
      border-top: 1px solid rgba(255,255,255,.13);
    }
    .view[data-view="inicio"] .section.alt + .cta h2 { color: #f6f2e9; }
    .view[data-view="inicio"] .section.alt + .cta p { color: #b7b7b1; }
    .view[data-view="inicio"] .section.alt + .cta .btn-secondary {
      color: #f5f2ea;
      border-color: rgba(255,255,255,.38);
      background: transparent;
    }
    .view[data-view="inicio"] ~ .site-footer,
    .site-footer {
      color: #e8e6df;
      background: #090a0b;
      border-top-color: rgba(255,255,255,.13);
    }
    .site-footer small,
    .site-footer button { color: #a7aaa7; }
    .site-footer { font-size: 13px; }
    .site-footer strong { font-size: 14px; }
    .site-footer small,
    .site-footer button { font-size: 12px; }
  

/* Source style 40 */

    /* Portada Examen Elite · cambio gradual claro a nocturno — laboratorio aislado */
    .view[data-view="inicio"] { --night-transition: 2.6s; }
    .view[data-view="inicio"] .section.alt,
    .view[data-view="inicio"] .section.alt + .cta {
      transition: background-color var(--night-transition) linear, color var(--night-transition) linear, border-color var(--night-transition) linear;
    }
    .view[data-view="inicio"] .section.alt .section-head h2,
    .view[data-view="inicio"] .section.alt .feature-copy h3,
    .view[data-view="inicio"] .section.alt .section-head p,
    .view[data-view="inicio"] .section.alt .feature-copy p,
    .view[data-view="inicio"] .section.alt .feature-copy > span,
    .view[data-view="inicio"] .section.alt .feature-row {
      transition: color var(--night-transition) linear, border-color var(--night-transition) linear;
    }
    .view[data-view="inicio"] .section.alt:not(.is-night) {
      color: #263b4d !important;
      background: #fbfcfa !important;
    }
    .view[data-view="inicio"] .section.alt:not(.is-night) .section-head h2,
    .view[data-view="inicio"] .section.alt:not(.is-night) .feature-copy h3 {
      color: #263b4d !important;
    }
    .view[data-view="inicio"] .section.alt:not(.is-night) .section-head p,
    .view[data-view="inicio"] .section.alt:not(.is-night) .feature-copy p {
      color: #718596 !important;
    }
    .view[data-view="inicio"] .section.alt:not(.is-night) .eyebrow,
    .view[data-view="inicio"] .section.alt:not(.is-night) .feature-copy > span {
      color: #6e9bc3 !important;
    }
    .view[data-view="inicio"] .section.alt:not(.is-night) .feature-row {
      border-top-color: rgba(168, 190, 204, .38) !important;
    }
    .view[data-view="inicio"] .section.alt:not(.is-night) + .cta {
      color: #31475b !important;
      background: #eef5f3 !important;
      border-top-color: transparent !important;
    }
    .view[data-view="inicio"] .section.alt:not(.is-night) + .cta h2 { color: #31475b !important; }
    .view[data-view="inicio"] .section.alt:not(.is-night) + .cta p { color: #6c7b88 !important; }
  

/* Source style 41 */

    /* Portada Examen Elite · separadores degradados — laboratorio aislado */
    .view[data-view="inicio"] .feature-row {
      position: relative;
      border-top: 0 !important;
    }
    .view[data-view="inicio"] .feature-row::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, rgba(168,190,204,.08) 10%, rgba(168,190,204,.45) 50%, rgba(168,190,204,.08) 90%, transparent 100%);
    }
    .view[data-view="inicio"] .section.alt.is-night .feature-row::before {
      background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.06) 10%, rgba(255,255,255,.22) 50%, rgba(255,255,255,.06) 90%, transparent 100%);
    }
  

/* Source style 42 */

    /* Portada Examen Elite · transición degradada entre zonas — laboratorio aislado */
    .view[data-view="inicio"] .section.alt {
      position: relative;
      z-index: 0;
    }
    .view[data-view="inicio"] .section.alt::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -1400px;
      right: 0;
      left: 0;
      height: 1400px;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(9,10,11,0) 0%, rgba(9,10,11,.12) 35%, rgba(9,10,11,.52) 72%, #090a0b 100%);
      opacity: 0;
      transition: opacity var(--night-transition) linear;
    }
    .view[data-view="inicio"] .section.alt.is-night::before {
      opacity: 1;
    }
    .view[data-view="inicio"] .section.alt > * {
      position: relative;
      z-index: 1;
    }
  

/* Source style 43 */

    /* Portada Examen Elite · degradado detrás de las tarjetas — laboratorio aislado */
    .view[data-view="inicio"] .section.alt::before {
      display: none;
    }
    .view[data-view="inicio"] .course-strip {
      position: relative;
      z-index: 1;
      isolation: isolate;
      overflow: visible;
      background: #fffdf8;
      transition: background-color var(--night-transition) linear;
    }
    .view[data-view="inicio"] .course-strip::before {
      content: "";
      position: absolute;
      z-index: 0;
      top: -1100px;
      right: 0;
      bottom: 0;
      left: 0;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(9,10,11,0) 0%, rgba(9,10,11,.025) 36%, rgba(9,10,11,.12) 66%, rgba(9,10,11,.52) 90%, #090a0b 100%);
      opacity: 0;
      transition: opacity var(--night-transition) linear;
    }
    .view[data-view="inicio"] .course-strip.is-night::before {
      opacity: 1;
    }
    .view[data-view="inicio"] .course-strip > * {
      position: relative;
      z-index: 1;
    }
  

/* Source style 44 */

    /* Portada Examen Elite · fundido más profundo hacia la sección nocturna */
    .view[data-view="inicio"] .section.alt {
      z-index: 2;
      isolation: isolate;
    }
    .view[data-view="inicio"] .section.alt::before {
      content: "";
      display: block !important;
      position: absolute;
      z-index: 0;
      top: -440px;
      right: 0;
      left: 0;
      height: 440px;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(9,10,11,0) 0%, rgba(9,10,11,.08) 28%, rgba(9,10,11,.34) 61%, #090a0b 100%);
      opacity: 0;
      transition: opacity var(--night-transition) linear;
    }
    .view[data-view="inicio"] .section.alt.is-night::before {
      opacity: 1;
    }
  

/* Source style 45 */

    /* Portada Examen Elite · escala compacta desde la ruta — laboratorio aislado */
    .view[data-view="inicio"] .section.alt {
      padding-block: 70px;
    }
    .view[data-view="inicio"] .section.alt .section-head {
      margin-bottom: 26px;
    }
    .view[data-view="inicio"] .section.alt .section-head h2 {
      max-width: 720px;
      font-size: clamp(34px, 4.3vw, 58px);
    }
    .view[data-view="inicio"] .section.alt .section-head p {
      max-width: 560px;
      font-size: 16px;
      line-height: 1.55;
    }
    .view[data-view="inicio"] .feature-row {
      min-height: 450px;
      padding: 54px 0;
      gap: clamp(34px, 6vw, 86px);
    }
    .view[data-view="inicio"] .feature-copy h3 {
      max-width: 360px;
      font-size: clamp(30px, 3.3vw, 46px);
    }
    .view[data-view="inicio"] .feature-copy p {
      max-width: 360px;
      font-size: 16px;
    }
    .view[data-view="inicio"] .feature-visual {
      min-height: 350px;
      border-radius: 26px;
    }
    .view[data-view="inicio"] .section.alt + .cta {
      padding-block: 54px;
    }
    @media (max-width: 900px) {
      .view[data-view="inicio"] .feature-row,
      .view[data-view="inicio"] .feature-row:nth-child(even) {
        min-height: auto;
        padding: 48px 0;
      }
    }
  

/* Source style 46 */

    /* Portada Examen Elite · vista ampliada de contenido — laboratorio aislado */
    .view[data-view="inicio"] .feature-row--clickable {
      cursor: zoom-in;
    }
    .view[data-view="inicio"] .feature-showcase .feature-copy > span {
      display: none;
    }
    .view[data-view="inicio"] .feature-row--clickable .feature-visual {
      transition: transform .35s ease, box-shadow .35s ease;
    }
    .view[data-view="inicio"] .feature-row--clickable:hover .feature-visual,
    .view[data-view="inicio"] .feature-row--clickable:focus-visible .feature-visual {
      transform: scale(1.025);
      box-shadow: 0 28px 70px rgba(59, 95, 117, .2);
    }
    .view[data-view="inicio"] .feature-copy__action {
      display: inline-block;
      margin-top: 24px;
      color: #6e9bc3;
      font-size: 13px;
      font-weight: 750;
    }
    .feature-modal[hidden] { display: none; }
    .feature-modal {
      position: fixed;
      z-index: 500;
      inset: 0;
      display: grid;
      place-items: center;
      padding: 28px;
    }
    .feature-modal__backdrop {
      position: absolute;
      inset: 0;
      background: rgba(8, 12, 16, .72);
      backdrop-filter: blur(10px);
    }
    .feature-modal__dialog {
      position: relative;
      z-index: 1;
      width: min(1080px, 100%);
      max-height: min(820px, calc(100vh - 56px));
      overflow: auto;
      padding: 28px;
      border: 1px solid rgba(255,255,255,.24);
      border-radius: 28px;
      background: #f8f6ef;
      box-shadow: 0 34px 100px rgba(0,0,0,.38);
    }
    .feature-modal__close {
      position: absolute;
      z-index: 2;
      top: 18px;
      right: 20px;
      width: 38px;
      height: 38px;
      border: 0;
      border-radius: 50%;
      color: #304354;
      background: #fff;
      font-size: 27px;
      line-height: 1;
      cursor: pointer;
    }
    .feature-modal__meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 22px; padding-right: 58px; color: #6e9bc3; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .feature-modal__meta b { color: #df896f; }
    .feature-modal__content { display: grid; grid-template-columns: 220px 1fr; min-height: 520px; overflow: hidden; border: 1px solid #dce5e7; border-radius: 18px; background: #fff; }
    .feature-modal__sidebar { display: flex; flex-direction: column; gap: 8px; padding: 25px 16px; background: #edf4f4; }
    .feature-modal__sidebar small { margin-bottom: 7px; color: #7c9aa4; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
    .feature-modal__sidebar strong { margin-bottom: 15px; color: #2d4b5b; font-size: 18px; }
    .feature-modal__sidebar span { padding: 11px 10px; border-radius: 9px; color: #718893; font-size: 12px; }
    .feature-modal__sidebar span.is-active { color: #2f7180; background: #d7ebeb; font-weight: 750; }
    .feature-modal__sheet { padding: 38px clamp(28px, 5vw, 70px); color: #536b76; }
    .feature-modal__sheet-head { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid #e5ecec; color: #4f94a2; font-size: 11px; font-weight: 850; letter-spacing: .12em; }
    .feature-modal__sheet-head small { color: #99a9ad; font-size: 10px; font-weight: 650; letter-spacing: .02em; }
    .feature-modal__sheet-label { margin-top: 38px; color: #df896f; font-size: 12px; font-weight: 850; letter-spacing: .16em; }
    .feature-modal__sheet h2 { margin: 12px 0 18px; color: #253f4f; font-size: clamp(32px, 4vw, 54px); letter-spacing: -.045em; }
    .feature-modal__intro { max-width: 720px; color: #70838a; font-size: 16px; line-height: 1.65; }
    .feature-modal__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 34px; padding-top: 26px; border-top: 1px solid #e5ecec; }
    .feature-modal__columns h3 { margin: 0 0 14px; color: #2d4b5b; font-size: 18px; }
    .feature-modal__columns p { color: #6e8188; font-size: 13px; line-height: 1.55; }
    .feature-modal__callout { padding: 18px; border-left: 3px solid #df896f; border-radius: 9px; color: #5c737b; background: #fff4ed; font-size: 13px; line-height: 1.55; }
    .feature-modal__lines { display: grid; gap: 8px; margin-top: 23px; }.feature-modal__lines i { display: block; width: 88%; height: 6px; border-radius: 9px; background: #dce8e9; }.feature-modal__lines i:nth-child(2) { width: 71%; }.feature-modal__lines i:nth-child(3) { width: 80%; }
    .feature-modal__footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 38px; padding-top: 17px; border-top: 1px solid #e5ecec; color: #a0afb2; font-size: 10px; }
    @media (max-width: 700px) {
      .feature-modal { padding: 12px; }
      .feature-modal__dialog { padding: 17px; border-radius: 20px; }
      .feature-modal__content { grid-template-columns: 1fr; }
      .feature-modal__sidebar { display: none; }
      .feature-modal__sheet { padding: 28px 20px; }
      .feature-modal__columns { grid-template-columns: 1fr; gap: 12px; }
      .feature-modal__footer { flex-direction: column; gap: 8px; }
    }
    .feature-modal__content--real {
      display: block;
      height: min(760px, calc(100vh - 150px));
      min-height: 0;
      overflow: hidden;
      background: #f7f9fc;
    }
    .feature-course-frame {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      background: #f7f9fc;
    }
    .feature-modal__dialog:has(.feature-modal__content--real) {
      padding: 0;
      overflow: hidden;
      background: transparent;
      border: 0;
    }
    .feature-modal__dialog:has(.feature-modal__content--real) .feature-modal__meta {
      display: none;
    }
    .feature-modal__dialog:has(.feature-modal__content--real) .feature-modal__content--real {
      border: 0;
      border-radius: 22px;
    }
    @media (max-width: 700px) {
      .feature-modal__content--real { height: calc(100vh - 130px); }
    }
    .pdf-preview-modal__dialog {
      width: min(920px, 100%);
      height: min(900px, calc(100vh - 40px));
      max-height: calc(100vh - 40px);
      padding: 0;
      overflow: hidden;
      background: #f7f8fb;
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
    }
    .pdf-preview-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 72px 18px 26px; color: #294796; background: #fff; }
    .pdf-preview-modal__head span { font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
    .pdf-preview-modal__head b { color: #df896f; font-size: 13px; }
    .pdf-preview-modal__viewer { display: grid; min-height: 0; place-items: center; padding: 24px; overflow: auto; background: #e9edf3; }
    .pdf-preview-modal__viewer img { display: block; width: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 4px; box-shadow: 0 18px 45px rgba(22, 34, 53, .22); }
    .pdf-preview-modal__controls { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 24px; background: #fff; }
    .pdf-preview-modal__controls button { min-width: 120px; padding: 10px 16px; border: 1px solid #d2dbea; border-radius: 99px; color: #294796; background: #fff; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer; }
    .pdf-preview-modal__controls button:last-child { color: #fff; background: #294796; border-color: #294796; }
    .pdf-preview-modal__controls button:disabled { cursor: default; opacity: .38; }
    .pdf-preview-modal__controls span { color: #68758b; font-size: 12px; font-weight: 800; }
    @media (max-width: 700px) {
      .pdf-preview-modal__dialog { height: calc(100vh - 24px); max-height: calc(100vh - 24px); }
      .pdf-preview-modal__head { padding: 17px 58px 14px 17px; }
      .pdf-preview-modal__viewer { padding: 12px; }
      .pdf-preview-modal__controls { padding: 13px 14px; }
      .pdf-preview-modal__controls button { min-width: 0; padding: 9px 12px; }
    }
    /* Sección final · cuatro ejes de estudio y hélice animada */
    .study-map { position: relative; z-index: 0; padding: 92px 0 105px; color: #f8f7f2; background: #090a0b; transition: background-color 2.6s ease, color 2.6s ease; }
    .study-map.is-yellow { background: #f5b400; color: #202126; }
    .study-map__inner { width: min(1440px, calc(100% - 64px)); margin: 0 auto; }
    .study-map__intro { display: flex; justify-content: center; margin-bottom: 72px; }
    .study-map__intro span { display: inline-flex; align-items: center; min-height: 54px; padding: 0 35px; border-radius: 16px; color: #f8f7f2; background: #232326; box-shadow: 0 10px 20px rgba(37, 29, 4, .12); font-size: clamp(15px, 1.5vw, 22px); font-weight: 700; transition: color 2.6s ease, background-color 2.6s ease; }
    .study-map.is-yellow .study-map__intro span { color: #202126; background: #f7f6f3; }
    .study-map__panel { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 18px; min-height: 650px; padding: 34px; overflow: hidden; border-radius: 30px; background: #09090b; box-shadow: 0 25px 55px rgba(42, 31, 3, .22); }
    .study-map__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .study-map__card { display: flex; flex-direction: column; justify-content: flex-end; min-height: 290px; padding: 31px; border-radius: 15px; color: #f8f7f2; background: #232326; transition: transform .35s ease, background-color .35s ease; }
    .study-map__card:nth-child(2) { background: #19191c; }
    .study-map__card:nth-child(3) { background: #1e1e21; }
    .study-map__card:nth-child(4) { background: #161619; }
    .study-map__card:hover { transform: translateY(-5px); background: #2b2b30; }
    .study-map__icon { display: grid; place-items: center; align-self: flex-start; width: 54px; height: 54px; margin-bottom: auto; color: #fff; font-size: 42px; line-height: 1; }
    .study-map__card h3 { margin: 0 0 12px; color: #fff; font-size: clamp(23px, 2vw, 32px); letter-spacing: -.04em; }
    .study-map__card p { max-width: 330px; margin: 0; color: #a5a5ad; font-size: 16px; line-height: 1.48; }
    .study-map__art { position: relative; min-height: 100%; overflow: hidden; border-radius: 15px; background: linear-gradient(165deg, #273e93 0%, #655889 35%, #df826c 63%, #ff5723 100%); isolation: isolate; }
    .study-map__art::before, .study-map__art::after { content: ""; position: absolute; border: 28px solid rgba(255, 219, 194, .2); border-radius: 50%; transform: rotate(-23deg); pointer-events: none; }
    .study-map__art::before { width: 115%; height: 65%; top: 3%; left: 15%; }
    .study-map__art::after { width: 85%; height: 48%; right: -24%; bottom: -6%; border-width: 20px; opacity: .75; }
    .study-map__sun { position: absolute; top: 29%; left: 34%; width: 28px; height: 28px; border-radius: 50%; background: #fff7df; box-shadow: 0 0 0 14px rgba(255, 247, 223, .09); }
    .study-map__land { position: absolute; right: -8%; bottom: -7%; left: -8%; height: 29%; background: linear-gradient(164deg, #f86d42 0 22%, #cb2636 23% 56%, #762d43 57% 100%); clip-path: polygon(0 39%, 18% 49%, 39% 31%, 58% 51%, 74% 27%, 100% 8%, 100% 100%, 0 100%); }
    .study-map__turbine { position: absolute; z-index: 2; right: 15%; bottom: 14%; width: 58%; height: 84%; overflow: visible; }
    .study-map__turbine--small { right: 2%; bottom: 12%; width: 22%; height: 47%; opacity: .9; }
    .study-map__tower { fill: #fff5eb; }
    .study-map__tower-shadow { fill: #9b223d; opacity: .82; }
    .study-map__rotor-frame { transform: translate(210px, 302px); }
    .study-map__rotor-spin { transform-origin: 0 0; }
    .study-map__blade { fill: #fff3e9; }
    .study-map__hub { fill: #fff8ee; }
    @media (prefers-reduced-motion: reduce) { .study-map__rotor-spin > animateTransform { display: none; } }
    @media (max-width: 900px) {
      .study-map__panel { grid-template-columns: 1fr; }
      .study-map__art { min-height: 510px; }
    }
    @media (max-width: 620px) {
      .study-map { padding: 64px 0 72px; }
      .study-map__inner { width: min(100% - 28px, 520px); }
      .study-map__intro { margin-bottom: 32px; }
      .study-map__intro span { padding: 0 20px; text-align: center; }
      .study-map__panel { gap: 12px; padding: 12px; border-radius: 22px; }
      .study-map__cards { grid-template-columns: 1fr; }
      .study-map__card { min-height: 220px; padding: 24px; }
      .study-map__card p { font-size: 14px; }
    .study-map__art { min-height: 380px; }
    }
    /* Portada Examen Elite · acciones principales más visibles */
    .view[data-view="inicio"] .hero-actions .btn {
      min-height: 56px;
      padding: 14px 26px;
      border-radius: 999px;
      font-size: 16px;
      letter-spacing: -.01em;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
    }
    .view[data-view="inicio"] .hero-actions .btn-primary {
      color: #fff;
      border: 1px solid rgba(25, 112, 153, .3);
      background: linear-gradient(135deg, #16799f, #286aa7);
      box-shadow: 0 12px 26px rgba(31, 112, 157, .26);
    }
    .view[data-view="inicio"] .hero-actions .btn-secondary {
      color: #2f5168;
      border: 1px solid #9bb6ca;
      background: rgba(255,255,255,.82);
      box-shadow: 0 8px 20px rgba(54, 91, 116, .1);
    }
    .view[data-view="inicio"] .hero-actions .btn:hover,
    .view[data-view="inicio"] .hero-actions .btn:focus-visible {
      transform: translateY(-3px) scale(1.03);
      outline: none;
    }
    .view[data-view="inicio"] .hero-actions .btn-primary:hover,
    .view[data-view="inicio"] .hero-actions .btn-primary:focus-visible {
      background: linear-gradient(135deg, #1689ad, #347abd);
      box-shadow: 0 16px 30px rgba(31, 112, 157, .34);
    }
    .view[data-view="inicio"] .hero-actions .btn-secondary:hover,
    .view[data-view="inicio"] .hero-actions .btn-secondary:focus-visible {
      border-color: #4d8eae;
      background: #fff;
      box-shadow: 0 14px 26px rgba(54, 91, 116, .17);
    }
    /* Portada Examen Elite · video más compacto */
    .view[data-view="inicio"] .video-class-card {
      inset: 150px 198px;
      padding: 12px;
    }
    .view[data-view="inicio"] .video-class-card__top {
      gap: 10px;
      margin-bottom: 10px;
    }
    .view[data-view="inicio"] .video-class-card__top small,
    .view[data-view="inicio"] .video-class-card__top b {
      font-size: 9px;
    }
    @media (max-width: 900px) {
      .view[data-view="inicio"] .video-class-card {
        inset: 94px 116px;
        padding: 12px;
      }
    }
    @media (max-width: 560px) {
      .view[data-view="inicio"] .video-class-card {
        inset: 46px 32px;
        padding: 10px;
      }
    }
    /* Portada Examen Elite · tarjetas visuales más compactas */
    .view[data-view="inicio"] .mock-window,
    .view[data-view="inicio"] .audio-card,
    .view[data-view="inicio"] .quiz-card,
    .view[data-view="inicio"] .mini-quiz-card,
    .view[data-view="inicio"] .dashboard-card,
    .view[data-view="inicio"] .exam-card,
    .view[data-view="inicio"] .summary-card,
    .view[data-view="inicio"] .ai-card,
    .view[data-view="inicio"] .pdf-stack {
      transform: scale(.82);
      transform-origin: center;
    }
    @media (max-width: 900px) {
      .view[data-view="inicio"] .mock-window,
      .view[data-view="inicio"] .audio-card,
      .view[data-view="inicio"] .quiz-card,
      .view[data-view="inicio"] .mini-quiz-card,
      .view[data-view="inicio"] .dashboard-card,
      .view[data-view="inicio"] .exam-card,
      .view[data-view="inicio"] .summary-card,
      .view[data-view="inicio"] .ai-card,
      .view[data-view="inicio"] .pdf-stack {
        transform: scale(.9);
      }
    }
    /* Portada Examen Elite · jerarquía del mensaje principal */
    .view[data-view="inicio"] .wideeye-intro > span:first-child {
      display: inline-block;
      position: relative;
      top: -14px;
      font-size: .70em;
      letter-spacing: -.075em;
      color: #176d9c;
    }
    .view[data-view="inicio"] .wideeye-intro__rotating {
      font-size: 1.34em;
      line-height: .88;
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .wideeye-intro > span:first-child { top: -8px; font-size: .73em; }
      .view[data-view="inicio"] .wideeye-intro__rotating { font-size: 1.24em; }
    }
    /* Portada Examen Elite · silueta urbana de fondo */
    .view[data-view="inicio"] .hero {
      isolation: isolate;
    }
    .view[data-view="inicio"] .hero-grid {
      z-index: 2;
    }
    .view[data-view="inicio"] .hero-buildings {
      display: block;
      position: absolute;
      z-index: 0;
      right: 0;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden;
      opacity: .45;
      filter: blur(1.2px);
      pointer-events: none;
      mask-image: linear-gradient(to bottom, #000 0%, #000 57%, rgba(0,0,0,.72) 74%, rgba(0,0,0,.2) 91%, transparent 100%);
    }
    .view[data-view="inicio"] .hero-buildings img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 62%;
      mix-blend-mode: multiply;
    }
    .view[data-view="inicio"] .hero-buildings video {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      mix-blend-mode: multiply;
    }
    .view[data-view="inicio"] .hero-buildings img,
    .view[data-view="inicio"] .hero-buildings svg {
      display: none;
    }
    .view[data-view="inicio"] .hero-buildings svg {
      display: none;
    }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .hero-buildings { height: 100%; opacity: .16; }
    }
    /* Portada Examen Elite · círculos decorativos adicionales */
    .view[data-view="inicio"] .intro-art::before,
    .view[data-view="inicio"] .intro-art::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      border: 1px solid rgba(124, 159, 177, .2);
      border-radius: 50%;
      pointer-events: none;
    }
    .view[data-view="inicio"] .intro-art::before {
      width: 72%;
      height: 72%;
      box-shadow: 0 0 0 34px rgba(124, 159, 177, .07), 0 0 0 68px rgba(124, 159, 177, .045);
      transform: translate(-50%, -50%) rotate(8deg);
    }
    .view[data-view="inicio"] .intro-art::after {
      width: 98%;
      height: 98%;
      border-color: rgba(124, 159, 177, .13);
      transform: translate(-50%, -50%) rotate(-9deg);
    }
    .view[data-view="inicio"] .intro-art__halo,
    .view[data-view="inicio"] .intro-art__logo { z-index: 1; }
    .view[data-view="inicio"] .hero-decor {
      position: absolute;
      z-index: 1;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
    }
    .view[data-view="inicio"] .hero-decor span {
      position: absolute;
      display: block;
      border: 2px solid rgba(91, 142, 170, .52);
      border-radius: 50%;
      cursor: default;
      --decor-min-opacity: .48;
      --decor-max-opacity: .82;
      animation: heroDecorFloat 12s ease-in-out infinite alternate, heroDecorBreathe 9s ease-in-out infinite;
    }
    @keyframes heroDecorBreathe {
      0%, 100% { scale: .96; opacity: var(--decor-min-opacity); }
      50% { scale: 1.04; opacity: var(--decor-max-opacity); }
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(1) { --decor-min-opacity: .38; --decor-max-opacity: .68; border-color: rgba(223, 137, 111, .7); background: rgba(223, 137, 111, .2); }
    .view[data-view="inicio"] .hero-decor span:nth-child(2) { --decor-min-opacity: .5; --decor-max-opacity: .82; border-color: rgba(120, 163, 204, .62); }
    .view[data-view="inicio"] .hero-decor span:nth-child(3) { --decor-min-opacity: .42; --decor-max-opacity: .72; background: rgba(223, 137, 111, .32); }
    .view[data-view="inicio"] .hero-decor span:nth-child(4) { --decor-min-opacity: .46; --decor-max-opacity: .76; border-color: rgba(100, 151, 181, .56); }
    .view[data-view="inicio"] .hero-decor span:nth-child(5) { --decor-min-opacity: .52; --decor-max-opacity: .82; background: rgba(120, 163, 204, .38); }
    .view[data-view="inicio"] .hero-decor span:nth-child(6) { --decor-min-opacity: .32; --decor-max-opacity: .58; border-color: rgba(223, 137, 111, .48); }
    .view[data-view="inicio"] .hero-decor span:nth-child(1) {
      top: 13%; left: 5%; width: 54px; height: 54px;
      border-color: rgba(223, 137, 111, .3);
      background: rgba(223, 137, 111, .08);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(2) {
      top: 24%; left: 28%; width: 118px; height: 118px;
      border-width: 2px;
      border-color: rgba(120, 163, 204, .18);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(3) {
      top: 9%; right: 28%; width: 38px; height: 38px;
      border: 0;
      border-radius: 42% 58% 62% 38%;
      background: rgba(223, 137, 111, .16);
      transform: rotate(22deg);
      animation-delay: -3s;
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(4) {
      top: 44%; right: 6%; width: 82px; height: 82px;
      border-color: rgba(100, 151, 181, .15);
      box-shadow: 0 0 0 17px rgba(100, 151, 181, .045);
      animation-delay: -6s;
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(5) {
      bottom: 17%; left: 14%; width: 26px; height: 26px;
      border: 0;
      background: rgba(120, 163, 204, .2);
      animation-delay: -8s;
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(6) {
      bottom: 10%; right: 34%; width: 150px; height: 74px;
      border-color: rgba(223, 137, 111, .12);
      border-radius: 50%;
      transform: rotate(-18deg);
      animation-delay: -10s;
    }
    /* Portada Examen Elite · cursos visibles desde la primera pantalla */
    .view[data-view="inicio"] .course-strip {
      margin-top: 116px;
      z-index: 20;
    }
    .view[data-view="inicio"] .course-strip__hint { display: none; }
    .view[data-view="inicio"] .course-track {
      position: relative;
      z-index: 3;
      margin-top: -64px;
      padding-top: 64px;
    }
    .view[data-view="inicio"] .course-frame__code {
      top: 20px;
      left: 22px;
      font-size: clamp(36px, 5vw, 72px);
    }
    .view[data-view="inicio"] .course-frame {
      position: relative;
      z-index: 1;
      transition: transform 3.2s cubic-bezier(.16, 1, .3, 1), filter 3.2s ease;
    }
.view[data-view="inicio"] .course-frame:hover,
.view[data-view="inicio"] .course-frame:focus-within {
  z-index: 50;
  transform: translateY(-45px);
  filter: brightness(1.035);
  transition-duration: 1.25s;
}
.view[data-view="inicio"] .course-frame__image strong {
  font-size: clamp(34px, 4.6vw, 60px);
  transform: translateY(-14px);
}
.view[data-view="inicio"] .course-frame__code {
  font-size: clamp(42px, 6vw, 82px);
}
@media (max-width: 800px) {
  .view[data-view="inicio"] .course-strip { margin-top: 56px; }
  .view[data-view="inicio"] .course-track {
    margin-top: -58px;
    padding-top: 58px;
  }
  .view[data-view="inicio"] .course-frame__image strong {
    font-size: clamp(30px, 8vw, 52px);
    transform: translateY(-10px);
  }
  .view[data-view="inicio"] .course-frame__code { font-size: clamp(38px, 14vw, 68px); }
}
    @keyframes heroDecorFloat {
      from { translate: 0 0; }
      to { translate: 0 -10px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .view[data-view="inicio"] .hero-decor span { animation: none; scale: 1; }
    }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .hero-decor span:nth-child(2) { left: 4%; width: 78px; height: 78px; }
      .view[data-view="inicio"] .hero-decor span:nth-child(4) { right: -10px; }
      .view[data-view="inicio"] .hero-decor span:nth-child(6) { right: 20%; width: 90px; height: 46px; }
    }
    /* Portada Examen Elite · navegación con mayor contraste */
    .site-header .nav-link { color: #fff !important; }
    .site-header .nav-link:hover { color: #fff !important; }
    .site-header .nav-link[aria-current="page"] { color: #2d3e4c !important; }
    /* Portada Examen Elite · símbolo gigante en movimiento — laboratorio aislado */
    .view[data-view="inicio"] .hero-giant-mark {
      position: absolute;
      z-index: 0;
      top: -720px;
      right: -1550px;
      width: clamp(1100px, 125vw, 2100px);
      aspect-ratio: 1;
      pointer-events: none;
      opacity: .09;
      transform-origin: center;
      animation: heroGiantMarkSpin 220s linear infinite;
    }
    .view[data-view="inicio"] .hero-giant-mark img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: saturate(1.25);
    }
    @keyframes heroGiantMarkSpin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-giant-mark {
        top: -380px;
        right: -1050px;
        width: 1100px;
        opacity: .07;
        animation-duration: 190s;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .view[data-view="inicio"] .hero-giant-mark { animation: none; }
    }
    /* Portada Examen Elite · secciones inferiores más compactas */
    html,
    body {
      max-width: 100%;
      overflow-x: hidden;
    }
    .view[data-view="inicio"] .section.alt {
      padding-block: 64px 78px;
    }
    .view[data-view="inicio"] .feature-showcase {
      margin-top: 36px;
    }
    .view[data-view="inicio"] .feature-row {
      min-height: 420px;
      gap: clamp(30px, 6vw, 82px);
      padding: 46px 0;
    }
    .view[data-view="inicio"] .feature-copy > span {
      margin-bottom: 14px;
    }
    .view[data-view="inicio"] .feature-copy h3 {
      margin-bottom: 12px;
    }
    .view[data-view="inicio"] .feature-visual {
      min-height: 340px;
      border-radius: 26px;
    }
    .view[data-view="inicio"] .mock-window,
    .view[data-view="inicio"] .quiz-card,
    .view[data-view="inicio"] .dashboard-card,
    .view[data-view="inicio"] .exam-card,
    .view[data-view="inicio"] .summary-card {
      inset: 40px;
    }
    .view[data-view="inicio"] .audio-card {
      inset: 56px 44px;
    }
    .view[data-view="inicio"] .mini-quiz-card {
      inset: 24px 30px !important;
    }
    .view[data-view="inicio"] .video-class-card {
      inset: 40px 44px;
    }
    .view[data-view="inicio"] .ai-card {
      inset: 38px;
    }
    .view[data-view="inicio"] .study-map {
      padding: 62px 0 76px;
    }
    .view[data-view="inicio"] .study-map__intro {
      margin-bottom: 44px;
    }
    .view[data-view="inicio"] .study-map__panel {
      min-height: 520px;
      padding: 24px;
    }
    .view[data-view="inicio"] .study-map__cards {
      gap: 12px;
    }
    .view[data-view="inicio"] .study-map__card {
      min-height: 232px;
      padding: 24px;
    }
    @media (max-width: 900px) {
      .view[data-view="inicio"] .feature-row,
      .view[data-view="inicio"] .feature-row:nth-child(even) {
        gap: 26px;
        padding: 42px 0;
      }
    }
    @media (max-width: 560px) {
      .view[data-view="inicio"] .section.alt {
        padding-block: 48px 60px;
      }
      .view[data-view="inicio"] .feature-row,
      .view[data-view="inicio"] .feature-row:nth-child(even) {
        gap: 22px;
        padding: 34px 0;
      }
      .view[data-view="inicio"] .feature-visual {
        min-height: 310px;
      }
      .view[data-view="inicio"] .study-map {
        padding: 48px 0 60px;
      }
      .view[data-view="inicio"] .study-map__intro {
        margin-bottom: 26px;
      }
      .view[data-view="inicio"] .study-map__panel {
        min-height: 0;
        padding: 10px;
      }
      .view[data-view="inicio"] .study-map__card {
        min-height: 190px;
        padding: 20px;
      }
    }
    /* Portada Examen Elite · movimiento lento de los círculos decorativos */
    .view[data-view="inicio"] .hero-decor span {
      animation: heroDecorDrift 34s ease-in-out infinite, heroDecorBreathe 11s ease-in-out infinite;
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(1) { animation-duration: 38s, 12s; }
    .view[data-view="inicio"] .hero-decor span:nth-child(2) { animation-duration: 46s, 14s; }
    .view[data-view="inicio"] .hero-decor span:nth-child(3) { animation-duration: 31s, 10s; }
    .view[data-view="inicio"] .hero-decor span:nth-child(4) { animation-duration: 42s, 13s; }
    .view[data-view="inicio"] .hero-decor span:nth-child(5) { animation-duration: 28s, 9s; }
    .view[data-view="inicio"] .hero-decor span:nth-child(6) { animation-duration: 50s, 15s; }
    @keyframes heroDecorDrift {
      0%, 100% { translate: 0 0; }
      25% { translate: 14px -10px; }
      50% { translate: -8px -18px; }
      75% { translate: -16px 7px; }
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(n+7) {
      border-width: 1px;
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(7) {
      top: 18%; left: 12%; width: 32px; height: 32px;
      --decor-min-opacity: .18; --decor-max-opacity: .34;
      border: 0; background: rgba(223, 137, 111, .26);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(8) {
      top: 35%; left: 20%; width: 180px; height: 180px;
      --decor-min-opacity: .12; --decor-max-opacity: .24;
      border-color: rgba(120, 163, 204, .34);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(9) {
      top: 6%; left: 42%; width: 22px; height: 22px;
      --decor-min-opacity: .2; --decor-max-opacity: .4;
      border: 0; background: rgba(120, 163, 204, .26);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(10) {
      top: 28%; right: 15%; width: 54px; height: 54px;
      --decor-min-opacity: .2; --decor-max-opacity: .38;
      border-color: rgba(223, 137, 111, .3);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(11) {
      top: 58%; left: 8%; width: 92px; height: 92px;
      --decor-min-opacity: .12; --decor-max-opacity: .26;
      border-color: rgba(100, 151, 181, .3);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(12) {
      top: 66%; left: 34%; width: 38px; height: 38px;
      --decor-min-opacity: .16; --decor-max-opacity: .32;
      border: 0; background: rgba(223, 137, 111, .2);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(13) {
      top: 72%; right: 9%; width: 150px; height: 150px;
      --decor-min-opacity: .1; --decor-max-opacity: .22;
      border-color: rgba(120, 163, 204, .28);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(14) {
      top: 48%; right: 42%; width: 24px; height: 24px;
      --decor-min-opacity: .2; --decor-max-opacity: .38;
      border: 0; background: rgba(223, 137, 111, .22);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(15) {
      bottom: 7%; left: 25%; width: 64px; height: 64px;
      --decor-min-opacity: .13; --decor-max-opacity: .28;
      border-color: rgba(120, 163, 204, .26);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(16) {
      bottom: 22%; right: 24%; width: 46px; height: 46px;
      --decor-min-opacity: .16; --decor-max-opacity: .34;
      border-color: rgba(223, 137, 111, .28);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(17) {
      top: 16%; right: 5%; width: 210px; height: 210px;
      --decor-min-opacity: .08; --decor-max-opacity: .18;
      border-color: rgba(120, 163, 204, .24);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(18) {
      top: 80%; left: 52%; width: 18px; height: 18px;
      --decor-min-opacity: .22; --decor-max-opacity: .42;
      border: 0; background: rgba(223, 137, 111, .24);
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(n+7) {
      --decor-min-opacity: .22;
      --decor-max-opacity: .5;
    }
    .view[data-view="inicio"] .hero-decor span {
      animation: heroDecorDrift 36s ease-in-out infinite, heroDecorFadeBreathe 20s ease-in-out infinite;
    }
    .view[data-view="inicio"] .hero-decor span:nth-child(2) {
      --decor-min-opacity: .34;
      --decor-max-opacity: .68;
      border-color: rgba(120, 163, 204, .34);
      animation: heroDecorDriftBig 31s ease-in-out infinite, heroDecorFadeBreathe 22s ease-in-out infinite;
    }
    @keyframes heroDecorDriftBig {
      0%, 100% { translate: 0 0; }
      25% { translate: 28px -22px; }
      50% { translate: -20px -34px; }
      75% { translate: -34px 16px; }
    }
    @keyframes heroDecorFadeBreathe {
      0%, 100% { scale: .94; opacity: var(--decor-min-opacity); }
      50% { scale: 1.06; opacity: var(--decor-max-opacity); }
    }
    @media (prefers-reduced-motion: reduce) {
      .view[data-view="inicio"] .hero-decor span { animation: none; translate: 0 0; }
    }
  

/* Source style 47 */

    /* Portada Examen Elite · entrada azul que nace del título */
    .intro-reveal {
      --intro-x: 20vw;
      --intro-y: 38vh;
      position: fixed;
      z-index: 10000;
      inset: 0;
      pointer-events: none;
      background: #1688B8;
      clip-path: circle(160vmax at var(--intro-x) var(--intro-y));
    }
    .intro-reveal.is-running {
      animation: introBlueCollapse 1s cubic-bezier(.22, .61, .36, 1) forwards;
    }
    .intro-reveal-logo {
      --intro-x: 20vw;
      --intro-y: 38vh;
      position: fixed;
      z-index: 10001;
      top: var(--intro-y);
      left: var(--intro-x);
      width: clamp(82px, 10vw, 142px);
      height: auto;
      pointer-events: none;
      opacity: 0;
      transform: translate(-50%, -50%) scale(.58);
    }
    .intro-reveal-logo.is-running {
      animation: introLogoReveal 1s cubic-bezier(.22, .61, .36, 1) forwards;
    }
    @keyframes introLogoReveal {
      0%, 54% { opacity: 0; transform: translate(-50%, -50%) scale(.58) rotate(-24deg); }
      68% { opacity: .35; transform: translate(-50%, -50%) scale(.82) rotate(-10deg); }
      80% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
      91% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(180deg); }
      97% { opacity: 1; transform: translate(-50%, -50%) scale(.98) rotate(330deg); }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(.88) rotate(360deg); }
    }
    @keyframes introBlueCollapse {
      0% {
        opacity: 1;
        clip-path: circle(160vmax at var(--intro-x) var(--intro-y));
      }
      76% {
        opacity: 1;
        clip-path: circle(18vmax at var(--intro-x) var(--intro-y));
      }
      88% {
        opacity: 1;
        clip-path: circle(4.5vmax at var(--intro-x) var(--intro-y));
      }
      96% {
        opacity: 1;
        clip-path: circle(2.5vmax at var(--intro-x) var(--intro-y));
      }
      100% {
        opacity: 0;
        clip-path: circle(0 at var(--intro-x) var(--intro-y));
        visibility: hidden;
      }
    }
    @media (max-width: 800px) {
      .intro-reveal,
      .intro-reveal-logo { --intro-x: 29vw; --intro-y: 37vh; }
    }
    @media (prefers-reduced-motion: reduce) {
      .intro-reveal.is-running {
        animation: none;
        opacity: 0;
        visibility: hidden;
      }
      .intro-reveal-logo.is-running {
        animation: none;
        opacity: 0;
        visibility: hidden;
      }
    }
    /* Fondo de video extendido hasta la galería de cursos */
    .view[data-view="inicio"] .hero {
      overflow: visible;
    }
    .view[data-view="inicio"] .hero-buildings {
      opacity: 1;
      height: calc(100% + 360px);
      filter: blur(1.2px);
      mask-image: linear-gradient(to bottom, #000 0%, #000 70%, rgba(0,0,0,.82) 84%, rgba(0,0,0,.42) 96%, transparent 100%);
    }
    .view[data-view="inicio"] .hero-buildings video {
      opacity: .82;
      filter: none;
    }
    .view[data-view="inicio"] .hero-buildings::before {
      content: "";
      position: absolute;
      z-index: 1;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.95) 18%, rgba(255,255,255,.62) 38%, rgba(255,255,255,.18) 52%, rgba(255,255,255,0) 64%);
    }
    .view[data-view="inicio"] .hero-buildings::after {
      content: "";
      position: absolute;
      z-index: 2;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(to bottom, rgba(255,253,248,0) 46%, rgba(255,253,248,.04) 60%, rgba(255,253,248,.14) 73%, rgba(255,253,248,.34) 84%, rgba(255,253,248,.7) 94%, #fffdf8 100%);
    }
    .view[data-view="inicio"] .course-strip {
      background: transparent;
    }
    .view[data-view="inicio"] .intro-art__halo,
    .view[data-view="inicio"] .intro-art::before,
    .view[data-view="inicio"] .intro-art::after {
      display: none;
    }
    .view[data-view="inicio"] .intro-art__logo {
      background: transparent;
      box-shadow: none;
      border-radius: 0;
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero-buildings {
        opacity: 1;
        height: calc(100% + 300px);
      }
    }
    .view[data-view="inicio"] .hero {
      --hero-scroll-dim: 0;
    }
    .view[data-view="inicio"] .hero::after {
      content: "";
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      left: 0;
      height: calc(100% + 360px);
      pointer-events: none;
      background: rgba(0,0,0,var(--hero-scroll-dim));
      transition: background-color .7s ease;
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .hero::after {
        height: calc(100% + 300px);
      }
    }
    /* Cursos · paleta Examen Elite */
    .view[data-view="cursos"] {
      color: #202d3b;
      background: #fffdf8;
    }
    .view[data-view="cursos"] .page-hero {
      background: linear-gradient(160deg, #fffdf8 0%, #f3f7f6 64%, #e7eff1 100%);
      border-bottom-color: #dce6e8;
    }
    .view[data-view="cursos"] .page-hero .eyebrow,
    .view[data-view="cursos"] .section .eyebrow {
      color: #176d9c;
    }
    .view[data-view="cursos"] .page-hero h1,
    .view[data-view="cursos"] .section-head h2 {
      color: #202d3b;
    }
    .view[data-view="cursos"] .page-hero .lead,
    .view[data-view="cursos"] .section-head p {
      color: #617185;
    }
    .view[data-view="cursos"] .course-experience {
      color: #fffdf8;
      background: linear-gradient(135deg, #202d3b 0%, #314d5e 58%, #6e929d 100%);
    }
    .view[data-view="cursos"] .course-experience .eyebrow {
      color: #e49a83;
    }
    .view[data-view="cursos"] .course-experience__copy > p {
      color: #d7e2e3;
    }
    .view[data-view="cursos"] .experience-list li {
      border-color: rgba(223, 137, 111, .34);
      background: rgba(255,253,248,.08);
    }
    .view[data-view="cursos"] .experience-list strong { color: #fffdf8; }
    .view[data-view="cursos"] .experience-list span { color: #cbdadc; }
    .view[data-view="cursos"] .section {
      background: #fffdf8;
    }
    .view[data-view="cursos"] .section.alt {
      background: #eef3f4;
    }
    .view[data-view="cursos"] .catalog-card {
      border-color: #d7e2e5;
      background: #fff;
      box-shadow: 0 14px 34px rgba(32,45,59,.06);
    }
    .view[data-view="cursos"] .catalog-card:hover {
      border-color: #9eb8c2;
      box-shadow: 0 20px 42px rgba(32,45,59,.13);
    }
    .view[data-view="cursos"] .catalog-card:nth-child(1) .catalog-card__top { background: linear-gradient(145deg, #176d9c, #53a7b1); }
    .view[data-view="cursos"] .catalog-card:nth-child(2) .catalog-card__top { background: linear-gradient(145deg, #dd785d, #f1b36c); }
    .view[data-view="cursos"] .catalog-card:nth-child(3) .catalog-card__top { background: linear-gradient(145deg, #17858e, #d67b62); }
    .view[data-view="cursos"] .catalog-card:nth-child(4) .catalog-card__top { background: linear-gradient(145deg, #6960a9, #b1a6d0); }
    .view[data-view="cursos"] .catalog-card__body > span { color: #176d9c; }
    .view[data-view="cursos"] .catalog-card__body h3 { color: #202d3b; }
    .view[data-view="cursos"] .catalog-card__body p { color: #617185; }
    .view[data-view="cursos"] .catalog-card__price {
      margin: 8px 0 4px;
      color: #176d9c;
      font-size: 22px;
      font-weight: 850;
      letter-spacing: -.02em;
    }
    .view[data-view="cursos"] .catalog-card__includes {
      margin: 0 0 10px;
      color: #617185;
      font-size: 13px;
      line-height: 1.45;
    }
    .view[data-view="cursos"] .catalog-card__meta span {
      color: #536f7a;
      background: #edf3f4;
    }
    .view[data-view="cursos"] .catalog-card__body .btn {
      color: #31475b;
      border-color: #cbdde1;
      background: transparent;
    }
    .view[data-view="cursos"] .catalog-card__body .btn:hover {
      color: #fff;
      border-color: #176d9c;
      background: #176d9c;
    }
    .view[data-view="cursos"] .catalog-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      align-items: start;
    }
    .view[data-view="cursos"] .catalog-card {
      min-height: 0;
      transform-origin: center bottom;
      transition: transform 1.35s cubic-bezier(.16, 1, .3, 1), box-shadow 1.35s ease, border-color 1.35s ease;
    }
    .view[data-view="cursos"] .catalog-card:hover {
      z-index: 3;
      transform: translateY(-8px) scale(1.035);
      transition-duration: 1.35s;
    }
    .view[data-view="cursos"] .catalog-card__top {
      min-height: 104px;
      padding: 18px;
    }
    .view[data-view="cursos"] .catalog-card__top strong { font-size: 30px; }
    .view[data-view="cursos"] .catalog-card__body { padding: 18px; }
    .view[data-view="cursos"] .catalog-card__body h3 { font-size: 17px; }
    .view[data-view="cursos"] .catalog-card__body p { font-size: 13px; line-height: 1.42; }
    @media (max-width: 950px) {
      .view[data-view="cursos"] .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 800px) {
      .view[data-view="cursos"] .catalog-grid { grid-template-columns: 1fr; }
    }
    .view[data-view="cursos"] .benefit {
      border-top-color: #d98268;
    }
    .view[data-view="cursos"] .benefit > span { color: #176d9c; }
  

/* Source style 48 */

    /* Políticas Examen Elite · presentación legal sólida */
    .view[data-view="politicas"] {
      --legal-ink: #172536;
      --legal-muted: #566476;
      --legal-line: #d8e0e8;
      --legal-blue: #1d6f99;
      background: #f3f5f7;
      color: var(--legal-ink);
    }
    .view[data-view="politicas"] .policy-hero {
      color: #f7fafc;
      background: linear-gradient(135deg, #17283a 0%, #233b51 58%, #315e75 100%);
      border-bottom: 1px solid rgba(255,255,255,.12);
    }
    .view[data-view="politicas"] .policy-hero .shell { padding-block: clamp(54px, 8vw, 92px); }
    .view[data-view="politicas"] .policy-hero .eyebrow { color: #b8d7e5; }
    .view[data-view="politicas"] .policy-hero h1 { max-width: 760px; margin: 12px 0 16px; color: #fff; font-size: clamp(42px, 6vw, 76px); letter-spacing: -.045em; }
    .view[data-view="politicas"] .policy-hero .lead { max-width: 720px; margin: 0; color: #d6e1e8; font-size: clamp(17px, 2vw, 21px); line-height: 1.65; }
    .policy-meta { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 30px; color: #b9cad4; font-size: 13px; letter-spacing: .02em; }
    .policy-meta span { display: inline-flex; align-items: center; gap: 8px; }
    .policy-meta span::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #9ec9d8; }
    .view[data-view="politicas"] .section.alt { padding-block: clamp(52px, 7vw, 88px); background: #f3f5f7; }
    .view[data-view="politicas"] .policy-layout { width: min(1220px, calc(100% - 40px)); grid-template-columns: 238px minmax(0, 1fr); gap: clamp(28px, 5vw, 76px); }
    .view[data-view="politicas"] .policy-index { top: 108px; gap: 3px; padding: 18px 12px; border: 1px solid var(--legal-line); border-radius: 10px; background: #fff; box-shadow: 0 12px 30px rgba(23,37,54,.06); }
    .policy-index__title { padding: 4px 12px 14px; color: #8793a0; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
    .view[data-view="politicas"] .policy-index button { position: relative; text-align: left; border: 0; border-left: 3px solid transparent; border-radius: 4px; padding: 12px 12px; color: #596777; background: transparent; font-size: 14px; font-weight: 700; cursor: pointer; transition: color .18s ease, background .18s ease, border-color .18s ease; }
    .view[data-view="politicas"] .policy-index button:hover, .view[data-view="politicas"] .policy-index button.is-active { border-left-color: var(--legal-blue); color: var(--legal-ink); background: #eef5f8; }
    .view[data-view="politicas"] .policy-document { padding: 0; border: 1px solid var(--legal-line); border-radius: 10px; background: #fff; box-shadow: 0 18px 42px rgba(23,37,54,.08); overflow: hidden; }
    .policy-document__intro { padding: 30px clamp(28px, 5vw, 64px); border-bottom: 1px solid var(--legal-line); background: #fbfcfd; }
    .policy-document__intro strong { display: block; margin-bottom: 8px; color: var(--legal-ink); font-size: 15px; }
    .policy-document__intro p { max-width: 760px; margin: 0; color: var(--legal-muted); line-height: 1.7; }
    .view[data-view="politicas"] .policy-section { scroll-margin-top: 118px; padding: clamp(34px, 5vw, 62px) clamp(28px, 5vw, 64px); margin: 0; border-bottom: 1px solid var(--legal-line); }
    .view[data-view="politicas"] .policy-section:last-child { border-bottom: 0; }
    .view[data-view="politicas"] .policy-section .eyebrow { color: var(--legal-blue); }
    .view[data-view="politicas"] .policy-section h2 { margin: 10px 0 22px; color: var(--legal-ink); font-size: clamp(28px, 3vw, 42px); letter-spacing: -.03em; }
    .view[data-view="politicas"] .policy-section h3 { margin: 28px 0 9px; color: var(--legal-ink); font-size: 17px; }
    .view[data-view="politicas"] .policy-section p, .view[data-view="politicas"] .policy-section li { max-width: 820px; color: var(--legal-muted); font-size: 15px; line-height: 1.8; }
    .view[data-view="politicas"] .policy-section p { margin: 0 0 16px; }
    .view[data-view="politicas"] .policy-section ul { margin: 8px 0 0; padding-left: 22px; }
    .policy-definition { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; margin-top: 24px; }
    .policy-definition div { padding: 16px 18px; border: 1px solid var(--legal-line); border-radius: 7px; background: #fbfcfd; }
    .policy-definition strong { display: block; margin-bottom: 6px; color: var(--legal-ink); font-size: 14px; }
    .policy-definition span { color: var(--legal-muted); font-size: 14px; line-height: 1.6; }
    .policy-callout { margin-top: 24px; padding: 18px 20px; border-left: 4px solid #d88968; background: #fff7f2; color: #665348; font-size: 14px; line-height: 1.7; }
    .policy-contact-card { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; margin-top: 24px; padding: 22px 24px; border: 1px solid var(--legal-line); border-radius: 7px; background: #f5f8fa; }
    .policy-contact-card strong { display: block; margin-bottom: 5px; color: var(--legal-ink); }
    .policy-contact-card a { color: var(--legal-blue); font-weight: 800; text-decoration: none; }
    @media (max-width: 820px) {
      .view[data-view="politicas"] .policy-layout { width: min(100% - 28px, 760px); grid-template-columns: 1fr; }
      .view[data-view="politicas"] .policy-index { position: static; display: flex; align-items: stretch; gap: 2px; overflow-x: auto; padding: 8px; }
      .policy-index__title { display: none; }
      .view[data-view="politicas"] .policy-index button { min-width: max-content; border-left: 0; border-bottom: 3px solid transparent; }
      .view[data-view="politicas"] .policy-index button:hover, .view[data-view="politicas"] .policy-index button.is-active { border-bottom-color: var(--legal-blue); border-left-color: transparent; }
    }
    @media (max-width: 560px) {
      .policy-definition, .policy-contact-card { grid-template-columns: 1fr; }
    }
  

/* Source style 49 */

    /* Texas course landing page */
    .view[data-view="texas-course"] { color: #20303c; background: #fffdf8; }
    .texas-course-hero { position: relative; min-height: min(720px, calc(100vh - 130px)); display: grid; align-items: end; overflow: hidden; color: #fff; background: #102331; isolation: isolate; }
    .texas-course-hero__video, .texas-course-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
    .texas-course-hero__video { z-index: -3; object-fit: cover; object-position: center; filter: saturate(.82) contrast(1.08); }
    .texas-course-hero__veil { z-index: -2; background: linear-gradient(90deg, rgba(10,25,38,.92) 0%, rgba(10,25,38,.68) 44%, rgba(10,25,38,.18) 100%), linear-gradient(0deg, rgba(10,25,38,.92) 0%, rgba(10,25,38,.05) 68%); }
    .texas-course-hero__content { position: relative; z-index: 1; width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: clamp(80px, 12vw, 150px) 0 86px; }
    .texas-course-hero__content .eyebrow { color: #b8dbe1; }
    .texas-course-hero h1 { max-width: 840px; margin: 15px 0 20px; color: #fffdf8; font-size: clamp(46px, 7vw, 92px); letter-spacing: -.055em; }
    .texas-course-hero__lead { max-width: 700px; margin: 0; color: #d8e3e6; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.55; }
    .texas-course-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
    .texas-course-hero__actions .btn-primary { color: #20303c; background: #fffdf8; box-shadow: 0 12px 26px rgba(0,0,0,.2); }
    .texas-course-hero__actions .btn-secondary { color: #fffdf8; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.08); }
    .texas-course-hero__facts { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 42px; color: #b8cbd0; font-size: 13px; }
    .texas-course-hero__facts span { display: inline-flex; align-items: center; gap: 8px; }
    .texas-course-hero__facts span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #db947c; }
    .texas-course-section { padding: clamp(72px, 9vw, 118px) 0; }
    .texas-course-section--muted { background: #eff4f4; }
    .texas-course-section--dark { color: #f7f6ef; background: #1d2b36; }
    .texas-course-shell { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
    .texas-course-section__head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 42px; }
    .texas-course-section__head h2 { max-width: 700px; margin: 10px 0 0; }
    .texas-course-section__head p { max-width: 620px; margin: 0; color: #61717c; line-height: 1.7; }
    .texas-course-section--dark .texas-course-section__head p { color: #c3d0d2; }
    .texas-course-overview { display: grid; grid-template-columns: 1.15fr .85fr; gap: 44px; align-items: start; }
    .texas-course-overview__copy p { color: #52636d; font-size: 17px; line-height: 1.8; }
    .texas-course-overview__list { display: grid; gap: 11px; margin: 26px 0 0; padding: 0; list-style: none; }
    .texas-course-overview__list li { display: flex; gap: 12px; align-items: baseline; color: #324955; line-height: 1.55; }
    .texas-course-overview__list li::before { content: '✓'; color: #1b778b; font-weight: 850; }
    .texas-course-stat { padding: 28px; border: 1px solid #d4e0e1; border-radius: 8px; background: #fff; box-shadow: 0 14px 30px rgba(32,48,60,.06); }
    .texas-course-stat strong { display: block; color: #176d9c; font-size: 44px; letter-spacing: -.04em; }
    .texas-course-stat span { display: block; color: #61717c; line-height: 1.55; }
    .texas-chapters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .texas-chapter { display: grid; grid-template-columns: 52px 1fr auto; gap: 16px; align-items: center; padding: 20px; border: 1px solid #d7e0e1; border-radius: 7px; background: #fff; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
    .texas-chapter:hover { transform: translateY(-3px); border-color: #9bb9c0; box-shadow: 0 14px 26px rgba(32,48,60,.09); }
    .texas-chapter__number { color: #176d9c; font-size: 13px; font-weight: 850; letter-spacing: .12em; }
    .texas-chapter h3 { margin: 0 0 5px; color: #253a46; font-size: 17px; }
    .texas-chapter p { margin: 0; color: #6a7980; font-size: 13px; line-height: 1.45; }
    .texas-chapter__count { color: #71838a; font-size: 12px; white-space: nowrap; }
    .texas-tools { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
    .texas-tool { padding: 24px 20px; border: 1px solid rgba(222,238,240,.22); border-radius: 7px; background: rgba(255,255,255,.06); }
    .texas-tool__icon { display: inline-grid; place-items: center; width: 36px; height: 36px; margin-bottom: 22px; border-radius: 50%; color: #17303f; background: #b7dadd; font-weight: 850; }
    .texas-tool h3 { margin: 0 0 8px; color: #fffdf8; font-size: 18px; }
    .texas-tool p { margin: 0; color: #c5d2d2; font-size: 14px; line-height: 1.6; }
    .texas-practice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
    .texas-practice__card { padding: 28px 24px; border-top: 3px solid #d98970; background: #fff; }
    .texas-practice__card strong { display: block; margin-bottom: 9px; color: #20303c; font-size: 28px; }
    .texas-practice__card h3 { margin: 0 0 8px; color: #20303c; font-size: 18px; }
    .texas-practice__card p { margin: 0; color: #64737b; line-height: 1.6; }
    .texas-live { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
    .texas-live__panel { padding: 30px; border: 1px solid #d8e2e3; border-radius: 8px; background: #f9fbfa; }
    .texas-live__panel strong { display: block; margin-bottom: 10px; color: #176d9c; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
    .texas-live__panel h3 { margin: 0 0 12px; color: #20303c; font-size: 27px; }
    .texas-live__panel p { margin: 0; color: #60717a; line-height: 1.7; }
    .texas-final-cta { padding: 74px 0; color: #fff; background: linear-gradient(120deg, #176d9c, #265e70); }
    .texas-final-cta__inner { display: flex; justify-content: space-between; align-items: center; gap: 28px; }
    .texas-final-cta h2 { margin: 0; color: #fffdf8; }
    .texas-final-cta p { margin: 10px 0 0; color: #d9e7e8; }
    .texas-final-cta .btn { color: #20303c; background: #fffdf8; }
    @media (max-width: 850px) { .texas-course-overview, .texas-live { grid-template-columns: 1fr; } .texas-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); } .texas-practice { grid-template-columns: 1fr; } .texas-final-cta__inner { align-items: flex-start; flex-direction: column; } }
    @media (max-width: 640px) { .texas-chapters { grid-template-columns: 1fr; } .texas-chapter { grid-template-columns: 42px 1fr; } .texas-chapter__count { grid-column: 2; } .texas-tools { grid-template-columns: 1fr; } .texas-course-hero__content { padding-bottom: 58px; } }
  

/* Source style 50 */

    /* New Mexico and California course landing pages */
    .view[data-view="new-mexico-course"] { color: #263744; background: #fbfcfa; }
    .view[data-view="new-mexico-course"] .texas-course-hero { background: #174f57; }
    .view[data-view="new-mexico-course"] .texas-course-hero__veil { background: linear-gradient(90deg, rgba(17,62,70,.94) 0%, rgba(25,91,94,.70) 45%, rgba(57,105,94,.16) 100%), linear-gradient(0deg, rgba(17,62,70,.94) 0%, rgba(17,62,70,.05) 68%); }
    .view[data-view="new-mexico-course"] .texas-course-hero__content .eyebrow { color: #d7e7c2; }
    .view[data-view="new-mexico-course"] .texas-course-hero__facts span::before { background: #d67b62; }
    .view[data-view="new-mexico-course"] .texas-course-section--muted { background: #edf5f2; }
    .view[data-view="new-mexico-course"] .texas-course-overview__list li::before, .view[data-view="new-mexico-course"] .texas-course-stat strong, .view[data-view="new-mexico-course"] .texas-chapter__number, .view[data-view="new-mexico-course"] .texas-live__panel strong { color: #17858e; }
    .view[data-view="new-mexico-course"] .texas-chapter:hover { border-color: #93c6bd; }
    .view[data-view="new-mexico-course"] .texas-tool__icon { background: #d7e7c2; }
    .view[data-view="new-mexico-course"] .texas-practice__card { border-top-color: #d67b62; }
    .view[data-view="new-mexico-course"] .texas-final-cta { background: linear-gradient(120deg, #17858e, #d67b62); }

    .view[data-view="california-course"] { color: #263744; background: #fbfaff; }
    .view[data-view="california-course"] .texas-course-hero { background: #3e376e; }
    .view[data-view="california-course"] .texas-course-hero__veil { background: linear-gradient(90deg, rgba(42,35,83,.94) 0%, rgba(74,63,126,.72) 45%, rgba(129,103,158,.18) 100%), linear-gradient(0deg, rgba(42,35,83,.94) 0%, rgba(42,35,83,.05) 68%); }
    .view[data-view="california-course"] .texas-course-hero__content .eyebrow { color: #e2daf3; }
    .view[data-view="california-course"] .texas-course-hero__facts span::before { background: #c4b7e4; }
    .view[data-view="california-course"] .texas-course-section--muted { background: #f0eef9; }
    .view[data-view="california-course"] .texas-course-overview__list li::before, .view[data-view="california-course"] .texas-course-stat strong, .view[data-view="california-course"] .texas-chapter__number, .view[data-view="california-course"] .texas-live__panel strong { color: #6960a9; }
    .view[data-view="california-course"] .texas-chapter:hover { border-color: #b8aed8; }
    .view[data-view="california-course"] .texas-tool__icon { background: #d7cff0; }
    .view[data-view="california-course"] .texas-practice__card { border-top-color: #6960a9; }
    .view[data-view="california-course"] .texas-final-cta { background: linear-gradient(120deg, #6960a9, #b1a6d0); }
  

/* Source style 51 */

    /* Florida course landing page: same experience, Florida palette */
    .view[data-view="florida-course"] { color: #263744; background: #fffaf5; }
    .view[data-view="florida-course"] .texas-course-hero { background: #713d2c; }
    .view[data-view="florida-course"] .texas-course-hero__veil { background: linear-gradient(90deg, rgba(73,35,25,.93) 0%, rgba(104,55,38,.70) 45%, rgba(124,75,44,.18) 100%), linear-gradient(0deg, rgba(73,35,25,.92) 0%, rgba(73,35,25,.05) 68%); }
    .view[data-view="florida-course"] .texas-course-hero__content .eyebrow { color: #ffd0ae; }
    .view[data-view="florida-course"] .texas-course-hero__facts span::before { background: #f2a36e; }
    .view[data-view="florida-course"] .texas-course-section--muted { background: #fff0e7; }
    .view[data-view="florida-course"] .texas-course-overview__list li::before { color: #d66f50; }
    .view[data-view="florida-course"] .texas-course-stat strong { color: #d66f50; }
    .view[data-view="florida-course"] .texas-chapter__number { color: #d66f50; }
    .view[data-view="florida-course"] .texas-chapter:hover { border-color: #e2a078; }
    .view[data-view="florida-course"] .texas-tool__icon { background: #f3b481; }
    .view[data-view="florida-course"] .texas-practice__card { border-top-color: #dd785d; }
    .view[data-view="florida-course"] .texas-live__panel strong { color: #d66f50; }
    .view[data-view="florida-course"] .texas-final-cta { background: linear-gradient(120deg, #c65f45, #e69a62); }
  

/* Source style 52 */

    /* Policies: restrained legal-document presentation */
    .view[data-view="politicas"] { background: #f5f6f7; color: #1d2935; }
    .view[data-view="politicas"] .policy-hero { background: #1d2a36; border-bottom: 1px solid #3a4854; }
    .view[data-view="politicas"] .policy-hero .shell { padding-block: 58px 64px; }
    .view[data-view="politicas"] .policy-hero h1 { max-width: 760px; margin: 10px 0 14px; font-size: clamp(38px, 5vw, 58px); font-weight: 700; letter-spacing: -.025em; }
    .view[data-view="politicas"] .policy-hero .lead { max-width: 720px; color: #d3d9de; font-size: 17px; line-height: 1.6; }
    .view[data-view="politicas"] .policy-hero .eyebrow { color: #b8c2ca; }
    .view[data-view="politicas"] .policy-meta { color: #b9c3ca; }
    .view[data-view="politicas"] .policy-meta span::before { background: #aeb8bf; }
    .view[data-view="politicas"] .section.alt { background: #f5f6f7; }
    .view[data-view="politicas"] .policy-layout { gap: 42px; }
    .view[data-view="politicas"] .policy-index { border-radius: 4px; box-shadow: 0 6px 16px rgba(25,39,51,.05); }
    .view[data-view="politicas"] .policy-index button:hover, .view[data-view="politicas"] .policy-index button.is-active { border-left-color: #536b7b; color: #1d2935; background: #eef1f3; }
    .view[data-view="politicas"] .policy-document { border-radius: 4px; box-shadow: 0 7px 20px rgba(25,39,51,.06); }
    .view[data-view="politicas"] .policy-document__intro { background: #fafafa; }
    .view[data-view="politicas"] .policy-section h2 { font-size: clamp(27px, 3vw, 38px); font-weight: 700; }
    .view[data-view="politicas"] .policy-section h3 { font-weight: 700; }
    .view[data-view="politicas"] .policy-section p, .view[data-view="politicas"] .policy-section li { color: #4d5b66; font-size: 15px; line-height: 1.78; }
    .view[data-view="politicas"] .policy-callout { border-left-color: #65747e; background: #f1f3f4; color: #4d5b66; }
    .view[data-view="politicas"] .policy-contact-card { border-radius: 4px; background: #f1f3f4; }
    .view[data-view="politicas"] .policy-contact-card a { color: #385b70; }
  

/* Source style 53 */

    .site-header .nav-start { padding-inline: 18px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #fff; }
    .site-header .nav-start:hover { background: rgba(255,253,248,.45); color: #263b4b; }
    .site-header .nav-start[aria-current="page"] { background: #fffdf8; color: #263b4b; }
    .site-header .nav-home-logo { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 10px; background: transparent; }
    .site-header .nav-home-logo img { display: block; width: 46px; height: 46px; object-fit: contain; transform-origin: center; transition: transform 1.8s ease-in-out; }
    .site-header .nav-home-logo:hover img { transform: rotate(360deg); }
    .site-header .nav-home-logo:hover, .site-header .nav-home-logo[aria-current="page"] { background: transparent; color: inherit; border: 0; box-shadow: none; }
    .site-header .nav-home-logo[aria-current="page"] img { border-radius: 50%; box-shadow: 0 0 0 2px rgba(255,255,255,.28); }
    .site-header .nav-home-logo[aria-current="page"]::after { display: none; }
    @media (max-width: 800px) { .site-header .nav-home-logo { width: 100%; height: 48px; } }
  

/* Source style 54 */

    /* Ajuste final solicitado: cápsula muy delgada; el logo conserva su tamaño. */
    @media (min-width: 801px) {
      .site-header .nav-links {
        height: 44px;
        min-height: 44px;
        padding: 0 8px;
        align-items: center;
        overflow: visible;
      }
      .site-header .nav-links > .nav-link:not(.nav-home-logo) {
        height: 44px;
        padding-block: 0;
        line-height: 44px;
      }
      .site-header .nav-home-logo {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
        margin-block: -3px;
        z-index: 2;
      }
      .site-header .nav-home-logo img {
        width: 46px;
        height: 46px;
      }
    }
  

/* Source style 55 */

    /* Posición por página: centrada en Inicio y a la derecha en las demás vistas. */
    @media (min-width: 801px) {
      .site-header .nav-links {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
      }

      body[data-active-view]:not([data-active-view="inicio"]) .site-header .nav-links {
        left: auto;
        right: 0;
        transform: none;
      }
    }
  

/* Source style 56 */

    /* En páginas internas, acercar la cápsula al borde derecho de la ventana. */
    @media (min-width: 1280px) {
      body[data-active-view]:not([data-active-view="inicio"]) .site-header .nav-links {
        right: calc((1240px - 100vw) / 2 + 24px);
      }
    }
  

/* Source style 57 */

    /* Ajuste final de escala, transparencia y estado activo del menú. */
    @media (min-width: 801px) {
      .site-header .nav-links {
        height: 40px;
        min-height: 40px;
        padding: 0 7px;
        background: rgba(91, 135, 158, .30);
        border-color: rgba(255, 255, 255, .16);
      }

      .site-header .nav-links > .nav-link:not(.nav-home-logo) {
        height: 40px;
        padding-inline: 12px;
        line-height: 40px;
        font-size: 14px;
      }

      .site-header .nav-link[aria-current="page"] {
        color: #e7eceb !important;
        background: transparent !important;
        font-size: 16px;
        font-weight: 800;
      }

      .site-header .nav-home-logo {
        width: 50px;
        height: 50px;
        margin-block: -5px;
      }
    }
  

/* Source style 58 */

    /* Separación ligeramente más corta entre las tarjetas, conservando la animación. */
    @media (min-width: 801px) {
      .view[data-view="inicio"] .course-track {
        gap: 0;
      }
    }
  

/* Source style 59 */

    /* Prueba: video de Texas muy tenue al pasar sobre su tarjeta. */
    .view[data-view="inicio"] .course-frame .course-frame__video {
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
      opacity: 0;
      filter: saturate(.68) contrast(.92) brightness(.70);
      transition: opacity 1.1s ease;
    }

    .view[data-view="inicio"] .course-frame:hover .course-frame__video,
    .view[data-view="inicio"] .course-frame:focus-within .course-frame__video {
      opacity: .16;
    }

    .view[data-view="inicio"] .course-frame .course-frame__image::before,
    .view[data-view="inicio"] .course-frame .course-frame__image::after {
      z-index: 1;
    }

    .view[data-view="inicio"] .course-frame .course-frame__image > :not(.course-frame__video) {
      z-index: 2;
    }
  

/* Source style 60 */

    /* Navegación Examen Elite · texto deslizante inspirado en JTB Studios. */
    @media (min-width: 801px) {
      .site-header .nav-link:not(.nav-home-logo) {
        overflow: hidden;
      }

      .site-header .nav-link:not(.nav-home-logo) > span {
        display: block;
        position: relative;
        height: 1.15em;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1.15;
      }

      .site-header .nav-link:not(.nav-home-logo) > .nav-label > span {
        display: block;
        height: 1.15em;
        line-height: 1.15;
        transition: transform .5s cubic-bezier(.4, 0, .2, 1);
      }

      .site-header .nav-link:not(.nav-home-logo) > .nav-label > span + span {
        position: absolute;
        top: 100%;
        left: 0;
      }

      .site-header .nav-link:not(.nav-home-logo):hover > .nav-label > span,
      .site-header .nav-link:not(.nav-home-logo):focus-visible > .nav-label > span {
        transform: translateY(-100%);
      }
    }
  

/* Source style 61 */

    /* Menú centrado en todas las vistas. */
    @media (min-width: 801px) {
      .site-header .nav-links {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
      }
    }
  

/* Source style 62 */

    /* Carrusel de cursos sin barra visible. */
    .view[data-view="inicio"] .course-track {
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .view[data-view="inicio"] .course-track::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }
  

/* Source style 63 */

    /* Iniciales de estado más discretas. */
    @media (min-width: 801px) {
      .view[data-view="inicio"] .course-frame__code {
        top: 14px;
        font-size: clamp(18px, 1.8vw, 34px);
      }
    }
    @media (max-width: 800px) {
      .view[data-view="inicio"] .course-frame__code {
        top: 14px;
        font-size: clamp(24px, 7vw, 40px);
      }
    }
  

/* Source style 64 */

    /* Fondo de portada un poco más visible. */
    @media (min-width: 641px) {
      .view[data-view="inicio"] .hero-buildings {
        opacity: .56;
      }
    }
  

/* Source style 65 */

    /* Más separación entre el menú fijo y el contenido interno. */
    .view[data-view="cursos"] .page-hero,
    .view[data-view="nosotros"] .page-hero,
    .view[data-view="registro"] .page-hero {
      padding-top: 180px;
    }
  

/* Source style 66 */

    /* Tarjetas del catálogo con altura uniforme. */
    .view[data-view="cursos"] .catalog-grid {
      align-items: stretch;
    }

    .view[data-view="cursos"] .catalog-card {
      height: 100%;
    }
  

/* Source style 67 */

    /* Cursos: oscurecimiento gradual del encabezado al desplazarse. */
    .view[data-view="cursos"] .page-hero {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      --course-hero-scroll-dim: 0;
    }

    .view[data-view="cursos"] .page-hero::after {
      content: "";
      position: absolute;
      z-index: 0;
      inset: 0;
      pointer-events: none;
      background: rgba(0, 0, 0, var(--course-hero-scroll-dim));
      transition: background-color .7s ease;
    }

    .view[data-view="cursos"] .page-hero > .shell {
      position: relative;
      z-index: 1;
    }
  

/* Source style 68 */

    /* Enlace discreto hacia la inscripción. */
    .login-register-link {
      display: inline-block;
      margin-top: 10px;
      color: #65758b;
      font-size: 11px;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .login-register-link:hover {
      color: #176d9c;
    }
  

/* Source style 69 */

    /* Acceder: composición renovada y más cuidada. */
    .view[data-view="acceso"] .login-section {
      position: relative;
      min-height: calc(100vh - 42px);
      padding: 92px 20px 110px;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 18%, rgba(23, 109, 156, .12), transparent 25%),
        radial-gradient(circle at 90% 84%, rgba(228, 154, 131, .14), transparent 27%),
        linear-gradient(135deg, #f4f8f8 0%, #fffdf8 58%, #eef4f4 100%);
    }

    .view[data-view="acceso"] .login-section::before,
    .view[data-view="acceso"] .login-section::after {
      content: "";
      position: absolute;
      border: 1px solid rgba(23, 109, 156, .12);
      border-radius: 50%;
      pointer-events: none;
    }

    .view[data-view="acceso"] .login-section::before {
      top: 11%;
      left: -90px;
      width: 300px;
      height: 300px;
    }

    .view[data-view="acceso"] .login-section::after {
      right: -120px;
      bottom: 4%;
      width: 360px;
      height: 360px;
      border-color: rgba(228, 154, 131, .16);
    }

    .view[data-view="acceso"] .login-shell {
      position: relative;
      z-index: 1;
      width: min(1040px, 100%);
      grid-template-columns: .92fr 1.08fr;
      overflow: hidden;
      border: 1px solid rgba(173, 197, 202, .72);
      border-radius: 30px;
      background: rgba(255, 255, 255, .92);
      box-shadow: 0 28px 80px rgba(37, 69, 82, .16);
    }

    .view[data-view="acceso"] .login-story {
      position: relative;
      isolation: isolate;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 560px;
      padding: clamp(34px, 5vw, 64px);
      overflow: hidden;
      background: linear-gradient(145deg, #173e55 0%, #176d9c 58%, #4c9aa1 100%);
    }

    .view[data-view="acceso"] .login-story::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -130px;
      right: -110px;
      width: 360px;
      height: 360px;
      border: 1px solid rgba(255, 255, 255, .23);
      border-radius: 50%;
      box-shadow: 0 0 0 30px rgba(255, 255, 255, .045), 0 0 0 70px rgba(255, 255, 255, .035);
    }

    .view[data-view="acceso"] .login-story::after {
      content: "EXAMEN ELITE";
      position: absolute;
      z-index: -1;
      right: 28px;
      bottom: 28px;
      color: rgba(255, 255, 255, .16);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .18em;
    }

    .view[data-view="acceso"] .login-story h2 {
      max-width: 8ch;
      margin: 0 0 20px;
      color: #fff;
      font-size: clamp(36px, 4.3vw, 58px);
      line-height: .98;
      letter-spacing: -.055em;
    }

    .view[data-view="acceso"] .login-story p {
      max-width: 34ch;
      margin: 0;
      color: rgba(235, 248, 248, .82);
      font-size: 16px;
      line-height: 1.65;
    }

    .view[data-view="acceso"] .login-story ul {
      display: grid;
      gap: 9px;
      margin: 30px 0 0;
      padding: 0;
      list-style: none;
    }

    .view[data-view="acceso"] .login-story li {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 12px;
      color: rgba(255, 255, 255, .88);
      background: rgba(255, 255, 255, .08);
      font-size: 12px;
    }

    .view[data-view="acceso"] .login-story li::before {
      content: "✓";
      display: grid;
      width: 20px;
      height: 20px;
      flex: 0 0 auto;
      place-items: center;
      border-radius: 50%;
      color: #176d9c;
      background: #fff;
      font-size: 12px;
      font-weight: 900;
    }

    .view[data-view="acceso"] .login-form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(34px, 5vw, 68px);
      background: rgba(255, 255, 255, .95);
    }

    .view[data-view="acceso"] .login-form .eyebrow {
      color: #176d9c;
    }

    .view[data-view="acceso"] .login-form h2 {
      margin: 10px 0 28px;
      color: #24364a;
      font-size: clamp(32px, 3.2vw, 46px);
      letter-spacing: -.045em;
    }

    .view[data-view="acceso"] .login-form .field {
      gap: 8px;
      margin: 0 0 18px;
      color: #53687a;
      font-size: 13px;
    }

    .view[data-view="acceso"] .login-form .field input {
      min-height: 52px;
      border-color: #cbdde1;
      border-radius: 13px;
      background: #f8fbfb;
      transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .view[data-view="acceso"] .login-form .field input:focus {
      border-color: #4d9bad;
      outline: 0;
      background: #fff;
      box-shadow: 0 0 0 4px rgba(77, 155, 173, .13);
    }

    .view[data-view="acceso"] .login-form .btn-primary {
      width: 100%;
      min-height: 52px;
      margin-top: 8px;
      border-radius: 999px;
      color: #fff;
      background: #176d9c;
      box-shadow: 0 12px 24px rgba(23, 109, 156, .2);
    }

    .view[data-view="acceso"] .login-register-link {
      align-self: center;
      margin-top: 16px;
      color: #6b7e8c;
      font-size: 11px;
    }

    @media (max-width: 800px) {
      .view[data-view="acceso"] .login-section {
        min-height: auto;
        padding: 74px 16px 82px;
      }

      .view[data-view="acceso"] .login-shell {
        grid-template-columns: 1fr;
      }

      .view[data-view="acceso"] .login-story {
        min-height: 0;
        padding: 38px 28px;
      }

      .view[data-view="acceso"] .login-story h2 {
        max-width: 12ch;
      }

      .view[data-view="acceso"] .login-form {
        padding: 38px 28px 42px;
      }
    }
  

/* Source style 70 */

    /* Registrarse: experiencia de inscripción renovada. */
    .view[data-view="registro"] .registration-section {
      position: relative;
      padding: 76px 20px 120px;
      overflow: hidden;
      background:
        radial-gradient(circle at 92% 18%, rgba(228, 154, 131, .13), transparent 25%),
        radial-gradient(circle at 8% 80%, rgba(23, 109, 156, .11), transparent 27%),
        linear-gradient(135deg, #f4f8f8 0%, #fffdf8 58%, #eef4f4 100%);
    }

    .view[data-view="registro"] .registration-shell {
      position: relative;
      z-index: 1;
      width: min(1160px, 100%);
      grid-template-columns: .84fr 1.16fr;
      border: 1px solid rgba(173, 197, 202, .72);
      border-radius: 30px;
      background: rgba(255, 255, 255, .93);
      box-shadow: 0 28px 80px rgba(37, 69, 82, .16);
    }

    .view[data-view="registro"] .registration-summary {
      position: relative;
      isolation: isolate;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 650px;
      padding: clamp(34px, 5vw, 60px);
      overflow: hidden;
      background: linear-gradient(145deg, #173e55 0%, #176d9c 58%, #4c9aa1 100%);
    }

    .view[data-view="registro"] .registration-summary::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -150px;
      right: -130px;
      width: 390px;
      height: 390px;
      border: 1px solid rgba(255, 255, 255, .22);
      border-radius: 50%;
      box-shadow: 0 0 0 28px rgba(255, 255, 255, .045), 0 0 0 68px rgba(255, 255, 255, .03);
    }

    .view[data-view="registro"] .registration-summary::after {
      content: "EXAMEN ELITE";
      position: absolute;
      right: 28px;
      bottom: 28px;
      color: rgba(255, 255, 255, .16);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .18em;
    }

    .view[data-view="registro"] .registration-summary .eyebrow,
    .view[data-view="registro"] .registration-form .eyebrow {
      color: #8fe7dc;
    }

    .view[data-view="registro"] .registration-summary h2 {
      max-width: 8ch;
      margin: 10px 0 18px;
      color: #fff;
      font-size: clamp(38px, 4.4vw, 60px);
      line-height: .98;
      letter-spacing: -.055em;
    }

    .view[data-view="registro"] .registration-summary > p {
      max-width: 31ch;
      margin: 0;
      color: rgba(235, 248, 248, .82);
      font-size: 16px;
      line-height: 1.65;
    }

    .view[data-view="registro"] .registration-course {
      margin-top: 30px;
      padding: 20px;
      border: 1px solid rgba(255, 255, 255, .18);
      border-radius: 17px;
      background: rgba(255, 255, 255, .09);
      backdrop-filter: blur(8px);
    }

    .view[data-view="registro"] .registration-course > span {
      color: #a9eee5;
    }

    .view[data-view="registro"] .registration-course h3 {
      margin: 9px 0 5px;
      color: #fff;
      font-size: 22px;
    }

    .view[data-view="registro"] .registration-course p {
      margin: 0;
      color: rgba(235, 248, 248, .78);
      line-height: 1.55;
    }

    .view[data-view="registro"] .registration-course ul {
      display: grid;
      gap: 7px;
      margin: 18px 0 0;
      padding: 0;
      list-style: none;
      color: rgba(255, 255, 255, .88);
      font-size: 12px;
      line-height: 1.45;
    }

    .view[data-view="registro"] .registration-course li::before {
      content: "✓";
      margin-right: 8px;
      color: #baf3ec;
      font-weight: 900;
    }

    .view[data-view="registro"] .registration-form {
      padding: clamp(34px, 5vw, 62px);
      background: rgba(255, 255, 255, .96);
    }

    .view[data-view="registro"] .registration-form h2 {
      margin: 10px 0 8px;
      color: #24364a;
      font-size: clamp(32px, 3.2vw, 46px);
      letter-spacing: -.045em;
    }

    .view[data-view="registro"] .registration-form__intro {
      max-width: 48ch;
      margin: 0;
      color: #687b89;
      line-height: 1.6;
    }

    .view[data-view="registro"] .registration-steps {
      gap: 10px;
      margin: 28px 0 10px;
    }

    .view[data-view="registro"] .registration-step {
      gap: 9px;
      padding: 11px 12px;
      border: 1px solid #d9e6e8;
      border-radius: 12px;
      color: #82919b;
      background: #f7faf9;
    }

    .view[data-view="registro"] .registration-step span {
      width: 26px;
      height: 26px;
      color: #69808c;
      background: #e8f0f0;
    }

    .view[data-view="registro"] .registration-step.is-active {
      border-color: #5ba5b0;
      color: #176d9c;
      background: #eef8f7;
    }

    .view[data-view="registro"] .registration-step.is-active span {
      color: #fff;
      background: #176d9c;
    }

    .view[data-view="registro"] .registration-fields {
      gap: 0 14px;
      margin-top: 22px;
    }

    .view[data-view="registro"] .registration-fields .field {
      gap: 7px;
      margin: 0 0 15px;
      color: #53687a;
      font-size: 12px;
    }

    .view[data-view="registro"] .registration-fields input,
    .view[data-view="registro"] .registration-fields select {
      min-height: 49px;
      border-color: #cbdde1;
      border-radius: 12px;
      background: #f8fbfb;
      transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .view[data-view="registro"] .registration-fields input:focus,
    .view[data-view="registro"] .registration-fields select:focus {
      border-color: #4d9bad;
      outline: 0;
      background: #fff;
      box-shadow: 0 0 0 4px rgba(77, 155, 173, .13);
    }

    .view[data-view="registro"] .registration-consent {
      margin: 12px 0 22px;
      color: #687b89;
      font-size: 11px;
    }

    .view[data-view="registro"] .registration-consent button {
      color: #176d9c;
    }

    .view[data-view="registro"] .registration-actions {
      justify-content: space-between;
      gap: 16px;
    }

    .view[data-view="registro"] .registration-actions .btn-primary {
      min-height: 51px;
      border-radius: 999px;
      color: #fff;
      background: #176d9c;
      box-shadow: 0 12px 24px rgba(23, 109, 156, .2);
    }

    .view[data-view="registro"] .registration-actions small {
      color: #758692;
      font-size: 11px;
    }

    .view[data-view="registro"] .registration-actions small .nav-link {
      padding: 0;
      color: #176d9c;
      font-size: 11px;
      font-weight: 800;
      text-decoration: underline;
    }

    .view[data-view="registro"] .safe-notice {
      margin-top: 20px;
      border-color: #d7e6e4;
      border-radius: 12px;
      color: #58737b;
      background: #f1f8f7;
      font-size: 11px;
    }

    @media (max-width: 900px) {
      .view[data-view="registro"] .registration-shell {
        grid-template-columns: 1fr;
      }

      .view[data-view="registro"] .registration-summary {
        min-height: 0;
      }
    }

    @media (max-width: 640px) {
      .view[data-view="registro"] .registration-section {
        padding: 54px 14px 82px;
      }

      .view[data-view="registro"] .registration-summary,
      .view[data-view="registro"] .registration-form {
        padding: 32px 24px;
      }

      .view[data-view="registro"] .registration-fields {
        grid-template-columns: 1fr;
      }

      .view[data-view="registro"] .registration-fields .field--wide {
        grid-column: auto;
      }

      .view[data-view="registro"] .registration-actions {
        align-items: flex-start;
        flex-direction: column;
      }
    }
  

/* Source style 71 */

    /* Entrada de Inicio: video, decoraciones, tarjetas y máquina de escribir. */
    body.home-entry-pending .view[data-view="inicio"] .hero {
      background: #fff;
    }

    body.home-entry-pending .view[data-view="inicio"] .hero-buildings video {
      opacity: 0 !important;
    }

    body.home-entry-pending .view[data-view="inicio"] .hero-actions,
    body.home-entry-video .view[data-view="inicio"] .hero-actions {
      opacity: 0;
    }

    body.home-entry-pending .view[data-view="inicio"] .hero-actions {
      pointer-events: none;
    }

    body.home-entry-video .view[data-view="inicio"] .hero-actions {
      animation: homeActionsFadeIn 2.25s ease-in-out 2.55s forwards;
    }

    @keyframes homeActionsFadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    body.home-entry-video .view[data-view="inicio"] .hero-buildings video {
      animation: homeVideoReveal 4s ease-in-out forwards;
    }

    @keyframes homeVideoReveal {
      from { opacity: 0; }
      to { opacity: .82; }
    }

    .view[data-view="inicio"] .hero-decor {
      opacity: 1;
    }

    body.home-entry-pending .view[data-view="inicio"] .hero-decor {
      filter: saturate(1.35) brightness(1.16);
    }

    body.home-entry-video .view[data-view="inicio"] .hero-decor {
      filter: saturate(1.18) brightness(1.08);
      animation: homeDecorFadeAfterVideo 5.2s ease-in-out 4s forwards;
    }

    body.home-entry-pending .view[data-view="inicio"] .hero-giant-mark {
      opacity: .28;
    }

    body.home-entry-video .view[data-view="inicio"] .hero-giant-mark {
      opacity: .28;
      animation: heroGiantMarkSpin 220s linear infinite, homeGiantMarkFadeAfterVideo 5.2s ease-in-out 4s forwards;
    }

    @keyframes homeDecorFadeAfterVideo {
      from { opacity: 1; }
      to { opacity: .34; }
    }

    @keyframes homeGiantMarkFadeAfterVideo {
      from { opacity: .28; }
      to { opacity: .055; }
    }

    body.home-cards-pending .view[data-view="inicio"] .course-frame {
      opacity: 0;
      transform: translateY(86px);
    }

    body.home-cards-ready .view[data-view="inicio"] .course-frame {
      animation: homeCourseCardRise 2.1s cubic-bezier(.22, 1, .36, 1) forwards;
    }

    body.home-cards-ready .view[data-view="inicio"] .course-frame:nth-child(1) { animation-delay: .04s; }
    body.home-cards-ready .view[data-view="inicio"] .course-frame:nth-child(2) { animation-delay: .18s; }
    body.home-cards-ready .view[data-view="inicio"] .course-frame:nth-child(3) { animation-delay: .32s; }
    body.home-cards-ready .view[data-view="inicio"] .course-frame:nth-child(4) { animation-delay: .46s; }

    @keyframes homeCourseCardRise {
      from { opacity: 0; transform: translateY(86px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .view[data-view="inicio"] .wideeye-intro > span:first-child .typewriter-letter {
      display: inline-block;
      opacity: 1;
      transform: translateX(0);
      clip-path: inset(0 0 0 0);
    }

    .view[data-view="inicio"] .wideeye-intro > span:first-child {
      display: inline-block;
      clip-path: inset(0 0 0 0);
    }

    /* El nombre de la marca permanece completo, sin recortes ni máscara de entrada. */
    .view[data-view="inicio"] .wideeye-intro > span:first-child,
    .view[data-view="inicio"] .wideeye-intro > span:first-child .typewriter-letter {
      clip-path: none !important;
      overflow: visible;
      opacity: 1 !important;
      transform: none;
    }

    body.home-entry-pending .view[data-view="inicio"] .wideeye-intro > span:first-child .typewriter-letter {
      opacity: 1;
      transform: none;
      clip-path: inset(0 0 0 0);
    }

    body.home-entry-pending .view[data-view="inicio"] .wideeye-intro > span:first-child {
      clip-path: inset(0 0 0 0);
    }

    @keyframes homeTypewriterLetter {
      from { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateX(-.16em); }
      to { opacity: 1; clip-path: inset(0 0 0 0); transform: translateX(0); }
    }

    @keyframes homeWideEyePhraseReveal {
      from { clip-path: inset(0 100% 0 0); }
      to { clip-path: inset(0 0 0 0); }
    }

    body.home-menu-pending .site-header {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-12px);
    }

    body.home-menu-ready .site-header {
      animation: homeMenuReveal 1.55s cubic-bezier(.22, 1, .36, 1) forwards;
    }

    @keyframes homeMenuReveal {
      from { visibility: hidden; opacity: 0; transform: translateY(-12px); }
      to { visibility: visible; opacity: 1; transform: translateY(0); }
    }

    @media (prefers-reduced-motion: reduce) {
      body.home-entry-pending .view[data-view="inicio"] .hero-buildings video,
      body.home-entry-video .view[data-view="inicio"] .hero-buildings video {
        animation: none !important;
        opacity: .82 !important;
      }

      body.home-cards-pending .view[data-view="inicio"] .course-frame,
      body.home-cards-ready .view[data-view="inicio"] .course-frame {
        animation: none !important;
        opacity: 1;
        transform: none;
      }

      body.home-entry-pending .view[data-view="inicio"] .wideeye-intro > span:first-child .typewriter-letter,
      body.home-entry-typewriter .view[data-view="inicio"] .wideeye-intro > span:first-child .typewriter-letter {
        animation: none !important;
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: none;
      }

      body.home-entry-pending .view[data-view="inicio"] .wideeye-intro > span:first-child,
      body.home-entry-typewriter .view[data-view="inicio"] .wideeye-intro > span:first-child {
        animation: none !important;
        clip-path: inset(0 0 0 0);
      }


      body.home-menu-pending .site-header {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: none;
      }

    }
  

/* Source style 72 */

    /* Menú Examen Elite · logo centrado dentro de la cápsula. */
    @media (min-width: 801px) {
      .site-header .nav-links {
        display: flex;
        width: auto;
        gap: 2px;
      }

      .site-header .nav-links > .nav-link:not(.nav-home-logo) {
        width: auto;
        min-width: 0;
        flex: 0 0 auto;
      }

      .site-header .nav-home-logo {
        order: 3;
        margin-block: -5px;
      }

      .site-header .nav-start { order: 1; }
      .site-header .nav-links > .nav-link:nth-child(3) { order: 2; }
      .site-header .nav-links > .nav-link:nth-child(4) { order: 4; }
      .site-header .nav-links > .nav-link:nth-child(5) { order: 5; }
    }
  

/* Source style 73 */

    /* Portada Examen Elite · oscurecimiento continuo sin franjas de transición. */
    .view[data-view="inicio"] .hero::after {
      height: 100%;
      background-color: rgba(0, 0, 0, var(--hero-scroll-dim));
      -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
      mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
      transition: background-color .7s ease;
    }

    .view[data-view="inicio"] .course-strip::before,
    .view[data-view="inicio"] .section.alt::before {
      display: none !important;
    }

    .view[data-view="inicio"] .section.alt {
      margin-top: -170px;
      padding-top: 240px;
    }

  

/* Source style 74 */

    /* Catálogo de cursos · tarjetas amplias con el lenguaje visual de la portada. */
    @media (min-width: 951px) {
      .view[data-view="cursos"] > .section:not(.alt) > .shell {
        width: min(1500px, calc(100% - 80px));
      }

      .view[data-view="cursos"] .catalog-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
      }
    }

    .view[data-view="cursos"] .catalog-card {
      min-height: 610px;
      border-radius: 26px;
      border-color: #d4e1e4;
      box-shadow: 0 18px 40px rgba(32, 57, 73, .08);
    }

    .view[data-view="cursos"] .catalog-card__top {
      position: relative;
      min-height: 150px;
      overflow: hidden;
      padding: 26px;
      isolation: isolate;
    }

    .view[data-view="cursos"] .catalog-card__top::before,
    .view[data-view="cursos"] .catalog-card__top::after {
      content: "";
      position: absolute;
      z-index: 0;
      border-radius: 50%;
      pointer-events: none;
    }

    .view[data-view="cursos"] .catalog-card__top::before {
      width: 72%;
      height: 160%;
      top: -68%;
      right: -17%;
      background: rgba(255, 255, 255, .2);
    }

    .view[data-view="cursos"] .catalog-card__top::after {
      width: 55%;
      height: 115%;
      left: -19%;
      bottom: -72%;
      border: 22px solid rgba(255, 255, 255, .18);
      background: transparent;
    }

    .view[data-view="cursos"] .catalog-card__top > * {
      position: relative;
      z-index: 1;
    }

    .view[data-view="cursos"] .catalog-card__top strong {
      font-size: clamp(36px, 3vw, 48px);
      letter-spacing: -.06em;
    }

    .view[data-view="cursos"] .catalog-card__top span {
      font-size: 15px;
      font-weight: 650;
    }

    .view[data-view="cursos"] .catalog-card__body {
      padding: 28px;
    }

    .view[data-view="cursos"] .catalog-card__body h3 {
      margin: 10px 0 12px;
      font-size: 21px;
      line-height: 1.12;
    }

    .view[data-view="cursos"] .catalog-card__body p {
      font-size: 15px;
      line-height: 1.52;
    }

    .view[data-view="cursos"] .catalog-card__price {
      font-size: 24px;
    }

    .view[data-view="cursos"] .catalog-card__meta {
      gap: 9px;
      margin-top: 10px;
    }

    .view[data-view="cursos"] .catalog-card__meta span {
      padding: 8px 12px;
    }

    .view[data-view="cursos"] .catalog-card__body .btn {
      min-height: 54px;
      border-radius: 16px;
      font-size: 16px;
    }

    @media (max-width: 800px) {
      .view[data-view="cursos"] .catalog-card {
        min-height: 0;
      }
    }
  

/* Source style 75 */

    /* Responsive móvil final · conserva intacta la composición de escritorio. */
    @media (max-width: 800px) {
      html {
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
      }

      body {
        min-width: 0;
        overflow-x: hidden;
      }

      .shell,
      .texas-course-shell {
        width: calc(100% - 28px);
        max-width: none;
      }

      h1 { font-size: clamp(36px, 10vw, 54px); }
      h2 { font-size: clamp(28px, 8vw, 42px); }
      .lead { font-size: 18px; line-height: 1.55; }
      .btn { min-height: 48px; padding: 12px 16px; }

      /* Cabecera compacta y menú sin textos duplicados. */
      .lab-bar { display: none !important; }
      .site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 120;
        background: rgba(255, 253, 248, .78);
        border-bottom: 1px solid rgba(205, 218, 222, .45);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }
      .site-nav {
        width: calc(100% - 28px);
        min-height: 66px;
        gap: 10px;
      }
      .mobile-toggle {
        position: relative;
        z-index: 140;
        display: inline-flex !important;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        padding: 0;
        color: #f8f5ec;
        border: 0;
        border-radius: 999px;
        background: #2d3e4c;
        font-size: 0;
      }
      .mobile-toggle::before {
        content: "☰";
        font-size: 20px;
        line-height: 1;
      }
      .mobile-toggle[aria-expanded="true"]::before {
        content: "×";
        font-size: 29px;
        font-weight: 300;
      }
      .site-header .nav-links {
        position: fixed;
        inset: 0;
        z-index: 130;
        display: none;
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        gap: 0;
        padding: 88px 24px 34px;
        overflow-y: auto;
        border: 0;
        border-radius: 0;
        background: rgba(34, 53, 64, .98);
        box-shadow: none;
        transform: none !important;
      }
      .site-header .nav-links.is-open { display: flex; }
      .site-header .nav-links .nav-link {
        width: 100%;
        min-height: 0;
        padding: 10px 0;
        color: #f8f5ec !important;
        border: 0;
        border-radius: 0;
        background: transparent !important;
        font-size: clamp(25px, 8vw, 34px);
        font-weight: 700;
        line-height: 1.15;
        text-align: center;
      }
      .site-header .nav-links .nav-link:hover,
      .site-header .nav-links .nav-link[aria-current="page"] {
        color: #dce9e8 !important;
      }
      .site-header .nav-links .nav-label {
        display: block;
        height: 1.2em;
        overflow: hidden;
      }
      .site-header .nav-links .nav-label > span {
        display: block;
        height: 1.2em;
        line-height: 1.2;
      }
      .site-header .nav-links .nav-label > span + span { display: none; }
      .site-header .nav-links .nav-home-logo {
        width: 72px !important;
        height: 72px !important;
        flex: 0 0 72px;
        align-self: center;
        margin: 0 0 18px;
        padding: 0;
      }
      .site-header .nav-links .nav-home-logo img {
        width: 66px;
        height: 66px;
      }
      .site-header .nav-links .nav-login {
        margin-top: 14px;
        padding-top: 18px !important;
        border-top: 1px solid rgba(248, 245, 236, .2) !important;
      }

      /* Portada: texto legible, sin desbordamiento horizontal. */
      .view[data-view="inicio"] .hero {
        overflow: hidden;
      }
      .view[data-view="inicio"] .hero-grid {
        display: block !important;
        width: calc(100% - 28px);
        min-height: auto;
        padding: 82px 0 30px;
        text-align: center;
      }
      .view[data-view="inicio"] .hero-grid > div:first-child {
        width: 100%;
        max-width: none;
        margin-inline: auto;
        transform: none !important;
      }
      .view[data-view="inicio"] .wideeye-intro {
        width: 100%;
        max-width: none;
        margin: 12px auto 24px;
        font-size: clamp(42px, 12.5vw, 62px) !important;
        line-height: .96;
        letter-spacing: -.075em;
        text-align: center;
      }
      .view[data-view="inicio"] .wideeye-intro > span:first-child {
        top: 0;
        font-size: 1em;
        white-space: nowrap;
      }
      .view[data-view="inicio"] .wideeye-intro__rotating {
        display: block;
        width: 100%;
        min-width: 0;
        height: 1.2em;
        font-size: 1em;
        line-height: 1;
        text-align: center;
      }
      .view[data-view="inicio"] .wideeye-intro__rotating > span {
        left: 50%;
        width: 100%;
        transform: translate(-50%, 14px);
      }
      .view[data-view="inicio"] .hero .lead {
        width: 100%;
        max-width: 34ch;
        margin-inline: auto;
        font-size: 18px !important;
        line-height: 1.45;
      }
      .view[data-view="inicio"] .hero-actions {
        width: min(100%, 330px);
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin: 32px auto 0;
        transform: none !important;
      }
      .view[data-view="inicio"] .hero-actions .btn {
        width: 100%;
        min-height: 52px;
        padding: 13px 18px;
        font-size: 15px;
      }
      .view[data-view="inicio"] .hero-visual {
        top: 47%;
        right: -40%;
        width: 112vw;
        min-height: 0;
        opacity: .16;
        transform: translateY(-50%);
      }
      .view[data-view="inicio"] .preview-card,
      .view[data-view="inicio"] .floating-proof { display: none; }
      .view[data-view="inicio"] .hero-buildings {
        height: 100%;
        opacity: .18;
      }
      .view[data-view="inicio"] .hero-decor span { opacity: .32; }
      .view[data-view="inicio"] .hero-giant-mark { opacity: .045; }

      /* Tarjetas de estados: una tarjeta visible por gesto, sin barra inferior. */
      .view[data-view="inicio"] .course-strip {
        margin-top: 28px;
        padding: 48px 0 70px;
      }
      .view[data-view="inicio"] .course-track {
        gap: 14px;
        margin-top: 0;
        padding: 0 14px 12px;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
      .view[data-view="inicio"] .course-track::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
      }
      .view[data-view="inicio"] .course-frame {
        flex-basis: calc(100vw - 40px);
        min-width: calc(100vw - 40px);
      }
      .view[data-view="inicio"] .course-frame__image {
        min-height: 360px;
        padding: 22px;
        border-radius: 0 26px 0 0;
      }
      .view[data-view="inicio"] .course-frame__code {
        top: 18px;
        left: 20px;
        font-size: clamp(34px, 12vw, 58px);
      }
      .view[data-view="inicio"] .course-frame__tag {
        top: 22px;
        right: 20px;
        padding: 7px 10px;
        font-size: 9px;
      }
      .view[data-view="inicio"] .course-frame__image strong {
        font-size: clamp(32px, 10vw, 50px);
        transform: translateY(-5px);
      }
      @media (hover: none) {
        .view[data-view="inicio"] .course-frame:hover,
        .view[data-view="inicio"] .course-frame:focus-within {
          transform: none;
          filter: none;
        }
      }

      /* Secciones largas y componentes de portada. */
      .view[data-view="inicio"] .section.alt {
        margin-top: -70px;
        padding: 150px 0 64px !important;
      }
      .view[data-view="inicio"] .section-head {
        display: block;
        margin-bottom: 28px;
      }
      .view[data-view="inicio"] .section-head h2 { margin-bottom: 12px; }
      .view[data-view="inicio"] .feature-showcase { margin-top: 22px; }
      .view[data-view="inicio"] .feature-row,
      .view[data-view="inicio"] .feature-row:nth-child(even) {
        display: grid;
        grid-template-columns: 1fr;
        gap: 22px;
        min-height: 0;
        padding: 38px 0;
      }
      .view[data-view="inicio"] .feature-row:nth-child(even) .feature-copy,
      .view[data-view="inicio"] .feature-row:nth-child(even) .feature-visual {
        order: initial;
      }
      .view[data-view="inicio"] .feature-copy h3 {
        max-width: none;
        font-size: clamp(32px, 9vw, 46px);
      }
      .view[data-view="inicio"] .feature-copy p { font-size: 17px; }
      .view[data-view="inicio"] .feature-visual {
        width: 100%;
        min-height: 300px;
        border-radius: 22px;
      }
      .view[data-view="inicio"] .mock-window,
      .view[data-view="inicio"] .audio-card,
      .view[data-view="inicio"] .quiz-card,
      .view[data-view="inicio"] .mini-quiz-card,
      .view[data-view="inicio"] .dashboard-card,
      .view[data-view="inicio"] .exam-card,
      .view[data-view="inicio"] .summary-card,
      .view[data-view="inicio"] .ai-card,
      .view[data-view="inicio"] .pdf-stack {
        inset: 22px !important;
        transform: none !important;
      }
      .view[data-view="inicio"] .video-class-card {
        inset: 42px 22px !important;
        padding: 10px;
      }
      .view[data-view="inicio"] .mock-window__body { grid-template-columns: 34% 66%; }
      .view[data-view="inicio"] .mock-window__body aside { padding: 14px 9px; }
      .view[data-view="inicio"] .mock-window__body aside span { padding: 8px 6px; font-size: 9px; }
      .view[data-view="inicio"] .mock-window__body main { padding: 22px 15px; }
      .view[data-view="inicio"] .mock-window__body main h4 { font-size: 17px; }
      .view[data-view="inicio"] .cta { padding: 56px 0; }
      .view[data-view="inicio"] .cta .shell {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
      }
      .view[data-view="inicio"] .cta .btn { width: 100%; }
      .study-map { padding: 58px 0 68px; }
      .study-map__inner { width: calc(100% - 28px); }
      .study-map__intro { margin-bottom: 26px; }
      .study-map__intro span { min-height: 48px; padding: 0 16px; font-size: 14px; text-align: center; }
      .study-map__panel { gap: 12px; padding: 10px; border-radius: 22px; }
      .study-map__cards { grid-template-columns: 1fr; gap: 10px; }
      .study-map__card { min-height: 190px; padding: 22px; }
      .study-map__card h3 { font-size: 28px; }
      .study-map__card p { font-size: 14px; }
      .study-map__art { min-height: 360px; }

      /* Encabezados y catálogo. */
      .page-hero { padding: 58px 0 42px; }
      .page-hero h1 { font-size: clamp(36px, 10vw, 54px); line-height: 1.04; }
      .page-hero .lead { font-size: 18px; }
      .section { padding-block: 58px; }
      .section-head { align-items: flex-start; flex-direction: column; gap: 12px; }
      .view[data-view="cursos"] .course-experience { padding: 58px 0 66px; }
      .view[data-view="cursos"] .course-experience__grid { gap: 30px; }
      .view[data-view="cursos"] .course-experience__copy > p { font-size: 16px; }
      .view[data-view="cursos"] .experience-list { grid-template-columns: 1fr; }
      .view[data-view="cursos"] .course-mockup { transform: none; }
      .view[data-view="cursos"] .course-mockup__body { grid-template-columns: 1fr; min-height: 320px; }
      .view[data-view="cursos"] .course-mockup__sidebar { display: none; }
      .view[data-view="cursos"] .course-mockup__lesson { padding: 24px 20px 68px; }
      .view[data-view="cursos"] .catalog-grid { grid-template-columns: 1fr; gap: 16px; }
      .view[data-view="cursos"] .catalog-card { min-height: 0; border-radius: 22px; }
      .view[data-view="cursos"] .catalog-card__top { min-height: 126px; padding: 22px; }
      .view[data-view="cursos"] .catalog-card__top strong { font-size: 40px; }
      .view[data-view="cursos"] .catalog-card__top span { font-size: 14px; }
      .view[data-view="cursos"] .catalog-card__body { padding: 22px; }
      .view[data-view="cursos"] .catalog-card__body h3 { font-size: 21px; }
      .view[data-view="cursos"] .catalog-card__body p { font-size: 15px; }
      .view[data-view="cursos"] .benefit-grid { grid-template-columns: 1fr; }

      /* Nosotros, políticas, acceso, registro y cuenta. */
      .about-intro,
      .contact-card,
      .login-shell,
      .registration-shell,
      .account-layout { grid-template-columns: 1fr; }
      .about-intro { gap: 30px; }
      .identity { padding: 24px; }
      .contact-card { gap: 24px; padding: 20px; }
      .contact-form { grid-template-columns: 1fr; padding: 18px; }
      .contact-form .field--wide,
      .contact-form .btn,
      .contact-form__note { grid-column: auto; }
      .view[data-view="politicas"] .policy-layout { width: calc(100% - 28px); gap: 18px; }
      .view[data-view="politicas"] .policy-document__intro,
      .view[data-view="politicas"] .policy-section { padding-inline: 20px; }
      .view[data-view="politicas"] .policy-section h2 { font-size: 30px; }
      .view[data-view="politicas"] .policy-contact-card { grid-template-columns: 1fr; gap: 16px; }
      .login-section { min-height: auto; padding: 54px 14px 70px; }
      .view[data-view="acceso"] .login-shell { width: 100%; border-radius: 22px; }
      .view[data-view="acceso"] .login-story { min-height: 0; padding: 30px 22px; }
      .view[data-view="acceso"] .login-story h2 { max-width: none; font-size: 38px; }
      .view[data-view="acceso"] .login-form { padding: 30px 22px 34px; }
      .view[data-view="registro"] .registration-section { padding: 48px 14px 70px; }
      .view[data-view="registro"] .registration-shell { width: 100%; border-radius: 22px; }
      .view[data-view="registro"] .registration-summary,
      .view[data-view="registro"] .registration-form { padding: 30px 22px; }
      .view[data-view="registro"] .registration-summary { min-height: 0; }
      .view[data-view="registro"] .registration-summary h2 { max-width: none; font-size: 38px; }
      .view[data-view="registro"] .registration-fields { grid-template-columns: 1fr; }
      .view[data-view="registro"] .registration-fields .field--wide { grid-column: auto; }
      .view[data-view="registro"] .registration-actions,
      .view[data-view="registro"] .registration-actions--payment { align-items: stretch; flex-direction: column; }
      .view[data-view="registro"] .registration-actions .btn,
      .view[data-view="registro"] .registration-actions small { width: 100%; text-align: center; }
      .account-hero { padding: 48px 0 38px; }
      .account-hero__bar { gap: 22px; }
      .account-hero h1 { font-size: 42px; }
      .account-profile { min-width: 0; width: 100%; }
      .account-section { padding: 34px 0 66px; }
      .account-stats { grid-template-columns: 1fr; margin-top: -10px; }
      .account-layout { gap: 18px; margin-top: 20px; }
      .account-course { grid-template-columns: 1fr; gap: 18px; }
      .account-course__art { min-height: 130px; }

      /* Landings de cursos estatales. */
      .texas-course-hero { min-height: 620px; }
      .texas-course-hero__content { width: calc(100% - 28px); padding: 92px 0 56px; }
      .texas-course-hero h1 { font-size: clamp(40px, 11vw, 62px); }
      .texas-course-hero__lead { font-size: 18px; line-height: 1.5; }
      .texas-course-hero__actions { align-items: stretch; flex-direction: column; }
      .texas-course-hero__actions .btn { width: 100%; }
      .texas-course-hero__facts { display: grid; gap: 10px; margin-top: 28px; }
      .texas-course-section { padding: 60px 0; }
      .texas-course-section__head { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 28px; }
      .texas-course-section__head h2 { font-size: 32px; }
      .texas-course-overview,
      .texas-live { grid-template-columns: 1fr; gap: 24px; }
      .texas-course-overview__copy p { font-size: 16px; }
      .texas-chapters { grid-template-columns: 1fr; }
      .texas-chapter { grid-template-columns: 42px 1fr; gap: 12px; padding: 17px; }
      .texas-chapter__count { grid-column: 2; }
      .texas-tools { grid-template-columns: 1fr; }
      .texas-practice { grid-template-columns: 1fr; }
      .texas-final-cta { padding: 58px 0; }
      .texas-final-cta__inner { align-items: flex-start; flex-direction: column; gap: 22px; }
      .texas-final-cta .btn { width: 100%; }

      .footer-grid { align-items: flex-start; flex-direction: column; gap: 20px; }
      .footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; width: 100%; }
      .footer-links button { padding: 0; text-align: left; }
      .toast { right: 14px; bottom: 14px; left: 14px; max-width: none; }
    }

    @media (max-width: 420px) {
      .site-nav { min-height: 60px; }
      .mobile-toggle { width: 40px; height: 40px; }
      .view[data-view="inicio"] .hero-grid { padding-top: 70px; }
      .view[data-view="inicio"] .wideeye-intro { font-size: clamp(38px, 11.8vw, 52px) !important; }
      .view[data-view="inicio"] .course-frame__image { min-height: 320px; }
      .view[data-view="inicio"] .feature-visual { min-height: 270px; }
      .view[data-view="inicio"] .mock-window,
      .view[data-view="inicio"] .audio-card,
      .view[data-view="inicio"] .quiz-card,
      .view[data-view="inicio"] .mini-quiz-card,
      .view[data-view="inicio"] .dashboard-card,
      .view[data-view="inicio"] .exam-card,
      .view[data-view="inicio"] .summary-card,
      .view[data-view="inicio"] .ai-card,
      .view[data-view="inicio"] .pdf-stack { inset: 16px !important; }
      .view[data-view="inicio"] .video-class-card { inset: 32px 16px !important; }
      .view[data-view="inicio"] .mock-window__body aside { display: none; }
      .view[data-view="inicio"] .mock-window__body { grid-template-columns: 1fr; }
      .view[data-view="inicio"] .mock-window__body main { padding: 22px 18px; }
      .footer-links { grid-template-columns: 1fr; }
    }
  

/* Source style 76 */

    /* Corrección móvil de portada · logo visible y texto rotativo dentro del ancho. */
    .mobile-brand { display: none; }
    @media (max-width: 800px) {
      .site-nav {
        position: relative;
        justify-content: space-between;
      }

      .site-nav::before {
        display: none;
      }

      .mobile-brand {
        display: inline-flex;
        position: relative;
        z-index: 140;
        flex: 0 0 46px;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
      }

      .mobile-brand img {
        display: block;
        width: 46px;
        height: 46px;
        object-fit: contain;
      }

      .view[data-view="inicio"] .hero-grid {
        padding-top: 68px;
        padding-bottom: 8px;
      }

      .view[data-view="inicio"] .wideeye-intro {
        font-size: clamp(34px, 10.2vw, 50px) !important;
        letter-spacing: -.065em;
      }

      .view[data-view="inicio"] .wideeye-intro > span:first-child {
        top: 0 !important;
        display: inline-block;
        font-size: 1em !important;
        white-space: nowrap;
      }

      .view[data-view="inicio"] .wideeye-intro__rotating {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 1.1em !important;
        font-size: .88em !important;
        line-height: 1 !important;
        text-align: center !important;
        letter-spacing: -.065em;
      }

      .view[data-view="inicio"] .wideeye-intro__rotating > span {
        left: 50% !important;
        right: auto !important;
        width: max-content !important;
        max-width: 100% !important;
        transform: translate(-50%, 14px) !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: clip !important;
        animation-name: wideEyeIntroCycleMobile !important;
      }

      @keyframes wideEyeIntroCycleMobile {
        0%, 7% { opacity: 0; transform: translate(-50%, 16px); }
        15%, 33% { opacity: 1; transform: translate(-50%, 0); }
        42%, 100% { opacity: 0; transform: translate(-50%, -12px); }
      }

      .view[data-view="inicio"] .course-strip {
        margin-top: 8px;
      }
    }
  

/* Source style 77 */

    /* La portada es un HTML independiente, pero comparte el menú y footer de Elite-Tema. */
    .elite-static-legacy-header,
    .elite-static-legacy-footer { display: none !important; }
  

/* Source style 78 */

    /* Portada móvil · acciones compactas y acceso directo a Start. */
    .view[data-view="inicio"] .hero::after { display: none !important; }
    .hero-action-label--mobile { display: none; }
    .view[data-view="inicio"] .hero-start-button { display: none; }
    @media (max-width: 640px) {
      .view[data-view="inicio"] .hero-actions {
        width: min(100%, 330px);
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 6px;
        margin-top: 88px;
      }
      .view[data-view="inicio"] .hero-actions .btn {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        min-height: 36px;
        padding: 7px 6px;
        font-size: 13px;
        white-space: nowrap;
      }
      .view[data-view="inicio"] .hero-action-label--desktop { display: none; }
      .view[data-view="inicio"] .hero-action-label--mobile { display: inline; }
      .view[data-view="inicio"] .hero-start-button { flex-grow: 1.05; }
      .view[data-view="inicio"] .hero-actions .btn-primary,
      .view[data-view="inicio"] .hero-actions .btn-secondary:not(.hero-start-button) {
        color: #35566d !important;
        border: 1px solid #a9c3d4 !important;
        background: rgba(255, 255, 255, .9) !important;
        box-shadow: 0 5px 12px rgba(54, 91, 116, .08) !important;
      }
      .view[data-view="inicio"] .hero-start-button {
        display: inline-flex;
        order: 2;
        color: #fff !important;
        border-color: #176d9c !important;
        background: linear-gradient(135deg, #16799f, #286aa7) !important;
        box-shadow: 0 8px 17px rgba(31, 112, 157, .24) !important;
      }
      .view[data-view="inicio"] .hero-actions .btn-primary { order: 1; }
      .view[data-view="inicio"] .hero-actions .btn-secondary:not(.hero-start-button) { order: 3; }
      .view[data-view="inicio"] .hero-actions .btn-primary:hover,
      .view[data-view="inicio"] .hero-actions .btn-primary:focus-visible,
      .view[data-view="inicio"] .hero-actions .btn-secondary:not(.hero-start-button):hover,
      .view[data-view="inicio"] .hero-actions .btn-secondary:not(.hero-start-button):focus-visible {
        color: #35566d !important;
        border-color: #a9c3d4 !important;
        background: #fff !important;
      }
      .view[data-view="inicio"] .hero-start-button:hover,
      .view[data-view="inicio"] .hero-start-button:focus-visible {
        color: #fff !important;
        background: linear-gradient(135deg, #16799f, #286aa7) !important;
      }
    }
  

/* Puente WordPress · conserva la entrada visual del laboratorio sin duplicar su menú. */
.elite-source-front { position: relative; z-index: 0; }
body.home-menu-pending .elite-theme-menu {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-18px);
}
body.home-menu-ready .elite-theme-menu {
  visibility: visible;
  animation: eliteThemeMenuReveal .85s cubic-bezier(.22, .61, .36, 1) both;
}
@keyframes eliteThemeMenuReveal {
  0% { opacity: 0; transform: translateY(-18px); }
  100% { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  body.home-menu-pending .elite-theme-menu { visibility: visible; opacity: 1; transform: none; }
  body.home-menu-ready .elite-theme-menu { animation: none; }
}

/* Botón de la app en la barra de acciones de la portada móvil. */
.view[data-view="inicio"] .hero-app-button { display: none; }
@media (max-width: 640px) {
  .view[data-view="inicio"] .hero-actions { flex-wrap: wrap; row-gap: 8px; }
  .view[data-view="inicio"] .hero-actions .hero-app-button {
    display: inline-flex !important;
    flex: 0 0 100%;
    width: 100%;
    order: 4;
    min-height: 36px;
    padding: 7px 8px;
    color: #35566d !important;
    border: 1px solid #a9c3d4 !important;
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 5px 12px rgba(54, 91, 116, .08) !important;
  }
}