:root{--bg:#f6f8f5;--card:#fff;--ink:#1d2a22;--mut:#6b7a70;--pri:#2f7d4f;--line:#dfe6e0;--bad:#c0392b}
@media(prefers-color-scheme:dark){:root{--bg:#121714;--card:#1b231e;--ink:#e8efe9;--mut:#93a39a;--pri:#4fb77a;--line:#2b3830}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,Segoe UI,sans-serif}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:5}
.brand{font-weight:700;color:var(--pri);text-decoration:none;font-size:1.2rem}
nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}nav a,a{color:var(--pri)}
main{max-width:820px;margin:0 auto;padding:16px}
h1{font-size:1.6rem}h2{font-size:1.15rem;margin-top:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}
.narrow{max-width:420px;margin:30px auto}
label{display:block;margin:10px 0 4px;font-weight:600}
input[type=text],input[type=email],input[type=password],input:not([type]),textarea,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}
textarea{resize:vertical}
small{display:block;color:var(--mut);margin-bottom:6px}
.q{margin:18px 0}.ql{margin-bottom:2px}
.opt{display:block;font-weight:400;margin:4px 0;padding:6px 8px;border-radius:8px;cursor:pointer}.opt:hover{background:var(--bg)}
.btn{background:var(--pri);color:#fff;border:0;border-radius:8px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;margin-top:12px}
.muted{color:var(--mut);font-size:.92rem}.err{color:var(--bad)}.note{background:var(--bg);padding:10px;border-radius:8px}
.note input{margin-top:6px}
.row{display:flex;gap:8px;flex-wrap:wrap}.row input{flex:1;min-width:160px}.row .btn{margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.item{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}.item:hover{border-color:var(--pri)}
.badge{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:0 10px;font-size:.8rem}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.card:has(table){overflow-x:auto}
.bar{display:flex;gap:10px;align-items:center;position:sticky;top:54px;z-index:4;background:var(--bg);padding:8px 0}
.title{font-size:1.3rem!important;font-weight:700;border:0!important;background:transparent!important}
.status{white-space:nowrap;color:var(--pri);font-size:.9rem}.status.bad{color:var(--bad)}
.seg{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.seg button{flex:1;min-width:120px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}
.seg button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.progress{height:8px;background:var(--bg);border-radius:8px;overflow:hidden;margin-top:6px}#pbar{height:100%;background:var(--pri);width:0;transition:width .3s}
.drop{border:2px dashed var(--line);border-radius:12px;padding:24px;text-align:center}.drop.over{border-color:var(--pri);background:var(--bg)}
.link{display:inline;color:var(--pri);text-decoration:underline;cursor:pointer;font-weight:600}
.files{list-style:none;padding:0}.files li{padding:6px 0;border-bottom:1px solid var(--line)}.files li.bad{color:var(--bad)}
.x{background:none;border:0;color:var(--mut);cursor:pointer;float:right}
dt{font-weight:600;margin-top:10px}dd{margin:2px 0 0}
[hidden]{display:none!important}
@media print{.top,.btn{display:none}}
.thread{border:1px solid var(--line);border-radius:10px;padding:10px;margin:12px 0}.thread.resolved{opacity:.65}
.msg{padding:8px 10px;border-radius:8px;margin:6px 0}.msg.obs{background:var(--bg);border-left:3px solid var(--pri)}.msg.rep{background:var(--bg);border-left:3px solid #d99a2b}
.badge.warn{background:#d99a2b;color:#fff;border-color:#d99a2b}.badge.accepted{background:var(--pri);color:#fff}.badge.changes{background:#d99a2b;color:#fff}
.reply{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.reply textarea{flex:1;min-width:200px}
.btn.small{padding:6px 12px;margin-top:0}.btn.ghost{background:transparent;color:var(--pri);border:1px solid var(--pri)}
.big{font-size:1.5rem;font-weight:700}.prop .old{opacity:.6;border-top:1px dashed var(--line);margin-top:14px}
.card .row label{flex:1;min-width:160px}
.steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.step{padding:4px 12px;border-radius:20px;background:var(--bg);border:1px solid var(--line);font-size:.85rem;color:var(--mut)}
.step.done{color:var(--pri);border-color:var(--pri)}.step.cur{background:var(--pri);color:#fff;border-color:var(--pri);font-weight:600}
.stagebar .row{align-items:center}.stagebar select{flex:0 1 220px;width:auto}
.tplsave{margin-top:12px}.tpldel{margin-top:10px}.tpldel .row{align-items:center;justify-content:space-between}
.board{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:10px;overflow-x:auto;align-items:start}
.col{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;min-height:120px}.col h3{font-size:.95rem;margin:4px 6px 8px;display:flex;justify-content:space-between}
.kcard{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px;margin:6px 0;font-size:.88rem}.kcard a{font-weight:600;text-decoration:none}
.kcard select{width:100%;margin-top:6px;padding:4px;font-size:.8rem}
@media(max-width:700px){.board{grid-template-columns:repeat(6,230px)}}

/* ===== Panel de administración ===== */
:root{--st-nuevo:#64748b;--st-revision:#d97706;--st-propuesta:#7c3aed;--st-aceptado:#16a34a;--st-desarrollo:#2563eb;--st-entregado:#0d9488;--warn:#ea580c;--err:#dc2626}
@media(prefers-color-scheme:dark){:root{--st-nuevo:#94a3b8;--st-revision:#fbbf24;--st-propuesta:#a78bfa;--st-aceptado:#4ade80;--st-desarrollo:#60a5fa;--st-entregado:#2dd4bf;--warn:#fb923c;--err:#f87171}}
.st-nuevo{--c:var(--st-nuevo)}.st-revision{--c:var(--st-revision)}.st-propuesta{--c:var(--st-propuesta)}
.st-aceptado{--c:var(--st-aceptado)}.st-desarrollo{--c:var(--st-desarrollo)}.st-entregado{--c:var(--st-entregado)}
.c-new,.pc-changes{--c:var(--warn)}.c-wait{--c:var(--mut)}.c-err{--c:var(--err)}.pc-sent{--c:var(--st-propuesta)}.pc-accepted{--c:var(--st-aceptado)}
body.wide main{max-width:min(1700px,97vw);padding:16px 2vw}
.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;
  color:var(--c,var(--mut));background:color-mix(in srgb,var(--c,var(--mut)) 15%,transparent);border:1px solid color-mix(in srgb,var(--c,var(--mut)) 35%,transparent)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.adminbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}.adminbar h1{margin:0;flex:1;min-width:240px}
.viewtoggle{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.viewtoggle a{padding:7px 14px;text-decoration:none;color:var(--ink);background:var(--card)}
.viewtoggle a.on{background:var(--pri);color:#fff}
.invite{position:relative}.invite summary{list-style:none;cursor:pointer;display:inline-block}.invite .card{position:absolute;right:0;top:44px;z-index:6;width:320px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.invite .card input{margin-bottom:8px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;border-left:5px solid var(--c)}
.kpi .ico{grid-row:span 2;font-size:1.9rem}.kpi b{font-size:1.9rem;line-height:1}.kpi small{color:var(--mut)}
.k-total{--c:var(--st-desarrollo)}.k-new{--c:var(--warn)}.k-wait{--c:var(--mut)}.k-prop{--c:var(--st-propuesta)}.k-ok{--c:var(--st-aceptado)}
.kpi.alert{background:color-mix(in srgb,var(--warn) 10%,var(--card))}
.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:6px 0 12px}.filters input[type=search]{flex:0 1 320px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}
.fchips{display:flex;gap:6px;flex-wrap:wrap}.fc{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:20px;padding:5px 12px;font:inherit;font-size:.85rem;cursor:pointer}
.fc i{font-style:normal;opacity:.7;margin-left:3px}.fc.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.fc[class*=st-]:not(.on){border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.plist{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.phead,.prow{display:grid;grid-template-columns:minmax(240px,2.4fr) 170px 120px 190px 150px 70px 100px 190px;gap:12px;align-items:center;padding:10px 16px}
.phead{background:var(--bg);color:var(--mut);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.prow{border-top:1px solid var(--line);border-left:5px solid var(--c);transition:background .15s}.prow:hover{background:color-mix(in srgb,var(--c) 6%,var(--card))}
.prow.hot{background:color-mix(in srgb,var(--warn) 8%,var(--card))}.prow[hidden]{display:none}
.pmain a{font-weight:700;text-decoration:none;font-size:1rem}.pmain small,.sentmark{display:block;color:var(--mut);font-size:.78rem;margin-top:2px}
.pbar{display:flex;align-items:center;gap:8px}.bar2{flex:1;height:8px;background:var(--bg);border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.bar2 i{display:block;height:100%;border-radius:8px}.bar2 i.lo{background:var(--err)}.bar2 i.mid{background:var(--st-revision)}.bar2 i.hi{background:var(--st-aceptado)}
.acts{display:flex;gap:4px;justify-content:flex-end}.ib{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;text-decoration:none;border:1px solid var(--line);background:var(--bg)}.ib:hover{border-color:var(--pri)}
.board{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px}
.col{border-top:4px solid var(--c)!important;background:color-mix(in srgb,var(--c) 5%,var(--card))!important}
.col h3{color:var(--c);font-size:1rem!important}.count{background:var(--c);color:#fff;border-radius:20px;padding:0 9px;font-size:.8rem}
.kcard{border-left:4px solid var(--c)!important;background:var(--card)!important;box-shadow:0 1px 2px rgba(0,0,0,.05)}.empty{text-align:center;margin:20px 0}
.twocol{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:16px;margin-top:16px;align-items:start}
.sect>summary{cursor:pointer;list-style:none}.sect>summary h2{display:inline;margin:0}.sect table{margin-top:10px}
.stagebar .step.cur{background:var(--c,var(--pri))}
@media(max-width:1200px){.phead{display:none}.prow{grid-template-columns:1fr 1fr;row-gap:8px}.pmain{grid-column:1/-1}.board{grid-template-columns:repeat(6,250px)!important;overflow-x:auto}.twocol{grid-template-columns:1fr}}

/* ===== Landing pública ===== */
body.landing main{max-width:none;padding:0}
.hero{background:linear-gradient(135deg,#1f6b41,#43b36e);color:#fff;padding:72px 20px 64px;text-align:center}
.hero-in{max-width:760px;margin:0 auto}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;margin:14px 0}.hero p{font-size:1.15rem;opacity:.95;line-height:1.6}
.pill{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:5px 16px;border-radius:30px;font-weight:600;font-size:.9rem}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 14px}.hero small{opacity:.9}
.btn.big{padding:15px 30px;font-size:1.1rem;border-radius:50px;text-decoration:none;display:inline-block;margin-top:0}
.hero .btn.big:not(.ghost){background:#fff;color:#1f6b41}.btn.ghost.light{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
a.btn{text-decoration:none;display:inline-block}
.lp-sec{max-width:1100px;margin:0 auto;padding:54px 20px}.lp-sec h2{text-align:center;font-size:1.7rem;margin-bottom:28px}
.lp-sec.alt{max-width:none;background:var(--card);border-block:1px solid var(--line)}.lp-sec.alt>*{max-width:1100px;margin-inline:auto}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.stepcard{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center}
.stepcard .em{font-size:2.6rem}.stepcard h3{margin:8px 0}.stepcard p{color:var(--mut);margin:0}
.stepcard .n{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--pri);color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.feat div{padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}.feat b{display:block;margin-bottom:4px}.feat span{color:var(--mut);font-size:.95rem}
.faq{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px auto;max-width:760px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--mut);margin:10px 0 0}
.cta-final{text-align:center;padding:56px 20px;background:linear-gradient(135deg,#1f6b41,#43b36e);color:#fff}.cta-final .btn{background:#fff;color:#1f6b41}
.lp-foot{text-align:center;padding:22px;color:var(--mut);font-size:.9rem}

/* ===== Inicio del cliente ===== */
.welcome{display:flex;gap:14px;align-items:center;background:color-mix(in srgb,var(--pri) 12%,var(--card));border:1px solid color-mix(in srgb,var(--pri) 40%,var(--line));border-radius:16px;padding:16px 18px;margin:6px 0 14px}.welcome span{font-size:2.2rem}
.homehead h1{margin:6px 0 2px}.homehead p{margin:0 0 14px}
.todo{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:10px 0 20px}.todo h2{margin:0 0 8px}
.todo-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);border:1px solid var(--line);margin:8px 0;background:var(--bg)}
.todo-item:hover{border-color:var(--pri)}.todo-item .ti{font-size:1.6rem}.todo-item .tt{flex:1}.todo-item small{display:block;color:var(--mut)}.todo-item .tc{color:var(--pri);font-weight:700;white-space:nowrap}
.allgood{background:color-mix(in srgb,var(--st-aceptado) 12%,var(--card));border:1px solid color-mix(in srgb,var(--st-aceptado) 40%,var(--line));border-radius:14px;padding:14px 18px;margin:10px 0 20px}
.projgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.pcard{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.pcard .ph{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}.pcard h3{margin:0;font-size:1.1rem}
.mini{display:flex;gap:4px}.mini i{flex:1;height:7px;border-radius:6px;background:var(--line)}.mini i.done{background:var(--c);opacity:.55}.mini i.cur{background:var(--c)}
.pbar2{display:flex;align-items:center;gap:10px}.pbar2 .bar2{flex:1}
.pcard .btn.small{align-self:flex-start;margin-top:4px}
.newform{margin-top:20px}.newform summary{list-style:none;cursor:pointer;display:inline-block}

/* Landing: sin marca en la cabecera; textos de apoyo visibles sobre el fondo verde */
body.landing .brand{display:none}body.landing .top{justify-content:flex-end;background:transparent;border:0;position:absolute;inset:0 0 auto 0}
body.landing .top .btn{background:#fff;color:#1f6b41}
.hero{padding-top:84px}
.hero small{color:rgba(255,255,255,.92);opacity:1;font-size:.95rem}

/* Solicitar acceso */
.reqwrap{max-width:640px;margin:0 auto;padding:84px 16px 40px}.reqcard{padding:26px}.reqcard h1{margin-top:0}
.reqcard .btn.big{margin-top:8px;border:0;cursor:pointer}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.reqok{text-align:center;padding:10px 0}.reqok .em{font-size:3.2rem}
.cta-final .hero-cta{margin:18px 0 0}.cta-final .btn.ghost.light{background:transparent;color:#fff}
body.landing .top{position:absolute}
/* Solicitudes en el panel admin */
.reqs{background:var(--card);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));border-radius:14px;padding:12px 16px;margin:12px 0}.reqs h2{margin:0 0 6px}
.reqrow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}.rmain{flex:1;min-width:260px}
.rmsg{margin-top:4px;color:var(--ink);font-size:.95rem;background:var(--bg);border-radius:8px;padding:8px 10px}.reqrow .acts{align-items:center}.reqrow form{display:inline}

/* Archivar / eliminar proyectos */
.inl{display:inline-flex}button.ib{cursor:pointer;color:inherit;font:inherit;padding:0}.ib.del:hover{border-color:var(--err);background:color-mix(in srgb,var(--err) 12%,var(--bg))}
.btn.ghost.danger{color:var(--err);border-color:var(--err)}.archbar{margin:4px 0 8px;font-size:.92rem}

/* Auditoría */
.auditf{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:12px 16px}.auditf label{margin:0;font-size:.82rem;min-width:130px;flex:1}.auditf input,.auditf select{padding:7px 9px;font-size:.9rem}
.aud-btns{display:flex;gap:8px}.audit td small{display:block;margin-top:2px}.audit .nw{white-space:nowrap}.audit td{vertical-align:top;padding:9px 12px}
.audit tr.aud-bad{background:color-mix(in srgb,var(--err) 7%,var(--card))}.pager{display:flex;gap:10px;align-items:center;margin:12px 0}
.rol-admin{--c:var(--st-propuesta)}.rol-client{--c:var(--st-desarrollo)}.rol-visita{--c:var(--mut)}.rol-sistema{--c:var(--st-entregado)}

/* Secciones plegables del panel: flecha visible para que se note que se pueden abrir/cerrar */
.sect>summary{cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none}
.sect>summary::before{content:'▸';color:var(--mut);font-size:1.1rem;transition:transform .15s}
.sect[open]>summary::before{transform:rotate(90deg)}
.sect>summary:hover h2{color:var(--pri)}

/* Selector de nivel del formulario: un color por nivel para que llame la atención */
.seg{gap:10px;margin:12px 0}
.seg button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;border-radius:14px;border:2px solid var(--c);
  background:color-mix(in srgb,var(--c) 10%,var(--card));color:var(--ink);transition:transform .12s,box-shadow .12s,background .12s;position:relative}
.seg button .lvi{font-size:1.7rem;line-height:1}.seg button b{font-size:1.05rem;color:var(--c)}.seg button small{color:var(--mut);font-size:.8rem;margin:0}
.seg button:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--c) 30%,transparent)}
.seg button.lv1{--c:#16a34a}.seg button.lv2{--c:#d97706}.seg button.lv3{--c:#7c3aed}
@media(prefers-color-scheme:dark){.seg button.lv1{--c:#4ade80}.seg button.lv2{--c:#fbbf24}.seg button.lv3{--c:#a78bfa}}
.seg button.on{background:var(--c);border-color:var(--c);box-shadow:0 6px 18px color-mix(in srgb,var(--c) 40%,transparent)}
.seg button.on b,.seg button.on small{color:#fff}.seg button.on small{opacity:.92}
.seg button.on::after{content:'✓';position:absolute;top:8px;right:12px;color:#fff;font-weight:800}
@media(prefers-color-scheme:dark){.seg button.on b,.seg button.on small,.seg button.on::after{color:#0f1a13}}

/* ===== Partes del proyecto: pestañas + pasos con ícono ===== */
.pane-off{display:none!important}
.tabs{display:flex;gap:6px;overflow-x:auto;position:sticky;top:106px;z-index:3;background:var(--bg);padding:8px 0;margin:4px 0 10px;border-bottom:2px solid var(--line);scrollbar-width:thin}
.tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:2px solid var(--c);border-radius:12px;background:color-mix(in srgb,var(--c) 9%,var(--card));
  color:var(--ink);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .12s,box-shadow .12s}
.tab:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--c) 28%,transparent)}
.tab.on{background:var(--c);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--c) 40%,transparent)}
.tab.t-form{--c:#16a34a}.tab.t-conv{--c:#2563eb}.tab.t-prop{--c:#7c3aed}.tab.t-int{--c:#64748b}.tab.t-hist{--c:#0d9488}
.tb{font-style:normal;font-size:.75rem;min-width:20px;height:20px;padding:0 6px;border-radius:20px;display:inline-grid;place-items:center;background:var(--c);color:#fff;font-weight:700}
.tab.on .tb{background:#fff;color:var(--c)}.tb.warn{background:var(--warn);color:#fff;animation:pulse 1.6s infinite}.tab.on .tb.warn{background:var(--warn);color:#fff}
@keyframes pulse{50%{transform:scale(1.15)}}
@media(prefers-color-scheme:dark){.tab.t-form{--c:#4ade80}.tab.t-conv{--c:#60a5fa}.tab.t-prop{--c:#a78bfa}.tab.t-int{--c:#94a3b8}.tab.t-hist{--c:#2dd4bf}.tab.on{color:#0f1a13}.tab.on .tb:not(.warn){color:#0f1a13}}
/* cada sección del cuestionario es un paso con su color e ícono */
.card.sec{border-top:5px solid var(--c,var(--pri));margin:22px 0;padding:20px}
.card.sec>h2{display:flex;align-items:center;gap:14px;margin:0 0 6px;padding-bottom:12px;border-bottom:1px dashed var(--line);font-size:1.25rem}
.secico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:1.5rem;background:color-mix(in srgb,var(--c) 16%,var(--card));border:2px solid var(--c);flex:0 0 auto}
.sectxt{display:flex;flex-direction:column;line-height:1.2}.secnum{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c);font-weight:800}
.lvtag{margin-left:auto;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px;border:1px solid var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.lvtag.lv2{--c:#d97706}.lvtag.lv3{--c:#7c3aed}
.q{padding:14px 0;border-top:1px solid var(--line);margin:0}.q:first-of-type{border-top:0}
.sendcard{text-align:center;border-top:5px solid var(--pri)}
@media(max-width:700px){.tabs{top:96px}.secico{width:40px;height:40px;font-size:1.3rem}}