:root{--ink:#102e42;--blue:#3692c2;--pale:#eef6fa;--line:#dbe7ed}*{box-sizing:border-box}body{margin:0;background:#f7fafc;color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{max-width:1150px;margin:auto;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;color:var(--ink);text-decoration:none;font:38px Georgia,serif}.brand span{font:11px/1.8 system-ui;letter-spacing:2px}.brand small{display:block;color:#668293;font-size:10px}.tag,.eyebrow{font-size:11px;letter-spacing:2px;color:#46778f;font-weight:700}main{max-width:990px;margin:48px auto;padding:0 24px}h1,h2,h3{line-height:1.15}h1{font:clamp(44px,6vw,72px)/1.08 Georgia,serif;margin:20px 0}h2{font:36px/1.15 Georgia,serif}h3{font-size:20px}p{color:#526d7e}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:52px;align-items:center;padding:24px 0}.lead{font-size:19px;max-width:520px}.circle{width:290px;height:290px;border:1px solid #9fcde2;border-radius:50%;position:relative;margin:30px auto;background:radial-gradient(circle,#d4ecf7,transparent 68%);display:grid;place-content:center;text-align:center}.circle:before,.circle:after{content:'';position:absolute;inset:25px;border:1px solid #c2dce9;border-radius:50%}.circle:after{inset:55px}.circle strong{font:76px Georgia;color:var(--blue)}.circle span{font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;margin:22px 0;box-shadow:0 8px 30px #153c5005}.meta{display:flex;gap:24px;font-size:13px;color:#587386;margin-top:25px}button{border:1px solid var(--line);background:white;color:var(--ink);padding:13px 21px;border-radius:9px;font:600 14px system-ui;cursor:pointer}button:hover{border-color:var(--blue);background:var(--pale)}button.primary{background:var(--ink);border-color:var(--ink);color:white}button.primary:hover{background:#205773}button:focus-visible,input:focus-visible{outline:3px solid #3692c2;outline-offset:3px}input[type=text]{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;font:inherit;margin:8px 0 20px}.muted,small{color:#668090}.progress{height:6px;border-radius:5px;background:#dae7ee;overflow:hidden;margin:12px 0 24px}.progress i{display:block;background:var(--blue);height:100%;transition:width .2s}.topline,.nav{display:flex;justify-content:space-between;gap:15px;align-items:center}.nav{margin:24px 0}.steps{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.steps button{padding:7px 14px}.steps .active{background:var(--ink);color:white}.question{border:0;border-bottom:1px solid var(--line);padding:24px 0;margin:0;min-width:0}.question legend{float:left;width:100%;margin-bottom:14px;font-weight:600}.question legend span{display:inline-block;color:var(--blue);font-weight:500;width:33px}.options{display:flex;gap:10px;clear:both}.options label{flex:1;cursor:pointer;border:1px solid var(--line);padding:12px 8px;border-radius:9px;text-align:center;font-size:14px}.options label:has(input:checked){background:var(--pale);border-color:var(--blue);color:#16658c}.options input{accent-color:var(--blue);margin-right:6px}.error{color:#ac342d}.dominants{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dominant{background:var(--ink);color:white;border-radius:15px;padding:25px}.dominant p{color:#bedbe9}.score{font:38px Georgia}.ranking{display:grid;grid-template-columns:28px 1fr 76px;align-items:center;gap:16px;margin:20px 0}.bar{height:7px;background:var(--pale);margin-top:9px;border-radius:9px}.bar i{display:block;height:100%;background:var(--blue);border-radius:9px}.report-text{white-space:pre-line;line-height:1.8;color:#435f70}summary{cursor:pointer;font-weight:600;padding:13px 0}details{border-top:1px solid var(--line)}footer{max-width:990px;margin:60px auto 30px;padding:0 24px;color:#567285;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.note{padding:17px 20px;border-left:3px solid var(--blue);background:var(--pale);font-size:14px}.missing{outline:2px solid #bd5048;outline-offset:8px}@media(max-width:680px){header{padding:18px}.tag{display:none}main{margin:25px auto}.hero{grid-template-columns:1fr;gap:0}.circle{width:210px;height:210px;margin:20px auto}.card{padding:22px}.options{gap:5px}.options label{font-size:12px;padding:13px 3px}.dominants{grid-template-columns:1fr}.meta{gap:12px;flex-wrap:wrap}.ranking{gap:10px;font-size:14px}.nav button{padding:12px}.brand{font-size:30px}}@media print{header{padding:0}.tag,footer,.actions,.no-print{display:none}body{background:white}main{margin:15px auto;max-width:none}.card{box-shadow:none;break-inside:avoid}.dominant{background:white;color:var(--ink);border:1px solid #ccc}.dominant p{color:var(--ink)}details{display:block}details>div{display:block!important}h1{font-size:38px}.bar{print-color-adjust:exact}}

input[type=email]{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;font:inherit;margin:8px 0 20px}.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px}.consent input{margin-top:6px;accent-color:var(--blue)}button:disabled{opacity:.6;cursor:wait}.admin-row{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.admin-row p{margin:5px 0;font-size:13px}.code-display{font:20px/1.6 monospace;overflow-wrap:anywhere;background:var(--pale);padding:18px;border-radius:8px}.pill{display:inline-block;border-radius:20px;background:var(--pale);padding:3px 10px;font-size:12px}.settings{background:#fff9e8;border-left-color:#b58d2f}textarea{width:100%;padding:15px;font:14px/1.6 system-ui;border:1px solid var(--line);border-radius:9px}a{color:#246f96}@media(max-width:680px){.admin-row{align-items:flex-start;flex-direction:column}}

input[type=password]{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;font:inherit;margin:8px 0 20px}#kommoSave{margin-top:20px}#kommoMessage{overflow-wrap:anywhere}button[hidden]{display:none}

.contact-choice{flex-basis:100%;width:100%;max-width:480px}.pick-form{padding:16px;background:var(--pale);border-radius:10px}.pick-form select{display:block;max-width:100%;width:100%;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:8px;font:inherit;background:white}.pick-form small{display:block;line-height:1.5}

.profile-subtitle{display:block;margin:1em 0 0.2em;text-decoration:underline;break-after:avoid}

.dominants{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.dominant{background:#153345;color:#fff;border-radius:9px;padding:24px}.dominant h3{color:#fff;margin:12px 0}.dominant strong{font-size:34px}.dominant small{color:#cbe4f1}.ranking{width:100%;border-collapse:collapse}.ranking th,.ranking td{text-align:left;padding:13px 10px;border-bottom:1px solid #dce7ed}.ranking th{background:#eef6fa}.bar{height:6px;background:#e6eff3;margin-top:8px}.bar i{display:block;height:100%;background:#3692c2}details summary{cursor:pointer}details{overflow-wrap:anywhere}@media print{details{break-inside:avoid}.dominant{background:white!important;color:#153345!important;border:2px solid #3692c2}.dominant h3,.dominant small{color:#153345!important}}

/* La tabla de resultados usa diseño de tabla; la regla anterior .ranking era para una cuadrícula. */
table.ranking{display:table;width:100%;table-layout:fixed;border-collapse:collapse}table.ranking thead{display:table-header-group}table.ranking tbody{display:table-row-group}table.ranking tr{display:table-row}table.ranking th,table.ranking td{display:table-cell;vertical-align:middle}table.ranking th:first-child{width:18%}table.ranking th:last-child{width:22%}

*{box-sizing:border-box}body{margin:0;background:#f1f7fa;color:#153345;font:16px/1.65 Arial}header,main{max-width:1050px;margin:auto;padding:28px}header{border-bottom:1px solid #d3e5ee;letter-spacing:2px;font-size:12px}h1,h2{font-family:Georgia;font-weight:400;line-height:1.2}h1{font-size:clamp(32px,6vw,56px)}h2{font-size:29px}.card{padding:28px;background:white;border:1px solid #d5e5ee;border-radius:16px;margin:22px 0}.note{padding:18px;background:#e6f2f8;border-left:4px solid #3692c2}button{padding:13px 18px;border:1px solid #bad4e2;border-radius:8px;color:#153345;background:white;cursor:pointer;font:inherit;margin:4px}button.primary{background:#153345;color:white}button:disabled{opacity:.5}fieldset{border:0;border-bottom:1px solid #d7e5ed;padding:20px 0;min-width:0}legend{font-weight:bold;padding-top:20px}label{display:inline-block;margin:7px 12px 7px 0}.options{display:flex;flex-wrap:wrap}summary{cursor:pointer;font-weight:bold;padding:16px 0}details{border-bottom:1px solid #d5e5ee}textarea{width:100%;min-height:80px;font:inherit;padding:10px;border:1px solid #bad4e2;border-radius:8px}.bar{height:7px;background:#e2edf3;margin-top:8px}.bar i{display:block;background:#3692c2;height:100%}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #d7e5ed}th{background:#eef6fa}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.error{color:#a12626}.small{font-size:13px}.screen-note{font-size:13px}@media print{.toolbar,.screen-note{display:none}main{padding:0}body{background:white}.card{border:0;padding:0}h1{font-size:32px}table,details{break-inside:avoid}}@media(max-width:600px){header,main{padding:18px}.card{padding:18px}td,th{padding:8px}}.area-summary{padding:16px 0;border-bottom:1px solid #d7e5ed}.area-summary strong{font-size:18px}.area-track{width:100%;height:7px;background:#e2edf3;margin-top:12px}.area-track i{display:block;height:100%;background:#3692c2;print-color-adjust:exact}@media print{.area-summary{break-inside:avoid}}