:root { --bg:#0d0d0d; --surface:#141414; --surface-raised:#1a1a1a; --line:rgba(232,160,32,.28); --text:#f5f1e8; --muted:#aaa39a; --amber:#e8a020; --amber-light:#ffc35a; --danger:#ff9a8d; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { min-height:100vh; margin:0; color:var(--text); background:radial-gradient(ellipse 65% 44% at 15% 15%,rgba(130,81,18,.20),transparent 70%),radial-gradient(ellipse 55% 38% at 92% 90%,rgba(82,51,12,.14),transparent 70%),var(--bg); font-family:Inter,Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 70%); }
.apply-nav { min-height:74px; display:flex; align-items:center; gap:22px; padding:0 clamp(20px,5vw,72px); border-bottom:1px solid rgba(232,160,32,.18); background:rgba(13,13,13,.9); position:relative; z-index:1; }
.nav-logo { display:inline-flex; align-items:center; gap:9px; color:var(--text); font-family:Orbitron,Arial,sans-serif; font-size:.86rem; font-weight:700; letter-spacing:.15em; text-decoration:none; white-space:nowrap; }.nav-logo img { width:22px; height:22px; object-fit:contain; }.nav-dot { color:var(--amber); }
.nav-context { color:var(--muted); font-family:"JetBrains Mono",monospace; font-size:.61rem; letter-spacing:.16em; }.nav-back { margin-left:auto; color:var(--amber-light); font-family:Orbitron,Arial,sans-serif; font-size:.62rem; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }.nav-back:hover { color:#fff; }
.diagnostico-shell { width:min(100% - 32px,760px); margin:0 auto; padding:clamp(46px,8vw,82px) 0 46px; position:relative; z-index:1; }
.apply-hero { max-width:650px; margin:0 auto clamp(28px,5vw,45px); text-align:center; }.section-label { display:block; color:var(--amber); font-family:"JetBrains Mono",monospace; font-size:.61rem; letter-spacing:.2em; text-transform:uppercase; }.divider { display:block; width:42px; height:1px; margin:13px auto 18px; background:var(--amber); }.apply-hero h1 { margin:0; font-family:Orbitron,Arial,sans-serif; font-size:clamp(1.9rem,5.1vw,3.2rem); font-weight:700; letter-spacing:-.05em; line-height:1.15; }.apply-hero h1 span { color:var(--amber); }.apply-hero p { max-width:520px; margin:18px auto 0; color:var(--muted); font-size:.97rem; line-height:1.7; }
.diagnostico-panel { overflow:hidden; border:1px solid var(--line); border-radius:10px; background:linear-gradient(145deg,rgba(27,27,27,.98),rgba(13,13,13,.99)); box-shadow:0 26px 90px rgba(0,0,0,.4); }.progress-copy { display:flex; justify-content:space-between; gap:12px; padding:20px 30px 12px; color:var(--muted); font-family:"JetBrains Mono",monospace; font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; }.progress-copy span:first-child { color:var(--amber); }.progress-track { height:2px; background:#302819; }.progress-track span { display:block; width:20%; height:100%; background:var(--amber); transition:width .22s ease; }
form { padding:clamp(30px,6vw,55px); } fieldset { min-width:0; margin:0; padding:0; border:0; } legend { max-width:620px; font-family:Orbitron,Arial,sans-serif; font-size:clamp(1.25rem,3.5vw,1.8rem); font-weight:600; letter-spacing:-.04em; line-height:1.35; }.quiz-intro { max-width:520px; margin:14px 0 29px; color:var(--muted); font-size:.95rem; line-height:1.65; }
.choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.choice { display:flex; min-height:76px; align-items:center; cursor:pointer; border:1px solid rgba(232,160,32,.19); padding:15px 16px; background:rgba(255,255,255,.015); color:#eee8dd; font-size:.91rem; line-height:1.4; transition:border-color .16s ease,background .16s ease,transform .16s ease; }.choice:hover { border-color:var(--amber); background:rgba(232,160,32,.07); transform:translateY(-1px); }.choice:has(input:checked) { border-color:var(--amber); background:rgba(232,160,32,.13); box-shadow:inset 0 0 0 1px rgba(232,160,32,.2); }.choice input { position:absolute; width:1px; height:1px; opacity:0; }.choice:focus-within { outline:2px solid var(--amber-light); outline-offset:2px; }
.quiz-actions { display:flex; justify-content:space-between; gap:12px; margin-top:32px; }.quiz-actions button,.success a { min-height:47px; border:0; padding:0 20px; cursor:pointer; font-family:Orbitron,Arial,sans-serif; font-size:.65rem; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }.next { margin-left:auto; color:#160f05; background:var(--amber); }.next:hover { background:var(--amber-light); }.next:disabled { cursor:wait; opacity:.7; }.back { background:transparent; color:var(--muted); }.back:hover { color:var(--text); }.quiz-error { margin:22px 0 -10px; color:var(--danger); font-size:.9rem; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.quiz-contact label:not(.consent) { display:grid; gap:8px; color:#e6ddce; font-family:"JetBrains Mono",monospace; font-size:.68rem; letter-spacing:.06em; text-transform:uppercase; }.quiz-contact input[type="text"],.quiz-contact input[type="tel"],.quiz-contact input[type="email"] { width:100%; border:1px solid rgba(232,160,32,.2); border-radius:0; padding:14px; background:#101010; color:var(--text); font:inherit; }.quiz-contact input:focus { outline:1px solid var(--amber); border-color:var(--amber); }.business-label { margin-top:14px; }.business-label span { color:var(--muted); font-weight:400; }.consent { display:flex; align-items:flex-start; gap:10px; margin-top:24px; color:var(--muted); font-size:.8rem; line-height:1.5; }.consent input { margin-top:3px; accent-color:var(--amber); }.consent a { color:var(--amber-light); }.success { padding:0 50px 56px; text-align:center; }.success > span { display:grid; width:46px; height:46px; place-items:center; margin:0 auto 18px; border:1px solid var(--amber); color:var(--amber); font-size:1.35rem; }.success h2 { margin:0; font-family:Orbitron,Arial,sans-serif; font-size:1.55rem; }.success p { max-width:410px; margin:14px auto 26px; color:var(--muted); line-height:1.6; }.success a { display:inline-flex; align-items:center; background:var(--amber); color:#160f05; }.reassurance { margin:21px 0 0; color:#8f877c; font-family:"JetBrains Mono",monospace; font-size:.66rem; letter-spacing:.04em; text-align:center; }
@media (max-width:620px) { .apply-nav { min-height:64px; padding:0 18px; }.nav-context { display:none; }.nav-back { font-size:.55rem; }.diagnostico-shell { width:min(100% - 22px,760px); padding-top:42px; }.progress-copy { padding:17px 20px 11px; font-size:.56rem; }.progress-copy span:last-child { display:none; } form { padding:31px 21px; }.choice-grid,.contact-grid { grid-template-columns:1fr; }.choice { min-height:65px; }.quiz-actions button { padding:0 14px; font-size:.59rem; }.success { padding:0 24px 40px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }