/* /test-ia/ — misma superficie continua que Aviso Legal. */
html, body { background:#050a14; }
body, #page, .site, .site-content, #content, .ast-container, #primary, .entry-content { background-color:transparent; }
#page { background:radial-gradient(circle at 12% 8%,rgba(47,194,255,.1),transparent 28rem),radial-gradient(circle at 92% 30%,rgba(110,91,255,.1),transparent 28rem),#050a14; }
.orbytra-footer.orbytra-footer--dark-surface { background:transparent !important; }

.test-page { width:100vw; margin-left:calc(50% - 50vw); color:#f7fbff; }
.test-page,.test-page *,.test-page *::before,.test-page *::after { box-sizing:border-box; }
.test-hero { min-height:100vh; min-height:100svh; display:flex; align-items:center; padding:142px 0 38px; }
.test-container { width:min(1240px,calc(100% - 80px)); margin:0 auto; }
.test-card { width:100%; padding:40px 64px; border:1px solid rgba(255,255,255,.18); border-radius:26px; background:radial-gradient(circle at 90% 4%,rgba(47,194,255,.18),transparent 22rem),linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045)); box-shadow:0 32px 90px rgba(0,0,0,.3); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.test-card__intro { max-width:none; }
.test-eyebrow { margin:0 0 16px; color:#2fc2ff !important; font-size:12px !important; font-weight:800; letter-spacing:.14em; line-height:1.2; text-transform:uppercase; }
.test-card h1,.test-card h2 { margin:0; color:#fff; font-weight:650; letter-spacing:-.045em; }
.test-card h1 { font-size:70px; line-height:1; }
.test-card h2 { font-size:clamp(2rem,3.3vw,3.2rem); line-height:1.04; }
.test-card p { color:rgba(222,233,248,.72); font-size:16px; line-height:1.6; }
.test-card p:not(.test-eyebrow):not(.test-question-kicker) { font-size:16px !important; }
.test-card__intro > p:last-child { max-width:none; margin:18px 0 0; white-space:nowrap; }
.test-progress { margin:26px 0 0; padding-top:18px; border-top:1px solid rgba(211,230,248,.16); }
.test-progress__top { display:flex; justify-content:space-between; gap:18px; color:rgba(222,233,248,.62); font-size:16px; }
.test-progress__track { height:5px; margin-top:12px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.12); }
.test-progress__track span { display:block; width:0; height:100%; border-radius:inherit; background:#2fc2ff; transition:width .25s ease; }
.test-form { margin-top:28px; }
.test-screen { display:none; min-height:0; margin:0; padding:0; border:0; }
.test-screen.is-active { display:block; animation:test-fade .3s ease both; }
.test-screen > p:not(.test-question-kicker):not(.test-error) { max-width:620px; margin:16px 0 0; }
.test-question-kicker { margin:0 0 14px; color:#2fc2ff !important; font-size:12px !important; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.test-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.test-fields label:last-child { grid-column:auto; }
.test-fields label { display:grid; gap:8px; color:rgba(245,250,255,.9); font-size:14px; font-weight:650; }
.test-fields input,.test-fields select { width:100%; min-height:54px; padding:0 16px; border:1px solid rgba(211,230,248,.2); border-radius:10px; outline:0; background:rgba(3,12,25,.5); color:#fff; font:inherit; font-size:16px; }
.test-fields select { padding-right:42px; -webkit-appearance:none; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3 6 5 5 5-5' stroke='%23DDE8F5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:calc(100% - 18px) 50%; font-weight:400; }
.test-fields select option { background:#071326; color:#fff; }
.test-fields input:focus,.test-fields select:focus { border-color:#2fc2ff; box-shadow:0 0 0 3px rgba(47,194,255,.12); }
.test-screen legend { max-width:900px; color:#fff; font-size:30px; font-weight:650; letter-spacing:-.035em; line-height:1.16; }
.test-options { display:grid; gap:10px; margin-top:24px; }
.test-options label { position:relative; display:flex; align-items:center; min-height:58px; padding:15px 48px 15px 18px; border:1px solid rgba(211,230,248,.17); border-radius:12px; background:rgba(255,255,255,.045); color:#eef8ff; font-size:16px; line-height:1.4; cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.test-options label:hover { border-color:rgba(47,194,255,.65); background:rgba(47,194,255,.08); transform:translateY(-1px); }
.test-options input { position:absolute; opacity:0; pointer-events:none; }
.test-options label::after { content:''; position:absolute; right:18px; width:18px; height:18px; border:1px solid rgba(222,233,248,.46); border-radius:50%; }
.test-options label:has(input:checked) { border-color:#2fc2ff; background:rgba(47,194,255,.12); }
.test-options label:has(input:checked)::after { border-color:#2fc2ff; box-shadow:inset 0 0 0 4px #2fc2ff; }
.test-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:24px; }
.test-actions--end { justify-content:flex-end; }
.test-button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 24px; border:1px solid transparent; border-radius:999px; font:inherit; font-size:16px; font-weight:750; line-height:1; text-decoration:none !important; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.test-button:hover { transform:translateY(-2px); }
.test-button--primary { background:#2fc2ff; color:#041527 !important; box-shadow:0 12px 32px rgba(47,194,255,.24); }
.test-button--primary:hover { box-shadow:0 18px 40px rgba(47,194,255,.36); }
.test-button--ghost { border-color:rgba(211,230,248,.2); background:rgba(255,255,255,.04); color:#edf8ff; }
.test-error { margin:18px 0 0 !important; color:#ffbbc9 !important; font-size:16px !important; }
.test-result { min-height:310px; padding-top:10px; }
.test-result #test-result-copy,
.test-result #test-result-recommendation { max-width:760px; }
.test-result #test-result-copy { margin:18px 0 8px; }
.test-result #test-result-recommendation { margin:0 0 30px; color:rgba(238,247,255,.88); }
@keyframes test-fade { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@media (max-width:900px) { .test-hero { align-items:flex-start; padding:130px 0 72px; } .test-container { width:min(100% - 40px,900px); } .test-card { padding:34px; } .test-card h1 { font-size:56px; } .test-card__intro > p:last-child { white-space:normal; } .test-fields { grid-template-columns:1fr; } }
@media (max-width:720px) { .test-container { width:min(100% - 28px,900px); } .test-card { padding:30px 22px; border-radius:20px; } .test-card h1 { font-size:43px; } .test-screen legend { font-size:30px; } }
@media (max-width:480px) { .test-actions { align-items:stretch; flex-direction:column-reverse; } .test-actions--end { flex-direction:column; } .test-button { width:100%; } .test-card h2 { font-size:30px; } }