/* Portada Nova Secure. Conserva los servicios y la identidad azul de la marca. */
.nova-site { --nova-blue:#139be7; --nova-muted:#98a7bb; }
.nova-home { background:#080d15; }
.nova-header { position:relative; z-index:50; border-bottom:1px solid #ffffff0d; background:#090e16ee; }
.nova-nav { max-width:1280px; margin:auto; height:88px; padding:0 32px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.nova-nav img { width:158px; height:auto; }
.nova-nav nav { display:flex; align-items:center; gap:30px; }
.nova-nav nav a { font-size:13px; color:#a4b2c6; text-decoration:none; }
.nova-nav nav a:hover { color:#fff; }
.nova-nav nav .nova-nav-product { color:#fff; }
.nova-nav-product span { color:#75ccff; padding:4px 7px; border:1px solid #139be740; border-radius:4px; font-size:9px; margin-left:7px; text-transform:uppercase; letter-spacing:.06em; }
.nova-nav-actions { display:flex; align-items:center; gap:12px; }
.nova-contact { color:#fff; font-size:13px; text-decoration:none; border:1px solid #ffffff25; border-radius:7px; padding:11px 16px; display:flex; gap:18px; }
.nova-contact:hover { border-color:#139be7; background:#139be710; }
.nova-menu-toggle { display:none; color:#fff; background:transparent; border:1px solid #ffffff25; padding:8px 12px; border-radius:6px; }
.nova-wrap { max-width:1280px; padding:0 32px; margin:0 auto; }
.nova-home main { pointer-events:auto; }
.nova-hero { position:relative; padding:86px 0 0; overflow:hidden; background:radial-gradient(ellipse at 75% 38%,#10395740 0,transparent 55%); }
.nova-hero::before { content:""; position:absolute; right:0; top:0; width:50%; height:90%; opacity:.12; background-image:linear-gradient(#5ca8d829 1px,transparent 1px),linear-gradient(90deg,#5ca8d829 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(90deg,transparent,#000); pointer-events:none; }
.nova-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:74px; align-items:center; }
.nova-eyebrow { font-size:10px; letter-spacing:.15em; font-weight:600; color:#75c8fb; display:flex; align-items:center; gap:10px; margin:0 0 26px; }
.nova-dot { width:6px; height:6px; background:#54baff; border-radius:50%; box-shadow:0 0 16px #139be7; }
.nova-hero h1 { font-size:clamp(40px,4.5vw,67px); line-height:1.06; letter-spacing:-.055em; font-weight:650; color:#f6f8fd; margin:0; }
.nova-hero h1 em, .nova-section-head em { font-style:normal; color:#42b6fb; }
.nova-lead { font-size:16px; line-height:1.8; color:#a8b8ca; margin:26px 0 28px; max-width:490px; }
.nova-actions { display:flex; flex-wrap:wrap; gap:12px; }
.nova-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; font-size:13px; font-weight:600; padding:16px 20px; border-radius:7px; text-decoration:none; transition:background .2s,transform .2s; }
.nova-primary { background:#0787d0; color:#fff; border:1px solid #0b95e2; box-shadow:0 4px 22px #0787d018; }
.nova-primary:hover { background:#119be6; transform:translateY(-2px); }
.nova-secondary { color:#e3ebf7; background:#ffffff03; border:1px solid #ffffff20; }
.nova-secondary:hover { background:#ffffff0b; }
.nova-micro { font-size:11px; color:#657a92; margin:14px 0 30px; }
.nova-deadline { display:flex; align-items:center; gap:16px; margin:26px 0 0; padding:20px 0 0; border-top:1px solid #ffffff12; max-width:450px; }
.nova-calendar { border:1px solid #ffffff24; border-radius:6px; width:45px; height:52px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#e0e9f6; font-size:22px; font-weight:500; line-height:1; }
.nova-calendar small { font-size:8px; color:#6ba0c5; letter-spacing:.12em; margin-top:6px; }
.nova-deadline p { margin:0; color:#a4b1c2; font-size:11px; line-height:1.6; }
.nova-deadline strong { color:#e4edf9; display:block; font-weight:500; }
.nova-deadline a { display:inline-block; color:#6e98b5; text-decoration:none; margin-top:5px; font-size:10px; }
.nova-course-card { position:relative; background:linear-gradient(140deg,#131f30,#101822); border:1px solid #648fbd30; border-radius:13px; padding:26px; box-shadow:0 30px 90px #0006,0 0 60px #0787d007; }
.nova-card-top { display:flex; justify-content:space-between; align-items:center; font-size:9px; letter-spacing:.15em; padding-bottom:22px; border-bottom:1px solid #ffffff10; color:#e2eaf5; }
.nova-card-top>span:first-child { display:flex; align-items:center; gap:8px; font-weight:600; }
.nova-live { color:#7d95ad; font-size:8px; letter-spacing:.1em; }
.nova-case-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:24px 0 17px; }
.nova-pill { font-size:9px; color:#80cafe; background:#139be715; padding:6px 9px; border-radius:4px; }
.nova-case-step { color:#647b94; font-size:8px; letter-spacing:.1em; }
.nova-course-card h2 { color:#f0f5fc; font-size:26px; font-weight:500; letter-spacing:-.035em; line-height:1.25; margin:0 0 18px; }
.nova-case-story { display:flex; gap:12px; padding:13px; background:#ffffff04; border:1px solid #ffffff09; border-radius:6px; }
.nova-case-story>span { color:#83b5db; font-size:18px; }
.nova-case-story p { color:#9dadc1; font-size:12px; line-height:1.7; margin:0; }
.nova-case-story strong { display:block; color:#c5d5e9; font-weight:500; margin-top:4px; }
.nova-case-options { display:grid; gap:9px; margin:19px 0 12px; }
.nova-case-options button { background:#0d1521; border:1px solid #ffffff12; color:#b5c4d6; border-radius:6px; display:flex; align-items:center; gap:10px; text-align:left; padding:11px 12px; font-size:12px; cursor:pointer; line-height:1.45; }
.nova-case-options button:hover { border-color:#4fa7df90; background:#12243b; }
.nova-case-options button>span { border:1px solid #ffffff13; padding:3px 6px; border-radius:3px; font-size:9px; color:#6f91b3; }
.nova-case-options i { margin-left:auto; font-style:normal; color:#58738f; }
.nova-case-options .nova-answer-correct { border-color:#57c5a0; background:#10312e; color:#c0eddd; }
.nova-case-options .nova-answer-wrong { border-color:#b87676; background:#301f29; }
.nova-case-feedback { margin:0; min-height:40px; font-size:11px; line-height:1.7; color:#778fa8; }
.nova-feedback-correct { color:#9ce0ca; }
.nova-card-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding-top:18px; margin-top:10px; border-top:1px solid #ffffff0d; font-size:9px; color:#698199; }
.nova-card-bottom a { color:#91d2fb; text-decoration:none; }
.nova-hero-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; align-items:center; margin-top:72px; padding-top:24px; padding-bottom:24px; border-top:1px solid #ffffff0d; color:#a4b6ca; font-size:11px; }
.nova-hero-bottom>span { font-size:9px; letter-spacing:.13em; color:#5c7692; }
.nova-hero-bottom p { margin:0; }
.nova-product { background:#0b111c; border-top:1px solid #ffffff0c; border-bottom:1px solid #ffffff0c; padding:82px 0; }
.nova-section-head { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:40px; }
.nova-section-head .nova-eyebrow { margin-bottom:15px; }
.nova-section-head h2 { color:#f1f5fc; font-size:38px; font-weight:500; line-height:1.17; letter-spacing:-.04em; margin:0; }
.nova-section-head>p { color:#8da0b8; line-height:1.8; font-size:13px; max-width:320px; }
.nova-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; padding-bottom:42px; border-bottom:1px solid #ffffff12; }
.nova-feature-icon { display:block; color:#51b5f0; font-size:11px; margin-bottom:15px; }
.nova-benefits h3 { color:#dfe9f7; font-size:16px; font-weight:500; margin:0 0 10px; }
.nova-benefits p { color:#8398b2; font-size:12px; line-height:1.8; margin:0; }
.nova-track-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:35px 0 20px; }
.nova-track-head h3 { font-size:16px; font-weight:500; color:#d6e2f3; }
.nova-track-head>span { color:#6f849d; font-size:10px; }
.nova-tracks { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.nova-tracks>a { display:block; text-decoration:none; border:1px solid #ffffff13; border-radius:8px; padding:24px; background:#ffffff02; transition:border-color .2s,background .2s; }
.nova-tracks>a:hover { background:#139be708; border-color:#139be76b; }
.nova-track-num { font-size:9px; color:#6486a9; letter-spacing:.12em; }
.nova-tracks h3 { color:#e1eafa; font-size:18px; margin:17px 0 10px; font-weight:500; }
.nova-tracks p { color:#879db6; line-height:1.8; font-size:12px; margin:0 0 24px; }
.nova-track-link { font-size:11px; color:#67b9ed; }
.nova-product-footer { display:flex; align-items:center; gap:24px; margin-top:30px; }
.nova-product-footer p { color:#788fa9; font-size:11px; }
.nova-legal-note { color:#71849c; font-size:10px; line-height:1.7; margin:22px 0 0; max-width:750px; }
.nova-home #services { padding-top:82px; padding-bottom:80px; }
.nova-home #services::before { content:"TAMBIÉN CONSTRUIMOS TU SIGUIENTE PASO"; display:block; max-width:1280px; margin:0 auto 18px; color:#4f8cb3; font-size:10px; letter-spacing:.15em; }
.nova-site a:focus-visible, .nova-site button:focus-visible { outline:2px solid #58c2ff; outline-offset:5px; }
@media(min-width:1600px) { .nova-hero { padding-top:100px; } }
@media(max-width:1050px) { .nova-hero-grid { gap:32px; } .nova-nav nav { gap:18px; } .nova-hero h1 { font-size:52px; } .nova-course-card { padding:22px; } .nova-course-card h2 { font-size:24px; } }
@media(max-width:760px) { .nova-nav { height:72px; padding:0 20px; } .nova-nav img { width:130px; } .nova-contact { font-size:11px; padding:10px 12px; gap:8px; } .nova-menu-toggle { display:block; } .nova-nav nav { display:none; position:absolute; top:72px; left:0; right:0; background:#0d1725; padding:24px; border-bottom:1px solid #ffffff20; gap:24px; } .nova-nav nav.nova-menu-open { display:flex; flex-direction:column; align-items:flex-start; } .nova-wrap { padding:0 22px; } .nova-hero { padding-top:46px; } .nova-hero-grid { grid-template-columns:1fr; gap:38px; } .nova-hero h1 { font-size:49px; } .nova-eyebrow { font-size:9px; margin-bottom:22px; } .nova-lead { font-size:14px; line-height:1.8; margin:22px 0; } .nova-button { font-size:12px; gap:16px; padding:14px 16px; } .nova-deadline { margin-top:20px; } .nova-course-card { max-width:540px; width:100%; } .nova-course-card h2 { font-size:26px; } .nova-case-options button { font-size:11px; } .nova-hero-bottom { margin-top:38px; justify-content:flex-start; column-gap:24px; row-gap:12px; } .nova-hero-bottom>span { flex-basis:100%; } .nova-product { padding:54px 0; } .nova-section-head { flex-direction:column; gap:16px; align-items:start; margin-bottom:30px; } .nova-section-head h2 { font-size:33px; } .nova-section-head>p { max-width:none; } .nova-benefits { grid-template-columns:1fr; gap:24px; } .nova-tracks { grid-template-columns:1fr; } .nova-track-head { align-items:start; flex-direction:column; gap:7px; } .nova-product-footer { align-items:start; flex-direction:column; gap:14px; } .nova-home #services { padding-top:50px; } }
@media(max-width:370px) { .nova-contact { display:none; } .nova-hero h1 { font-size:42px; } .nova-actions { flex-direction:column; } .nova-live { font-size:7px; } }
@media(prefers-reduced-motion:reduce) { .nova-site * { scroll-behavior:auto!important; transition:none!important; } }