@import 'https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap';:root {--bg:         #ffffff;--surface:    #ffffff;--surface2:   #f8f9fb;--border:     #e5e8ed;--accent:     #11afc3;--accent2:    #11afc3;--blue:       #11afc3;--text:       #1a1a2e;--text-muted: #6b7a99;--text-dim:   #9aaabb;--white:      #ffffff;--radius:     12px;--radius-lg:  18px;--font-main:  'Plus Jakarta Sans', sans-serif;--font-mono:  'JetBrains Mono', monospace;--accent3:    #f35358;}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;min-width: 0;}html {scroll-behavior: smooth;overflow-x: hidden;}body {font-family: var(--font-main);background: var(--bg);color: var(--text);line-height: 1.6;overflow-x: hidden;width: 100%;}a { text-decoration: none; color: inherit; }img { max-width: 100%; height: auto; }nav {position: sticky;top: 0;z-index: 100;display: flex;align-items: center;justify-content: space-between;padding: 0 16px;height: 60px;background: rgba(255, 255, 255, 0.96);backdrop-filter: blur(14px);border-bottom: 1px solid var(--border);box-shadow: 0 1px 4px rgba(0,0,0,0.06);}.nav-logo {display: flex;align-items: center;gap: 10px;font-weight: 800;font-size: 1.1rem;color: var(--accent);}.nav-logo-text {height: 32px;width: auto;}.nav-actions { display: flex; align-items: center; gap: 8px; }.btn-nav-outline {padding: 7px 14px;border: 1.5px solid var(--border);border-radius: 8px;color: var(--text);font-size: 0.82rem;font-weight: 600;transition: border-color .2s, color .2s;white-space: nowrap;}.btn-nav-outline:hover { border-color: var(--accent); color: var(--accent); }.btn-nav-fill {padding: 7px 14px;background: var(--accent);border-radius: 8px;color: var(--white);font-size: 0.82rem;font-weight: 700;transition: background .2s;white-space: nowrap;}.btn-nav-fill:hover { background: var(--accent2); }.hero {display: flex;flex-direction: column;gap: 32px;max-width: 1280px;margin: 0 auto;padding: 40px 16px 48px;width: 100%;}.hero-content { width: 100%; }.hero-title {font-size: clamp(1.6rem, 6vw, 3.2rem);font-weight: 800;line-height: 1.18;letter-spacing: -0.5px;color: var(--text);margin-bottom: 16px;word-break: break-word;overflow-wrap: break-word;}.hero-title span { color: var(--accent); }.hero-subtitle {display: flex;gap: 8px;margin-bottom: 24px;flex-wrap: wrap;}.hero-subtitle span {font-size: 0.82rem;font-weight: 600;color: var(--text-muted);}.hero-subtitle span::before { content: "✓ "; color: var(--accent); font-weight: 700; }.hero-search {display: flex;margin-bottom: 28px;border-radius: 10px;overflow: hidden;border: 1.5px solid var(--border);width: 100%;max-width: 520px;}.hero-search input {flex: 1;padding: 12px 14px;background: #f4f6f9;border: none;outline: none;color: var(--text);font-family: var(--font-main);font-size: 0.88rem;min-width: 0;width: 100%;}.hero-search input::placeholder { color: var(--text-muted); }.hero-search button {padding: 12px 18px;background: var(--accent);color: var(--white);border: none;cursor: pointer;font-family: var(--font-main);font-weight: 700;font-size: 0.85rem;white-space: nowrap;flex-shrink: 0;}.hero-search button:hover { background: var(--accent2); }.hero-stats {display: flex;gap: 24px;flex-wrap: wrap;}.stat-item { display: flex; flex-direction: column; }.stat-num {font-size: 1.6rem;font-weight: 800;color: var(--text);line-height: 1;}.stat-num span { color: var(--accent); }.stat-label {font-size: 0.75rem;color: var(--text-muted);font-weight: 500;margin-top: 4px;}.hero-visual { display: none; }.clientes {padding: 24px 16px;max-width: 1280px;margin: 0 auto;width: 100%;overflow: hidden;}.clientes-label {text-align: center;font-size: 0.75rem;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;color: var(--text-muted);margin-bottom: 16px;}.clientes-track-wrapper {overflow: hidden;width: 100%;mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);}.clientes-track {display: flex;gap: 40px;width: max-content;animation: scroll-logos 18s linear infinite;}.clientes-track:hover { animation-play-state: paused; }@keyframes scroll-logos {0%   { transform: translateX(0); }100% { transform: translateX(var(--logos-width, -50%)); }}.cliente-logo {display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.section-header {display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 20px;margin-top: 20px;flex-wrap: wrap;gap: 8px;}.section-title {font-size: 1.2rem;font-weight: 800;color: var(--text);letter-spacing: -0.3px;}.section-subtitle {color: var(--text-muted);font-size: 0.9rem;margin: 4px 0 0;line-height: 1.5;}.see-all {font-size: 0.85rem;font-weight: 600;color: var(--accent);white-space: nowrap;}.features-header {text-align: center;margin-bottom: 32px;margin-top: 32px;padding: 0 8px;}.features-subtitle {display: block;color: #fe4a55;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px;}.features-title {font-size: clamp(15px, 3vw, 22px);font-weight: normal;color: #221638;max-width: 680px;margin: 0 auto;line-height: 1.45;word-break: break-word;overflow-wrap: break-word;}.cursos-bg-section {background-color: #f5f5f5;padding: 32px 0;width: 100%;}.objetivos {max-width: 1280px;margin: 40px auto;padding: 0 16px;width: 100%;}.objetivos-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}.objetivo-card {background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 20px 16px;transition: border-color .2s, transform .2s;}.objetivo-card:hover { border-color: rgba(230,92,0,0.4); transform: translateY(-2px); }.obj-icon { font-size: 1.6rem; margin-bottom: 10px; line-height: 1; }.objetivo-card h3 {font-size: 0.9rem;font-weight: 700;color: var(--text);margin-bottom: 10px;line-height: 1.3;}.obj-tags { display: flex; gap: 5px; flex-wrap: wrap; }.obj-tag {padding: 2px 8px;background: #f0f2f5;border: 1px solid var(--border);border-radius: 20px;font-size: 0.68rem;font-weight: 600;color: var(--text-muted);font-family: var(--font-mono);}.obj-tag.orange {background: rgba(230,92,0,0.15);border-color: rgba(230,92,0,0.35);color: var(--accent2);}.cursos {max-width: 1280px;margin: 0 auto 48px;padding: 0 16px;width: 100%;}.cursos-grid {display: grid;grid-template-columns: 1fr;gap: 16px;}.curso-card {background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: transform .2s, box-shadow .2s;display: block;width: 100%;}.curso-card:hover {transform: translateY(-3px);box-shadow: 0 12px 32px rgba(0,0,0,0.1);}.curso-thumb-bg {position: relative;height: 160px;display: flex;align-items: flex-end;padding: 12px;width: 100%;}.curso-badge {padding: 3px 10px;border-radius: 20px;font-size: 0.7rem;font-weight: 700;}.badge-bestseller { background: #f59e0b; color: #1a0a00; }.badge-popular    { background: #22c55e; color: #001a08; }.badge-hot        { background: var(--accent); color: var(--white); }.curso-body { padding: 16px; }.curso-title {font-size: 0.95rem;font-weight: 700;color: var(--text);line-height: 1.4;margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.curso-author {font-size: 0.73rem;color: var(--text-muted);margin-bottom: 6px;}.curso-meta {display: flex;flex-direction: column;gap: 3px;margin-bottom: 10px;}.curso-meta span { font-size: 0.73rem; color: var(--text-muted); }.curso-price {font-size: 1rem;font-weight: 800;color: var(--text);font-family: var(--font-mono);}.curso-stars { display: flex; align-items: center; gap: 4px; margin: 2px 0 6px; }.stars-row   { display: flex; gap: 1px; }.star-full   { color: #f59e0b; font-size: 13px; line-height: 1; }.star-empty  { color: #ccc;    font-size: 13px; line-height: 1; }.stars-count { font-size: 11px; color: #888; }.videos {max-width: 1280px;margin: 0 auto 48px;padding: 0 16px;width: 100%;}.videos-grid {display: grid;grid-template-columns: 1fr;gap: 16px;}.video-card {display: block;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: transform .2s, box-shadow .2s;width: 100%;}.video-card:hover {transform: translateY(-3px);box-shadow: 0 12px 32px rgba(0,0,0,0.3);}.video-thumb {position: relative;overflow: hidden;aspect-ratio: 16 / 9;width: 100%;display: block;}.video-body { padding: 12px 14px 14px; }.video-title {font-size: 0.85rem;font-weight: 700;color: var(--text);line-height: 1.4;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.video-meta {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}.video-meta span { font-size: 0.72rem; color: var(--text-muted); }.features-area { padding: 0; width: 100%; }.features-container {max-width: 1200px;margin: 0 auto;padding: 0 16px;width: 100%;}.features-grid {display: grid;grid-template-columns: 1fr;gap: 16px;}.feature-card {text-align: center;background-color: #ffffff;border-radius: 8px;padding: 24px 20px;display: flex;flex-direction: column;align-items: center;transition: transform 0.3s;}.feature-card:hover { transform: translateY(-6px); }.feature-icon {font-size: 40px;line-height: 1;margin-bottom: 12px;color: #221638;}.feature-card h3 {margin-bottom: 10px;font-size: 16px;font-weight: 800;color: #221638;}.feature-card p {font-size: 13px;color: #606060;line-height: 1.6;flex-grow: 1;}.servicios {max-width: 1280px;margin: 0 auto;padding: 0 16px;width: 100%;}.servicios-grid {display: grid;grid-template-columns: 1fr;gap: 16px;margin-bottom: 2rem;}.servicio-card {background: #fff;border-radius: 12px;padding: 24px;display: flex;flex-direction: column;gap: 0.65rem;transition: box-shadow 0.2s;border: 1px solid #eee;}.servicio-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }.servicio-icon {width: 44px;height: 44px;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: var(--accent3);margin-bottom: 4px;}.servicio-card h3 {font-size: 17px;font-weight: 700;color: #1a1a1a;margin: 0;}.servicio-card p {font-size: 13px;color: #666;line-height: 1.6;margin: 0;}.servicio-list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 5px;flex: 1;}.servicio-list li {font-size: 13px;color: #555;padding-left: 16px;position: relative;}.servicio-list li::before {content: '';position: absolute;left: 0;top: 7px;width: 6px;height: 6px;border-radius: 50%;background: var(--accent3);}.servicio-cta {font-size: 14px;font-weight: 600;color: var(--accent3);text-decoration: none;margin-top: 4px;display: inline-block;}.testimoniales {max-width: 1280px;margin: 0 auto 60px;padding: 40px 16px;width: 100%;}.success-box {background: #fff;border-radius: 8px;overflow: hidden;display: flex;flex-direction: column;box-shadow: 0 2px 12px rgba(0,0,0,0.06);}.success-content { padding: 20px 20px 14px; flex: 1; }.success-content p { font-size: 13px; color: #555; line-height: 1.7; margin: 0; }.success-author { padding: 14px 20px 20px; border-top: 1px solid #f0f0f0; }.success-author h3 { font-weight: 800; font-size: 14px; margin: 6px 0 3px; color: #2c3e50; }.success-author span { display: block; font-size: 12px; font-weight: 600; }.success-author span a, .success-author > a { color: #e74c3c; text-decoration: none; }.test-slider-outer {display: flex;align-items: center;gap: 8px;width: 100%;overflow: hidden;}.test-slider-wrapper {flex: 1;overflow: hidden;min-width: 0;}.test-slider-track {display: flex;transition: transform 0.5s ease;will-change: transform;}.test-slide {flex: 0 0 100%;margin-right: 16px;}.test-controls {display: flex;justify-content: center;margin-top: 20px;}.test-btn {background: transparent;color: var(--accent);border: 1px solid var(--accent);border-radius: 50%;width: 36px;height: 36px;cursor: pointer;flex-shrink: 0;display: flex;align-items: center;justify-content: center;padding: 0;transition: opacity 0.2s;}.test-btn:disabled { opacity: 0.25; cursor: default; }.test-dots { display: flex; gap: 6px; }.test-dot {width: 7px;height: 7px;border-radius: 50%;background: var(--border);cursor: pointer;transition: background 0.3s;}.test-dot.active { background: var(--accent); }.rutas {max-width: 1280px;margin: 40px auto;padding: 0 16px;width: 100%;}.rutas-grid {display: grid;grid-template-columns: 1fr;gap: 16px;}.t-NavigationBar-item.register .t-Button--navBar {background: var(--accent3) !important;color: #fff !important;padding: 6px 14px !important;border-radius: 6px !important;}@keyframes fadeUp {from { opacity: 0; transform: translateY(20px); }to   { opacity: 1; transform: translateY(0); }}.hero          { animation: fadeUp .5s ease both; }.clientes      { animation: fadeUp .5s .1s ease both; }.cursos        { animation: fadeUp .5s .2s ease both; }.videos        { animation: fadeUp .5s .3s ease both; }.testimoniales { animation: fadeUp .5s .4s ease both; }@media (min-width: 600px) {nav { padding: 0 24px; height: 64px; }.hero { padding: 48px 24px 56px; }.stat-num { font-size: 1.8rem; }.objetivos-grid { gap: 16px; }.cursos-grid  { grid-template-columns: repeat(2, 1fr); }.videos-grid  { grid-template-columns: repeat(2, 1fr); }.features-grid { grid-template-columns: repeat(2, 1fr); }.servicios-grid { grid-template-columns: repeat(2, 1fr); }.rutas-grid   { grid-template-columns: repeat(2, 1fr); }.test-slide { flex: 0 0 calc(50% - 8px); }.clientes { padding: 24px; }}@media (min-width: 900px) {nav { padding: 0 40px; height: 68px; }.hero {display: grid;grid-template-columns: 1fr 1fr;gap: 48px;padding: 72px 40px 64px;}.hero-visual {display: flex;justify-content: center;align-items: center;}.hero-illustration {position: relative;width: 100%;max-width: 460px;height: 360px;}.stat-num { font-size: 1.9rem; }.cursos { padding: 0 40px; }.videos { padding: 0 40px; }.objetivos { padding: 0 40px; }.testimoniales { padding: 40px; }.clientes { padding: 28px 40px; }.servicios { padding: 0 40px; }.features-container { padding: 0 40px; }.rutas { padding: 0 40px; }.cursos-grid  { grid-template-columns: repeat(2, 1fr); gap: 20px; }.videos-grid  { grid-template-columns: repeat(2, 1fr); gap: 20px; }.features-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }.servicios-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }.objetivos-grid { grid-template-columns: repeat(4, 1fr); }.rutas-grid   { grid-template-columns: repeat(3, 1fr); }.test-slide { flex: 0 0 calc(50% - 10px); margin-right: 20px; }.section-title { font-size: 1.5rem; }}@media (min-width: 1200px) {nav { padding: 0 48px; }.hero { padding: 80px 48px 72px; gap: 48px; }.cursos { padding: 0 48px; }.videos { padding: 0 48px; }.objetivos { padding: 0 48px; }.testimoniales { padding: 60px 48px; }.clientes { padding: 28px 48px; }.servicios { padding: 0 48px; }.features-container { padding: 0 48px; }.rutas { padding: 0 48px; }.cursos-grid  { grid-template-columns: repeat(4, 1fr); }.videos-grid  { grid-template-columns: repeat(4, 1fr); }.features-grid { grid-template-columns: repeat(4, 1fr); }.test-slide { flex: 0 0 calc(25% - 15px); }}