/* ═══════════ CÓMO TRABAJAMOS (como-trabajamos.html) · solo lo propio de esta página ═══════════ */

/* ── héroe: la plataforma, pieza a pieza (isométrico) ── */
.iso{position:relative;max-width:560px;margin:0 auto;aspect-ratio:320/250}
.iso>svg{position:absolute;inset:0;width:100%;height:100%}
.iso .losa .tapa{fill:#18242E;stroke:rgba(191,173,255,.35);stroke-width:1;stroke-dasharray:4 4;transition:fill .6s,stroke .6s}
.iso .losa .cara-f{fill:#111A22;opacity:0;transition:opacity .6s}
.iso .losa .cara-d{fill:#0D1419;opacity:0;transition:opacity .6s}
.iso .losa .canto{font-family:var(--mono);font-size:7.5px;letter-spacing:2.2px;fill:rgba(191,173,255,.75);opacity:0;transition:opacity .6s}
.iso .losa .canto.erp{font-size:6.6px;letter-spacing:1.2px;fill:rgba(124,233,248,.9)}
.iso.base .losa .tapa,.iso.fin .losa .tapa{fill:#1E2D39;stroke:rgba(150,123,255,.6);stroke-dasharray:none}
.iso.base .losa .cara-f,.iso.base .losa .cara-d,.iso.base .losa .canto,.iso.fin .losa .cara-f,.iso.fin .losa .cara-d,.iso.fin .losa .canto{opacity:1}
.iso .casilla{fill:none;stroke:rgba(191,173,255,.13);stroke-width:1;transition:fill .35s,stroke .35s}
.iso .casilla.luz{fill:rgba(182,242,58,.22);stroke:rgba(182,242,58,.8)}
.iso .cubo{transform:translateY(-170px);opacity:0;transition:transform .75s cubic-bezier(.3,1.35,.5,1),opacity .35s}
.iso .cubo.puesto{transform:translateY(0);opacity:1}
.iso .cubo.fuera{transform:translateY(-58px);opacity:.28;transition:transform .7s var(--ease),opacity .5s}
.iso .cubo .brillo{fill:#fff;opacity:0}
.iso .cubo.nuevo .brillo{animation:brillo 1s ease-out}
@keyframes brillo{0%{opacity:.75}100%{opacity:0}}
.iso .hueco-c{opacity:0;transition:opacity .5s}
.iso .hueco-c polygon{fill:rgba(182,242,58,.06);stroke:rgba(182,242,58,.75);stroke-width:1.2;stroke-dasharray:3 3}
.iso .hueco-c text{font-family:var(--display);font-size:16px;font-weight:700;fill:var(--amb)}
.iso .hueco-c.ver{opacity:1;animation:latidoC 1.6s ease-in-out infinite}
.iso .cubo.luego .brillo{fill:#B6F23A}
@keyframes latidoC{50%{opacity:.55}}
.iso-eti{position:absolute;left:0;top:0;z-index:2;display:flex;flex-direction:column;gap:2px;padding:9px 13px;border-radius:12px;background:rgba(14,21,27,.92);border:1px solid var(--line-2);border-left:3px solid var(--k,var(--tea-2));box-shadow:0 16px 30px -16px rgba(0,0,0,.8);max-width:64%}
.iso-eti small{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--k,var(--tea-2))}
.iso-eti b{font-size:14px;font-weight:600;line-height:1.3}
.iso-eti.salta{animation:etiq .45s var(--ease)}
@keyframes etiq{from{opacity:0;transform:translateY(-6px)}}
.iso-eti.est,.iso-eti.d,.iso-eti.h{--k:var(--amb)}.iso-eti.base,.iso-eti.v{--k:var(--tea-2)}.iso-eti.p,.iso-eti.quita{--k:var(--cor)}
.iso-cam{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:max-content;max-width:100%;margin:6px auto 0;padding:7px 14px;border-radius:999px;background:rgba(124,92,255,.12);border:1px solid rgba(150,123,255,.45);opacity:0;transform:translateY(6px);transition:opacity .45s,transform .5s var(--ease)}
.iso-cam.ver{opacity:1;transform:none}
.iso-cam small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tea-3)}
.iso-cam b{font-size:13.5px;font-weight:700;line-height:1.3;color:var(--ink);text-align:center}
.iso-regla{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:8px;font-size:13px;color:var(--ink-3)}
.iso-regla .ley{display:inline-flex;align-items:center;gap:7px}
.iso-regla i{width:10px;height:10px;border-radius:3px}
.iso-regla i.v{background:var(--tea-2)}.iso-regla i.p{background:var(--cor)}.iso-regla i.d{background:var(--amb)}.iso-regla i.h{border:1.5px dashed var(--amb);background:rgba(182,242,58,.08)}
@media (max-width:560px){.iso-eti{max-width:80%;padding:7px 10px}.iso-eti b{font-size:12.5px}.iso{margin-top:58px}.iso-eti{top:-56px}.iso-cam{padding:6px 12px;gap:2px 8px}.iso-cam b{font-size:12.5px}.iso-cam small{font-size:9.5px}}

/* ── estudio ── */
.estudio{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,56px);align-items:start}
.deptos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.deptos li{position:relative;padding:16px 16px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--line);overflow:hidden;min-height:170px}
.deptos li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c)}
.deptos .cara-w{position:absolute;right:-6px;bottom:-30px;width:84px;opacity:.95}
.deptos .cara-w svg{width:100%;height:auto}
.deptos b{display:block;font-family:var(--display);font-size:17px;font-weight:600;margin-bottom:8px;color:var(--c)}
.deptos p{font-size:14.5px;color:var(--ink-2);margin:0;padding-right:58px;font-style:italic}
.entregas ol{list-style:none;display:flex;flex-direction:column;gap:12px}
.entregas li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px;border-radius:16px;background:linear-gradient(160deg,rgba(182,242,58,.09),rgba(182,242,58,.02));border:1px solid rgba(182,242,58,.22)}
.entregas .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(182,242,58,.15);color:var(--amb)}
.entregas b{display:block;font-size:16px;font-weight:600;margin-bottom:2px}
.entregas span{font-size:14.5px;color:var(--ink-2)}
@media (max-width:1000px){.estudio{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.deptos{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.deptos{grid-template-columns:minmax(0,1fr)}.deptos li{min-height:0}}

/* ── demo: el plan ── */
.pl-sel{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.pl-pre{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pl-pre span{font-size:12.5px;color:var(--a-ink3);font-weight:600;margin-right:4px}
.pl-pre button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--a-line);background:#fff;border-radius:999px;padding:5px 12px 5px 6px;font-size:12.5px;font-weight:600;color:var(--a-ink2);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.pl-pre button[data-pre="todo"]{padding-left:12px}
.pl-pre button i{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#E1DBF9;color:#3B11F0;font-size:11px;font-weight:800}
.pl-pre button:hover{border-color:#A18DF8;color:var(--a-ink)}
.pl-pre button[aria-pressed="true"]{background:#131C24;border-color:#131C24;color:#fff}
.pl-pre button[aria-pressed="true"] i{background:#7C5CFF;color:#fff}
.pl-mods{display:grid;grid-template-columns:1.25fr 1fr .7fr;gap:10px}
.pl-gr{padding:10px;border-radius:12px;background:#F4F7F9;border:1px solid var(--a-line)}
.pl-gr small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--k);margin-bottom:7px}
.pl-gr>div{display:flex;flex-wrap:wrap;gap:6px}
.pl-gr.g-v{--k:#4419F5;--kb:#7C5CFF}.pl-gr.g-p{--k:#1D90A6;--kb:#0F94AC}.pl-gr.g-d{--k:#5E8D08;--kb:#588E0D}
.pl-m{display:inline-flex;align-items:center;gap:7px;text-align:left;line-height:1.25;border:1px solid var(--a-line);background:#fff;border-radius:9px;padding:6px 10px 6px 7px;font-size:12.5px;font-weight:600;color:var(--a-ink3);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.pl-m .sw{position:relative;width:26px;height:15px;border-radius:99px;background:#D4DBE0;flex:none;transition:background-color .25s}
.pl-m .sw::after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.pl-m[aria-pressed="true"]{color:var(--a-ink);border-color:color-mix(in srgb,var(--kb) 45%,#fff)}
.pl-m[aria-pressed="true"] .sw{background:var(--kb)}
.pl-m[aria-pressed="true"] .sw::after{transform:translateX(11px)}
#pl-app.recalc .kpi b{animation:salto .5s var(--ease)}
@keyframes salto{40%{transform:translateY(-3px);color:var(--a-tea)}}
.pl-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.pl-gantt-w{min-width:0}
.pl-ctrl{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.pl-rango{flex:1;min-width:180px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--a-ink2);font-weight:600}
.pl-rango span{white-space:nowrap;min-width:110px}
.pl-rango b{color:var(--a-ink)}
.pl-rango input{flex:1;accent-color:#532FF2}
.pl-gantt{position:relative;--lw:200px;--gap:10px}
.pg-cab,.pg-f{display:grid;grid-template-columns:var(--lw) minmax(0,1fr);gap:var(--gap);align-items:center}
.pg-cab{margin-bottom:4px}
.pg-sems{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));font-size:10.5px;font-weight:700;color:var(--a-ink3);text-align:center}
.pg-sems span.tras{color:#16A06A}
.pg-f{max-height:48px;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s,margin .35s;margin-bottom:5px}
.pg-f.off{max-height:0;opacity:0;margin-bottom:0}
.pg-l{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.pg-l b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-l small{font-size:11px;color:var(--a-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-pista{position:relative;height:26px;border-radius:6px;background:repeating-linear-gradient(90deg,#F1F4F7 0 calc(100% / var(--n) - 1px),#E4E9ED calc(100% / var(--n) - 1px) calc(100% / var(--n)))}
.pg-b{position:absolute;top:3px;bottom:3px;border-radius:5px;background:var(--b,#7C5CFF);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;padding:0 7px;transition:left .6s var(--ease),width .6s var(--ease),box-shadow .3s}
.pg-b em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-form{position:absolute;right:-5px;top:50%;width:10px;height:10px;background:#131C24;border:2px solid #fff;transform:translateY(-50%) rotate(45deg);border-radius:2px}
.pg-f.g-v{--b:#7C5CFF}.pg-f.g-p{--b:#0F94AC}.pg-f.g-d{--b:#588E0D}
.pg-f.g-est .pg-b{background:repeating-linear-gradient(135deg,#588E0D 0 6px,#8BC818 6px 12px)}
.pg-f.g-base .pg-b{background:#131C24}
.pg-f.g-marcha .pg-b em{visibility:hidden}
.pg-f.g-marcha .pg-b{background:linear-gradient(90deg,#16A06A,rgba(22,160,106,.15));border-radius:5px 0 0 5px}
.pg-f.activa .pg-b{box-shadow:0 0 0 3px rgba(19,28,36,.18)}
.pg-f.activa .pg-l b{color:var(--a-tea)}
.pg-f.hecha .pg-b{opacity:.55}
.pg-cur{position:absolute;top:18px;bottom:var(--ley,28px);left:calc(var(--lw) + var(--gap) + (100% - var(--lw) - var(--gap)) * var(--x,0));width:2px;margin-left:-1px;background:#131C24;pointer-events:none;transition:left .35s var(--ease)}
.pg-cur::before{content:"";position:absolute;top:-5px;left:-4px;width:10px;height:10px;border-radius:50%;background:#131C24}
.pg-ley{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;font-size:11.5px;color:var(--a-ink2)}
.pg-ley span{display:inline-flex;align-items:center;gap:6px}
.pg-ley i{width:12px;height:10px;border-radius:3px}
.pg-ley i.g-v{background:#7C5CFF}.pg-ley i.g-p{background:#0F94AC}.pg-ley i.g-d{background:#588E0D}
.pg-ley i.rombo{width:9px;height:9px;background:#131C24;transform:rotate(45deg);border-radius:2px}
.pl-sem{border:1px solid var(--a-line);border-radius:12px;background:#fff;padding:12px;min-height:300px;display:flex;flex-direction:column;gap:10px}
.ps-cab small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--a-ink3)}
.ps-cab b{font-size:16px}
.ps-it{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px;border-radius:10px;background:#F6F8FA;border-left:3px solid var(--b,#7C5CFF);animation:fila .45s var(--ease)}
.ps-it.quieta{animation:none}
.ps-it.g-v{--b:#7C5CFF}.ps-it.g-p{--b:#0F94AC}.ps-it.g-d,.ps-it.g-est{--b:#588E0D}.ps-it.g-base{--b:#131C24}.ps-it.g-marcha{--b:#16A06A}
.ps-caras{display:flex;align-items:flex-start}
.ps-caras .cara{width:44px;height:auto;margin-right:-14px}
.ps-caras .cara:last-child{margin-right:0}
.ps-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#131C24;color:#BFADFF}
.ps-it b{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;line-height:1.25}
.ps-it small{display:block;font-size:11.5px;color:var(--a-ink3);margin-top:1px}
.ps-it p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--a-ink2)}
.ps-it .tag{font-size:10.5px;padding:2px 6px}
.pl-pie{margin-top:14px;padding-top:12px;border-top:1px dashed var(--a-line);display:flex;flex-direction:column;gap:10px}
.pl-uni,.pl-mas{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pl-mas small{font-size:12px;color:var(--a-ink3);font-weight:600;margin-right:4px}
.pl-add{display:inline-flex;align-items:center;gap:5px;border:1px dashed #C9D3DA;background:#fff;border-radius:999px;padding:4px 10px 4px 7px;font-size:12px;font-weight:600;color:var(--a-ink2);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.pl-add .ic{width:13px;height:13px}
.pl-add:hover{border-style:solid;color:var(--a-ink);background:#F5F4F9}
.pl-add.g-v .ic{color:#4419F5}.pl-add.g-p .ic{color:#1D90A6}.pl-add.g-d .ic{color:#5E8D08}
.pl-uni .tag .ic{color:#16A06A}
.pl-uni small{font-size:12px;color:var(--a-ink3);font-weight:600;margin-right:4px}
.pl-uni .tag{white-space:normal;text-align:left;line-height:1.3}
@media (max-width:1100px){.pl-mods{grid-template-columns:1fr 1fr}.pl-gr.g-d{grid-column:1 / -1}}
@media (max-width:1000px){.pl-cuerpo{grid-template-columns:minmax(0,1fr)}.pl-sem{min-height:0}}
@media (max-width:640px){
  .pl-mods{grid-template-columns:minmax(0,1fr)}
  .pl-gantt{--lw:0px;--gap:0px}
  .pg-cab,.pg-f{grid-template-columns:minmax(0,1fr)}
  .pg-cab .pg-l{display:none}
  .pg-f{max-height:64px;gap:2px}
  .pg-l{flex-direction:row;gap:6px;align-items:baseline}
  .pg-l small{flex:1}
  .pg-l{position:relative;z-index:2}.pg-l b,.pg-l small{background:var(--a-bg);padding-right:4px}
  .pg-pista{height:20px}.pg-b em{display:none}
  .pg-sems span:nth-child(even){visibility:hidden}
  .pg-cur{top:16px}
  .pl-ctrl .app-btn{width:100%;justify-content:center}
}

/* ── formación y evolución ── */
.bucle{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:-10px 0 34px}
.bucle span{padding:8px 16px;border-radius:999px;border:1px solid rgba(182,242,58,.35);background:rgba(182,242,58,.08);font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amb)}
.bucle i{width:34px;height:2px;background:linear-gradient(90deg,rgba(182,242,58,.2),var(--amb));position:relative}
.bucle i::after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left:6px solid var(--amb)}
.bucle i.vuelta{width:22px;height:22px;background:none;border:2px solid var(--amb);border-left-color:transparent;border-radius:50%;animation:gira 3s linear infinite}
.bucle i.vuelta::after{display:none}
.evo{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none}
.evo li{padding:20px;border-radius:18px;background:var(--glass);border:1px solid var(--line)}
.evo .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(182,242,58,.13);color:var(--amb);margin-bottom:14px}
.evo h3{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}
.evo p{font-size:14.5px;color:var(--ink-2);margin:0}
@media (max-width:1000px){.evo{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.evo{grid-template-columns:1fr}.bucle{gap:6px}.bucle span{padding:6px 10px;font-size:11px}.bucle i{width:16px}}

/* ── por qué ahora (sección clara) ── */
.razones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin-bottom:34px}
.razones li{position:relative;padding:24px 22px 22px;border-radius:18px;background:#fff;border:1px solid var(--l-line);box-shadow:0 16px 40px -30px rgba(21,31,39,.4)}
.razones .n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1D2A33;color:#896EF6;font-family:var(--display);font-weight:700;margin-bottom:14px}
.razones h3{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;margin:0 0 8px}
.razones p{font-size:15px;color:var(--l-ink2);margin:0}
.compara{border-radius:18px;background:#fff;border:1px solid var(--l-line);overflow:hidden}
.compara table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.compara th,.compara td{padding:13px 18px;text-align:left;border-bottom:1px solid #E9EDF1;vertical-align:top}
.compara thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--l-ink3);font-weight:700;background:#F7F6FB}
.compara thead th.nos{color:#3B11F0;background:#E8E3FA}
.compara tbody th{font-weight:600;color:var(--l-ink);width:24%}
.compara td{color:var(--l-ink2)}
.compara td.nos{color:var(--l-ink);font-weight:600;background:#F5F4F9;position:relative;padding-left:40px}
.compara td.nos::before{content:"✓";position:absolute;left:16px;top:12px;color:#7C5CFF;font-weight:800}
.compara tr:last-child th,.compara tr:last-child td{border-bottom:0}
@media (max-width:900px){.razones{grid-template-columns:1fr}}
@media (max-width:640px){
  .compara table{min-width:0}
  .compara thead{display:none}
  .compara table,.compara tbody,.compara tr,.compara th,.compara td{display:block;width:auto}
  .compara tr{padding:12px 14px;border-bottom:1px solid #E9EDF1}
  .compara tr:last-child{border-bottom:0}
  .compara tbody th{width:auto;padding:0 0 6px;border:0;font-size:15px}
  .compara td{padding:6px 10px 6px 12px;border:0;border-radius:8px;font-size:14px}
  .compara td::before{content:attr(data-l);display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--l-ink3);margin-bottom:1px}
  .compara td.nos{margin-top:4px;padding-left:12px}
  .compara td.nos::before{position:static;color:#3B11F0;content:"✓ " attr(data-l)}
}

/* ── datos en casa ── */
.casa2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.casa2 .lead{margin-top:18px;margin-bottom:24px}
.casa2-l{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.casa2-l li{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.casa2-l .ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(150,123,255,.13);color:var(--tea-2);margin-bottom:8px}
.casa2-l b{font-size:15.5px;font-weight:600}
.casa2-l span{font-size:14px;color:var(--ink-2)}
@media (max-width:900px){.casa2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.casa2-l{grid-template-columns:minmax(0,1fr)}}

/* ── experiencia ── */
.hecho{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none}
.hecho li{display:flex;flex-direction:column;padding:20px;border-radius:18px;background:linear-gradient(170deg,rgba(27,45,57,.85),rgba(13,20,25,.85));border:1px solid var(--line)}
.hecho .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(150,123,255,.13);color:var(--tea-2);margin-bottom:14px}
.hecho h3{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.015em;margin:0 0 6px}
.hecho p{font-size:14.5px;color:var(--ink-2);margin:0 0 14px;flex:1}
.hecho a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--tea-2);text-decoration:none}
.hecho a .ic{width:15px;height:15px;transition:transform .2s}
.hecho a:hover .ic{transform:translateX(3px)}
@media (max-width:1000px){.hecho{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hecho{grid-template-columns:minmax(0,1fr)}}

/* ── el objetivo ── */
.reparto{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.rep-c{position:relative;padding:24px;border-radius:22px;border:1px solid var(--line);overflow:hidden}
.rep-plat{background:linear-gradient(160deg,rgba(150,123,255,.12),rgba(150,123,255,.02))}
.rep-vos{background:linear-gradient(160deg,rgba(182,242,58,.14),rgba(34,211,238,.04));border-color:rgba(182,242,58,.3)}
.rep-cab{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.rep-cab .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(150,123,255,.15);color:var(--tea-2);flex:none}
.rep-vos .rep-cab .ico{background:rgba(182,242,58,.17);color:var(--amb)}
.rep-cab h3{font-family:var(--display);font-size:clamp(19px,1.8vw,23px);font-weight:600;letter-spacing:-.02em;margin:0}
.rep-c ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.rep-plat li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-2)}
.rep-plat li::before{content:"";width:18px;height:18px;flex:none;border-radius:6px;background:rgba(150,123,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317C6D2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.rep-vos ul{padding-right:120px}
.rep-vos li{font-size:16px;color:var(--ink-2);line-height:1.45}
.rep-vos li b{color:var(--ink)}
.rep-gente{position:absolute;right:6px;bottom:-6px;display:flex;align-items:flex-end;width:150px;pointer-events:none}
.rep-gente svg{width:50%;height:auto;margin-left:-14px}
.rep-gente svg:first-child{margin-left:0}
@media (max-width:900px){.reparto{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.rep-vos ul{padding-right:0;padding-bottom:150px}.rep-gente{right:50%;transform:translateX(50%)}}

/* ── CTA final ── */
.cta-fin .h2{font-size:clamp(40px,6vw,84px)}
.cta-pasos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px;margin:0 auto 34px;text-align:left}
.cta-pasos li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:16px 18px;border-radius:16px;background:rgba(11,18,24,.6);border:1px solid var(--line-2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cta-pasos span{grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--amb);color:#101701;font-weight:800;font-family:var(--display)}
.cta-pasos b{font-size:16px;font-weight:600}
.cta-pasos small{font-size:13.5px;color:var(--ink-2)}
.btn-grande{padding:18px 30px;font-size:17px;border-radius:14px}
@media (max-width:760px){.cta-pasos{grid-template-columns:minmax(0,1fr)}}

/* ── hito: a las 8 semanas ya funciona, y sigue creciendo ── */
.iso-eti.ok{--k:var(--ok)}
.pg-sems span.op{color:#fff;background:var(--a-ok);border-radius:99px}
.pg-hito{position:absolute;top:18px;bottom:var(--ley,28px);left:calc(var(--lw) + var(--gap) + (100% - var(--lw) - var(--gap)) * var(--x,0));width:0;border-left:2px dashed var(--a-ok);pointer-events:none;transition:left .6s var(--ease)}
.pg-hito span{position:absolute;bottom:4px;left:5px;white-space:nowrap;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--a-ok);background:#E6F7EF;border-radius:99px;padding:2px 8px;transition:transform .35s var(--ease),box-shadow .35s}
.pg-hito.on span{box-shadow:0 0 0 3px rgba(22,160,106,.18)}
.pg-hito.nada,.pg-cur.nada{display:none}
.pg-ley i.hito{width:0;height:12px;border-radius:0;border-left:2px dashed var(--a-ok)}
.ps-ya{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px;border-radius:10px;background:#E6F7EF;border:1px solid rgba(22,160,106,.28)}
.ps-ya>.ic{width:22px;height:22px;color:var(--a-ok);margin-top:1px}
.ps-ya b{font-size:13.5px;color:#0E6B47}
.ps-ya p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--a-ink2)}
.ps-ya.hoy{animation:fila .45s var(--ease);box-shadow:0 0 0 3px rgba(22,160,106,.16)}
@media (max-width:640px){.pg-hito{top:16px}}
#pk-op{font-size:inherit;color:inherit;font-weight:inherit}

/* ── sistema modulable: reglas ── */
.reglas{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:34px}
.reglas li{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:18px;background:var(--glass);border:1px solid var(--line)}
.reglas .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(182,242,58,.13);color:var(--amb);margin-bottom:10px}
.reglas b{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.01em}
.reglas span{font-size:14.5px;color:var(--ink-2);line-height:1.5}
@media (max-width:1000px){.reglas{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.reglas{grid-template-columns:minmax(0,1fr)}.reglas li{display:grid;grid-template-columns:44px 1fr;gap:2px 14px}.reglas .ico{grid-row:span 2;margin:0}}

/* ── por dónde empezar: tres caminos ── */
.caminos{border-radius:24px;background:linear-gradient(170deg,rgba(27,45,57,.75),rgba(11,18,24,.55));border:1px solid var(--line-2);padding:clamp(12px,1.6vw,18px);box-shadow:0 40px 90px -50px rgba(0,0,0,.9)}
.cm-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.cm-tabs button{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .25s,background-color .25s,box-shadow .25s,transform .25s var(--ease)}
.cm-tabs button:hover{border-color:rgba(150,123,255,.5);transform:translateY(-1px)}
.cm-tabs .n{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:17px;background:#1B2D39;color:var(--tea-3);border:1px solid rgba(150,123,255,.35);transition:background-color .25s,color .25s}
.cm-tabs b{display:block;font-family:var(--display);font-size:15.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.cm-tabs small{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;line-height:1.35}
.cm-tabs button[aria-selected="true"]{border-color:var(--tea-2);background:linear-gradient(160deg,rgba(150,123,255,.16),rgba(150,123,255,.04));box-shadow:0 0 0 4px rgba(150,123,255,.08),0 20px 40px -26px rgba(124,92,255,.8)}
.cm-tabs button[aria-selected="true"] .n{background:var(--tea);color:#060115;border-color:var(--tea)}
.cm-tabs button[aria-selected="true"] small{color:var(--ink-2)}
.cm-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2.4vw,30px);align-items:start}
/* mapa de módulos */
.cm-mapa{padding:14px;border-radius:18px;background:rgba(6,11,15,.55);border:1px solid var(--line)}
.cm-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cm-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.cm-col>small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--k);margin:0 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-col.g-v{--k:var(--tea-2);--kr:245,154,91}.cm-col.g-p{--k:var(--cor);--kr:54,201,242}.cm-col.g-d{--k:var(--amb);--kr:195,242,74}
.cm-t{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:0 8px;align-items:center;padding:8px 9px;border-radius:11px;border:1.5px dashed rgba(162,141,248,.2);background:rgba(255,255,255,.015);color:var(--ink-3);min-height:54px;transition:border-color .35s,background-color .35s,color .35s,box-shadow .35s,opacity .35s}
.cm-t .ic{grid-row:span 3;width:18px;height:18px;opacity:.6}
.cm-t em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.06em;opacity:.8;line-height:1.1}
.cm-t b{font-size:12.5px;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cm-t .cm-st{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;line-height:1.3;margin-top:2px}
.cm-t.luego{border-color:rgba(var(--kr),.55);color:var(--ink-2)}
.cm-t.luego .ic{opacity:.9;color:var(--k)}
.cm-t.luego .cm-st{color:var(--k);opacity:1}
.cm-t.ya{border-style:solid;border-color:var(--k);background:rgba(var(--kr),.14);color:var(--ink);box-shadow:0 0 0 3px rgba(var(--kr),.1),0 14px 30px -18px rgba(var(--kr),.9)}
.cm-t.ya .ic{opacity:1;color:var(--k)}
.cm-t.ya .cm-st{color:var(--k);opacity:1;font-weight:600}
.cm-t.pop{animation:cmPop .6s var(--d,0ms) var(--ease) both}
@keyframes cmPop{0%{transform:scale(.9);opacity:.3}60%{transform:scale(1.04)}100%{transform:none;opacity:1}}
.cm-base{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:9px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(124,92,255,.16),rgba(34,211,238,.12));border:1px solid rgba(150,123,255,.35);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);text-align:center}
.cm-base .ic{width:15px;height:15px;color:var(--tea-2)}
.cm-base .ic+span+.ic{color:var(--cor)}
.cm-ley{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin:10px 0 0;font-size:12px;color:var(--ink-3)}
.cm-ley span{display:inline-flex;align-items:center;gap:6px}
.cm-ley i{width:14px;height:10px;border-radius:3px}
.cm-ley i.l1{background:rgba(150,123,255,.35);border:1.5px solid var(--tea-2)}
.cm-ley i.l2{border:1.5px dashed var(--tea-2)}
.cm-ley i.l3{border:1.5px dashed rgba(162,141,248,.3)}
/* ficha del camino */
.cm-info{min-width:0}
.cm-info.entra>*{animation:cmIn .5s var(--ease) both}
@keyframes cmIn{from{opacity:0;transform:translateY(8px)}}
.cm-info.entra>*:nth-child(2){animation-delay:.06s}.cm-info.entra>*:nth-child(3){animation-delay:.12s}.cm-info.entra>*:nth-child(4){animation-delay:.18s}.cm-info.entra>*:nth-child(5){animation-delay:.24s}
.cm-cab{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-bottom:14px}
.cm-cab .n{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:26px;background:var(--tea);color:#060115;box-shadow:0 14px 30px -14px rgba(124,92,255,.9)}
.cm-cab small{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tea-3)}
.cm-cab h3{font-family:var(--display);font-size:clamp(19px,1.9vw,24px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:2px 0 2px}
.cm-cab p{margin:0;font-size:14.5px;color:var(--ink-2)}
.cm-info dl{margin:0;display:flex;flex-direction:column;gap:10px}
.cm-info dl>div{padding:11px 13px;border-radius:13px;background:var(--glass);border:1px solid var(--line)}
.cm-info dt{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tea-3)}
.cm-info dt .ic{width:14px;height:14px;color:var(--tea-2)}
.cm-info dd{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.cm-info dl>div.ocho{background:linear-gradient(160deg,rgba(63,217,154,.12),rgba(63,217,154,.03));border-color:rgba(63,217,154,.35)}
.cm-info .ocho dt,.cm-info .ocho dt .ic{color:var(--ok)}
.cm-info .ocho dd{color:var(--ink)}
.cm-mods,.cm-luego{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.cm-mods small,.cm-luego small{width:100%;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.cm-mods a{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;color:var(--ink);background:rgba(var(--kr),.15);border:1px solid rgba(var(--kr),.55);transition:background-color .2s}
.cm-mods a:hover{background:rgba(var(--kr),.28)}
.cm-mods a .ic{width:15px;height:15px;color:var(--k)}
.cm-mods a.g-v{--k:var(--tea-2);--kr:245,154,91}.cm-mods a.g-p{--k:var(--cor);--kr:54,201,242}.cm-mods a.g-d{--k:var(--amb);--kr:195,242,74}
.cm-luego a{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:600;text-decoration:none;color:var(--ink-2);border:1px dashed var(--line-2);transition:border-color .2s,color .2s}
.cm-luego a:hover{border-color:var(--tea-2);color:var(--ink)}
.cm-luego a .ic{width:13px;height:13px;color:var(--amb)}
.cm-acc{margin-top:16px}
.cm-acc .btn .ic{width:16px;height:16px}
@media (max-width:1000px){.cm-panel{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.cm-tabs{grid-template-columns:minmax(0,1fr);gap:8px}.cm-tabs button{padding:10px 12px}.cm-tabs small{font-size:12.5px}}
@media (max-width:560px){
  .cm-mapa{padding:10px}
  .cm-cols{grid-template-columns:minmax(0,1fr);gap:10px}
  .cm-col{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .cm-col>small{grid-column:1 / -1;margin-bottom:0}
  .cm-t{min-height:48px;padding:7px 8px;grid-template-columns:18px minmax(0,1fr);gap:0 6px}
  .cm-t .ic{width:15px;height:15px}
  .cm-t b{font-size:12px}
  .cm-base{font-size:10px;letter-spacing:.05em}
  .cm-acc .btn{width:100%;justify-content:center}
}

/* ── lo que ya tenéis (ERP, CAD, hojas de cálculo): se conecta, no se sustituye ── */
.erp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:0;align-items:stretch;max-width:1080px;margin:0 auto}
.erp-lado{position:relative;z-index:1;display:flex;flex-direction:column;padding:22px;border-radius:22px;border:1px solid var(--line-2)}
.erp-vos{background:linear-gradient(160deg,rgba(34,211,238,.14),rgba(34,211,238,.03));border-color:rgba(34,211,238,.4)}
.erp-plat{background:linear-gradient(160deg,rgba(150,123,255,.16),rgba(150,123,255,.03));border-color:rgba(150,123,255,.45)}
.erp-lado .ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:12px}
.erp-vos .ico{background:rgba(34,211,238,.16);color:var(--cor)}
.erp-plat .ico{background:rgba(150,123,255,.17);color:var(--tea-2)}
.erp-lado small{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.erp-lado h3{font-family:var(--display);font-size:clamp(20px,2vw,25px);font-weight:800;letter-spacing:-.02em;margin:2px 0 12px}
.erp-lado ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.erp-lado li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:var(--ink-2);line-height:1.4}
.erp-lado li::before{content:"";flex:none;width:7px;height:7px;border-radius:2px;margin-top:7px;background:var(--k,var(--tea-2))}
.erp-vos li::before{--k:var(--cor)}
.erp-flujo{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px 0}
.erp-flujo li{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:36px}
.erp-flujo li::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 12px)}
.erp-flujo li::after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--k);box-shadow:0 0 12px 2px var(--k);animation:erpDer 2.6s linear infinite}
.erp-flujo li.a-erp{--k:var(--tea-2)}
.erp-flujo li.a-plat{--k:var(--cor)}
.erp-flujo li.a-erp::after{animation-name:erpIzq}
.erp-flujo li:nth-child(2)::after{animation-delay:-.9s}.erp-flujo li:nth-child(3)::after{animation-delay:-1.7s}.erp-flujo li:nth-child(4)::after{animation-delay:-.4s}.erp-flujo li:nth-child(5)::after{animation-delay:-1.3s}
@keyframes erpDer{from{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 9px);opacity:0}}
@keyframes erpIzq{from{left:calc(100% - 9px);opacity:0}12%{opacity:1}88%{opacity:1}to{left:0;opacity:0}}
.erp-flujo span{position:relative;z-index:1;padding:6px 13px;border-radius:999px;background:#13212B;border:1px solid color-mix(in srgb,var(--k) 55%,transparent);font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.erp-flujo .fl{position:relative;z-index:1;width:18px;height:18px;padding:3px;box-sizing:content-box;border-radius:50%;background:#13212B;color:var(--k);order:-1}
.erp-flujo li.a-plat .fl{order:1}
.erp-notas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin-top:34px}
.erp-notas li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:18px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.erp-notas .ic{grid-row:span 2;width:22px;height:22px;color:var(--amb);margin-top:2px}
.erp-notas b{font-size:16px;font-weight:600}
.erp-notas span{font-size:14.5px;color:var(--ink-2)}
@media (max-width:900px){
  .erp{grid-template-columns:minmax(0,1fr);max-width:560px}
  .erp-flujo{padding:14px 0;gap:8px}
  .erp-flujo li{height:auto;gap:8px}
  .erp-flujo li::before{left:50%;right:auto;top:-6px;bottom:-6px;height:auto;width:2px;margin:0 0 0 -1px;background:repeating-linear-gradient(180deg,var(--line-2) 0 6px,transparent 6px 12px)}
  .erp-flujo li::after{display:none}
  .erp-flujo .fl,.erp-flujo li.a-plat .fl{order:-1;transform:rotate(90deg)}
  .erp-flujo span{white-space:normal}
  .erp-notas{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.erp-flujo li::after{animation:none;display:none}}

/* inversión: presupuesto a medida */
.inv-tarjetas{max-width:1000px;margin:0 auto}
.inv-tarjetas .tarjeta .ic{width:26px;height:26px;color:var(--amb);margin-bottom:12px}
.inv-btns{justify-content:center;margin-top:28px}

/* ═══ TEMA CLARO (solo con <html data-tema="claro">; ver estilo.css) ═══ */
/* héroe isométrico: losa clara, cubos de colores como siempre */
html[data-tema="claro"] .iso .losa .tapa{fill:#F5F9FC;stroke:rgba(15,23,32,.22)}
html[data-tema="claro"] .iso .losa .cara-f{fill:#DCE2EA}
html[data-tema="claro"] .iso .losa .cara-d{fill:#C9D2DD}
html[data-tema="claro"] .iso .losa .canto{fill:var(--tinta)}
html[data-tema="claro"] .iso .losa .canto.erp{fill:#0E7490}
html[data-tema="claro"] .iso.base .losa .tapa,html[data-tema="claro"] .iso.fin .losa .tapa{fill:#FFFFFF;stroke:var(--acento-borde)}
html[data-tema="claro"] .iso .casilla{stroke:rgba(15,23,32,.13)}
html[data-tema="claro"] .iso .casilla.luz{fill:rgba(182,242,58,.38);stroke:#7DB61C}
html[data-tema="claro"] .iso .hueco-c polygon{fill:rgba(182,242,58,.14);stroke:#7DB61C}
html[data-tema="claro"] .iso-eti{background:rgba(255,255,255,.97);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .iso-cam{background:var(--acento-suave)}
html[data-tema="claro"] .iso-regla i.h{background:rgba(182,242,58,.22)}
/* estudio */
html[data-tema="claro"] .deptos li{box-shadow:var(--sombra-1)}
html[data-tema="claro"] .entregas li{background:linear-gradient(160deg,rgba(182,242,58,.2),rgba(182,242,58,.05)),#fff;border-color:rgba(74,119,10,.3)}
html[data-tema="claro"] .entregas .ico{background:rgba(182,242,58,.32)}
/* formación y evolución, reglas */
html[data-tema="claro"] .bucle span{background:rgba(182,242,58,.2);border-color:rgba(74,119,10,.35)}
html[data-tema="claro"] .evo li,html[data-tema="claro"] .reglas li,html[data-tema="claro"] .casa2-l li,html[data-tema="claro"] .erp-notas li{box-shadow:var(--sombra-1)}
html[data-tema="claro"] .evo .ico,html[data-tema="claro"] .reglas .ico{background:rgba(182,242,58,.3)}
/* por qué ahora (sección blanca) */
html[data-tema="claro"] .razones .n{background:var(--acento);color:var(--tinta)}
/* experiencia y el objetivo */
html[data-tema="claro"] .hecho li{background:#fff;box-shadow:var(--sombra-1)}
html[data-tema="claro"] .rep-plat{background:linear-gradient(160deg,color-mix(in srgb,var(--acento) 26%,transparent),color-mix(in srgb,var(--acento) 4%,transparent)),#fff;border-color:var(--acento-borde);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .rep-vos{background:linear-gradient(160deg,rgba(182,242,58,.22),rgba(34,211,238,.06)),#fff;border-color:rgba(74,119,10,.3);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .rep-vos .rep-cab .ico{background:rgba(182,242,58,.32)}
/* llamada final */
html[data-tema="claro"] .cta-pasos li{background:rgba(255,255,255,.9);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .cta-pasos span{background:var(--viva-amb);color:#16212B}
/* por dónde empezar: panel claro */
html[data-tema="claro"] .caminos{background:linear-gradient(170deg,#FFFFFF,#F3F8FC);box-shadow:var(--sombra-2)}
html[data-tema="claro"] .cm-tabs button{background:#fff;box-shadow:0 1px 2px rgba(22,33,43,.05)}
html[data-tema="claro"] .cm-tabs button:hover{border-color:var(--acento-borde)}
html[data-tema="claro"] .cm-tabs .n{background:var(--acento-suave);border-color:var(--acento-borde)}
html[data-tema="claro"] .cm-tabs button[aria-selected="true"]{border-color:var(--acento-borde);background:linear-gradient(160deg,color-mix(in srgb,var(--acento) 30%,transparent),color-mix(in srgb,var(--acento) 6%,transparent)),#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--acento) 30%,transparent),0 18px 36px -24px var(--acento-sombra)}
html[data-tema="claro"] .cm-tabs button[aria-selected="true"] .n{background:var(--acento);border-color:var(--acento-borde);color:var(--tinta)}
html[data-tema="claro"] .cm-mapa{background:#F3F8FC}
html[data-tema="claro"] .cm-col.g-p{--kr:8,145,178}
html[data-tema="claro"] .cm-col.g-d{--kr:125,182,28}
html[data-tema="claro"] .cm-t{border-color:rgba(91,61,240,.22);background:#fff}
html[data-tema="claro"] .cm-t.luego{border-color:rgba(var(--kr),.6)}
html[data-tema="claro"] .cm-t.ya{border-color:var(--k);background:rgba(var(--kr),.12)}
html[data-tema="claro"] .cm-ley i.l3{border-color:rgba(91,61,240,.3)}
html[data-tema="claro"] .cm-cab .n{background:var(--acento);color:var(--tinta);box-shadow:inset 0 0 0 1px rgba(15,23,32,.08),0 14px 30px -14px var(--acento-sombra)}
html[data-tema="claro"] .cm-info dl>div{box-shadow:0 1px 2px rgba(22,33,43,.05)}
html[data-tema="claro"] .cm-info dl>div.ocho{background:linear-gradient(160deg,rgba(63,217,154,.14),rgba(63,217,154,.04)),#fff}
html[data-tema="claro"] .cm-mods a.g-p{--kr:8,145,178}
html[data-tema="claro"] .cm-mods a.g-d{--kr:125,182,28}
/* lo que ya tenéis: se conecta */
html[data-tema="claro"] .erp-vos{background:linear-gradient(160deg,rgba(34,211,238,.14),rgba(34,211,238,.03)),#fff;border-color:rgba(14,116,144,.35);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .erp-plat{background:linear-gradient(160deg,color-mix(in srgb,var(--acento) 28%,transparent),color-mix(in srgb,var(--acento) 5%,transparent)),#fff;border-color:var(--acento-borde);box-shadow:var(--sombra-1)}
html[data-tema="claro"] .erp-flujo span{background:#fff;box-shadow:0 1px 3px rgba(22,33,43,.08)}
html[data-tema="claro"] .erp-flujo .fl{background:#fff}
/* columna de Captar del mapa: sigue con el color de su grupo */
html[data-tema="claro"] .cm-col.g-v{--k:var(--g-vender);--kr:91,61,240}
/* cajas de icono que eran lila: amarillas con tinta */
html[data-tema="claro"] :is(.casa2-l,.hecho,.rep-plat .rep-cab) .ico{background:var(--acento-medio)}
html[data-tema="claro"] .rep-plat li::before{background:var(--acento-medio)}
html[data-tema="claro"] .hecho a{text-decoration:underline;text-decoration-color:var(--acento-borde);text-decoration-thickness:2px;text-underline-offset:4px}
html[data-tema="claro"] .compara thead th.nos{color:var(--tinta);background:var(--acento-suave)}
html[data-tema="claro"] .compara td.nos::before{color:var(--tinta)}
html[data-tema="claro"] .iso-eti.base,html[data-tema="claro"] .iso-eti.v{--k:var(--tinta)}
html[data-tema="claro"] .cm-mods a.g-v{--k:var(--g-vender);--kr:91,61,240}
html[data-tema="claro"] .erp-plat .ico{background:var(--acento-medio);color:var(--tinta)}
html[data-tema="claro"] .cm-base{background:linear-gradient(90deg,color-mix(in srgb,var(--acento) 34%,transparent),rgba(34,211,238,.12))}
html[data-tema="claro"] .cm-ley i.l1{background:rgba(15,23,32,.08);border-color:var(--tinta)}