/* Complementos de la landing de generacursos sobre el CSS de norteduc.cl (static/nrt/norteduc.css) */
.gc-tag{display:inline-block;margin-left:.7rem;padding-left:.7rem;border-left:1px solid rgba(255,255,255,.35);color:#fff;font-weight:700;font-size:.95rem;white-space:nowrap}
header.nav.scrolled .gc-tag{color:var(--navy);border-left-color:var(--line)}
.hero h1 span{color:var(--orange)}
.nw{white-space:nowrap}
.hero .lead{max-width:none}
.hero-badges b{color:var(--cyan)}
.gc-pasos{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;counter-reset:paso;list-style:none;padding:0;margin:0}
.gc-pasos li{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:var(--radius);padding:1.5rem 1.2rem;position:relative}
.gc-pasos li::before{counter-increment:paso;content:counter(paso);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-weight:800;margin-bottom:.8rem}
.gc-pasos h3{font-size:1.05rem;margin-bottom:.4rem;color:var(--navy)}
.gc-pasos p{font-size:.93rem;color:var(--muted)}
.gc-ficha{background:#fff;color:var(--ink);border-radius:var(--radius);padding:1.6rem;text-align:left;box-shadow:var(--shadow);width:100%}
.gc-ficha h3{font-size:1.1rem;color:var(--navy);margin-bottom:.2rem}
.gc-ficha .meta{font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.gc-ae{border-radius:12px;padding:.8rem 1rem;margin:.6rem 0;font-size:.95rem;border-left:4px solid var(--teal);background:#eef8f9}
.gc-ae.mal{border-left-color:#c2410c;background:#fff4ec;text-decoration:line-through;text-decoration-color:rgba(194,65,12,.5)}
.gc-ficha .obs{font-size:.85rem;color:#9a3412;margin:0 0 .4rem}
.gc-sello{display:inline-block;margin-top:.6rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0f766e;background:#ccfbf1;border-radius:100px;padding:.35rem .8rem}
.gc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.gc-grid .card h3{font-size:1.08rem;color:var(--navy);margin:.8rem 0 .4rem}
.gc-grid .card p{font-size:.95rem;color:var(--muted)}
.gc-grid .ico{font-size:1.6rem}
.gc-personaliza{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.gc-voces{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.gc-voz{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem}
.gc-voz b{display:block;color:var(--navy)}
.gc-voz small{color:var(--muted);display:block;margin-bottom:.6rem}
.gc-voz audio{width:100%;height:36px}
.gc-estilos{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.gc-estilos figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.gc-estilos img{width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover}
.gc-estilos figcaption{padding:.7rem 1rem;font-weight:700;color:var(--navy);font-size:.95rem}
.gc-precio{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.gc-formula{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:var(--navy);line-height:1.25;margin:.4rem 0 1rem}
.gc-formula span{color:var(--orange)}
.gc-tabla{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.gc-tabla th,.gc-tabla td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line);font-size:.95rem}
.gc-tabla th{background:var(--navy);color:#fff;font-weight:700}
.gc-tabla td:last-child,.gc-tabla th:last-child{text-align:right;white-space:nowrap}
.gc-tabla tr:last-child td{border-bottom:0}
.gc-nota{font-size:.88rem;color:var(--muted);margin-top:.9rem}
.sec-head p{color:var(--muted);max-width:none}
.cursos .gc-cta-sub{opacity:.9;margin:0 auto 2rem}
.btn:focus-visible,nav.menu a:focus-visible,.hamburger:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
@media (max-width:1100px){.gc-pasos{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){
  .gc-grid,.gc-personaliza,.gc-precio{grid-template-columns:1fr}
  .gc-pasos{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .gc-pasos,.gc-voces,.gc-estilos{grid-template-columns:1fr}
  .gc-tag{font-size:.85rem}
  .gc-tabla th,.gc-tabla td{padding:.7rem .75rem;font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){.reveal{transition:none!important;opacity:1!important;transform:none!important}}

/* Revisión UX 28-09 */
.hamburger{min-width:44px;min-height:44px;padding:14px 9px}
.gc-formula span{color:#c2610a}
.hero-card .val{font-weight:600}
.gc-solo-movil{display:none}
@media (max-width:900px){nav.menu .gc-solo-movil{display:block}}
/* Menú con 6 enlaces: sin cortes de línea en anchos intermedios */
@media (min-width:901px){nav.menu a{white-space:nowrap}}
@media (min-width:901px) and (max-width:1200px){.gc-nav-ext,.gc-tag{display:none}nav.menu{gap:1.1rem}}
@media (min-width:901px) and (max-width:1460px){.gc-tag{display:none}}
/* Accesibilidad (28-09-2026): H-02 texto oscuro en el botón naranjo; H-13 títulos del pie; foco visible. */
.btn-primary,.btn-primary:hover{color:#0a2a44}
footer .pie-tit{color:#fff;font-size:1rem;margin-bottom:1rem;font-weight:700;letter-spacing:0}
.saltar{position:absolute;left:-999px;top:0;background:#0a2a44;color:#fff;padding:10px 14px;z-index:99;border-radius:8px}
.saltar:focus{left:8px;top:8px}
/* «Así quedará tu curso» bajo los cinco pasos: botón primario NortEduc (naranjo en píldora) con texto marino
   para llegar a AA (blanco sobre #f5871f da 2,5:1; marino #0a2a44 da 6,8:1). */
.gc-ver-ejemplo{margin:2.2rem 0 0;text-align:center}
.gc-btn-ejemplo{min-height:48px;justify-content:center;background:#f5871f;color:#0a2a44;box-shadow:0 12px 30px -10px rgba(245,135,31,.55);text-decoration:none}
.gc-btn-ejemplo:hover{background:#f79a45;color:#0a2a44;transform:translateY(-2px)}
.gc-btn-ejemplo:focus-visible{outline:3px solid #0a2a44;outline-offset:3px;box-shadow:0 0 0 6px #fff}
.gc-btn-ejemplo svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.gc-btn-ejemplo:hover svg{transform:translateX(3px)}
@media (max-width:560px){.gc-btn-ejemplo{width:100%;max-width:360px}}
@media (prefers-reduced-motion:reduce){.gc-btn-ejemplo,.gc-btn-ejemplo svg{transition:none;transform:none!important}}

/* Hero: línea con efecto de tipeo (tipeo.js). El texto completo va en .sr-tipeo para lectores de pantalla. */
.hero h1 .sr-tipeo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero h1 .tipeo{display:block;min-height:1.2em;white-space:nowrap}
.hero h1 .tipeo-txt{color:var(--orange)}
.hero h1 .tipeo-cur{display:inline-block;width:.08em;height:.95em;margin-left:.08em;vertical-align:-.08em;background:var(--orange);animation:tipeo-cur 1s steps(1) infinite}
@keyframes tipeo-cur{50%{opacity:0}}
@media (max-width:560px){.hero h1 .tipeo{white-space:normal;min-height:2.4em}}
@media (prefers-reduced-motion:reduce){.hero h1 .tipeo-cur{animation:none}}

/* Video UGC de la portada */
.gc-video-sec{background:linear-gradient(180deg,#fff 0%,#f3f7fb 100%)}
.gc-video-grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:56px;align-items:center;max-width:1040px}
.gc-video{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(11,31,63,.55);background:#0a2a44;aspect-ratio:9/16}
.gc-video video{display:block;width:100%;height:100%;object-fit:cover}
.gc-video-sec h2{font-size:clamp(1.6rem,3.2vw,2.2rem);color:var(--navy);margin:.5rem 0 .9rem;line-height:1.2}
.gc-video-sec p{font-size:1.05rem;line-height:1.7;color:#1f2937;margin:0 0 1.4rem}
.btn-ghost-oscuro{border:2px solid var(--navy);color:var(--navy);background:transparent}
.btn-ghost-oscuro:hover,.btn-ghost-oscuro:focus-visible{background:var(--navy);color:#fff}
@media (max-width:820px){.gc-video-grid{grid-template-columns:1fr;gap:28px}.gc-video{max-width:340px;margin:0 auto}}
.gc-lanza{display:inline-block;background:#fff4e8;border:2px solid var(--orange);border-radius:14px;padding:.6rem 1rem;color:#1f2937;font-size:1rem;margin:.2rem 0 1rem}
.gc-lanza b{color:var(--navy)}