/* Piezas de la aplicación real sobre socios.css (el sistema de diseño del prototipo) */
.nav a.is-soon{color:rgba(255,255,255,.45)}
.nav .soon{margin-left:auto;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:1px 7px}
.alert-r{background:var(--red-soft);border-color:#F2C4C4;color:#8E2323}
.toast{margin-bottom:18px}
.field .err,.err{color:var(--red);font-size:.78rem;font-weight:600}
.input.is-bad,.select.is-bad,.textarea.is-bad{border-color:var(--red)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.soon-card{max-width:640px;padding:36px;text-align:center;margin:40px auto;display:grid;gap:12px;justify-items:center}
.soon-card .course-ic{width:56px;height:56px;border-radius:14px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;font-size:.875rem}
.kv dt{color:var(--muted)}
.kv dd{margin:0;color:var(--navy);font-weight:500;overflow-wrap:anywhere}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:.8125rem}
.stack-sm{display:grid;gap:10px}
.auth-box form{display:grid;gap:14px}
.danger-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.log{list-style:none;margin:0;padding:0}
.log li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 22px;border-bottom:1px solid var(--border);font-size:.8125rem}
.log li:last-child{border-bottom:0}
.log time{color:var(--muted)}
.log b{color:var(--navy)}
@media (max-width:860px){.kv{grid-template-columns:1fr}.kv dt{margin-top:6px}.log li{grid-template-columns:1fr}}
/* La barra superior solo hace falta en el celular (botón de menú) */
.top{display:none}
@media (max-width:860px){.top{display:flex}}
.nav a{white-space:nowrap}
.nav .soon{font-size:.5625rem;padding:0 5px;letter-spacing:.06em}
.alert div{min-width:0;overflow-wrap:anywhere}
/* Secciones que aún no están: solo atenuadas (la etiqueta ensanchaba el menú) */
.nav .soon{display:none}
.nav a.is-soon{color:rgba(255,255,255,.42)}
.nav a.is-soon svg{opacity:.6}
@media (max-width:860px){.onboard .grow{flex-basis:calc(100% - 44px)}.onboard li>.btn,.onboard li>.tag{margin-left:44px}}
/* Historial: textos largos (billeteras, correos, IP) no se salen de la caja */
.log li>span{min-width:0;overflow-wrap:anywhere;word-break:break-word}
/* En la columna angosta del resumen, la fecha va arriba del texto */
aside .log li{grid-template-columns:1fr;gap:2px}
aside .log time{font-size:.75rem}
/* Entrada/registro en el celular: logo 15 % más grande y separado del título */
@media (max-width:860px){
  .auth-side img{height:39px}
  .auth-side>div{margin-top:28px}
}
@media (max-width:860px){.auth-side .fine{margin-top:18px}}
/* Insignia de reCAPTCHA oculta (tapaba botones); Google lo permite si se muestra el aviso en texto */
.grecaptcha-badge{visibility:hidden}
.recaptcha-note{font-size:.6875rem;line-height:1.5;color:var(--muted);text-align:center}
.recaptcha-note a{color:var(--muted);text-decoration:underline}
/* Logo de entrar/registro: enlace al inicio */
.auth-logo{align-self:flex-start;display:inline-flex;border-radius:8px;transition:opacity .2s}
.auth-logo:hover{opacity:.85}
.auth-logo:focus-visible{outline:3px solid rgba(255,187,0,.6);outline-offset:4px}
/* ── Fase 2: Academia y catálogo ── */
/* Íconos siempre sin caja de fondo (pedido del usuario), también en la cabecera de la ficha y las páginas vacías */
.course-ic,.soon-card .course-ic{background:none;color:var(--navy);border-radius:0}
.course-ic svg{width:28px;height:28px;stroke-width:1.6}
.svc-head{display:flex;gap:14px;align-items:center}
.svc-head .course-ic{width:auto;height:auto}
.svc-head .course-ic svg{width:34px;height:34px;stroke-width:1.5}
.grow{flex:1;min-width:0}
.nowrap{white-space:nowrap}
.nowrap .btn+.btn{margin-left:6px}
a.card.course{text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
a.card.course:hover{border-color:var(--navy-3);box-shadow:var(--shadow)}
.course .meta svg{width:14px;height:14px}
.course .meta .tag{margin-left:auto}
.module-title{margin:6px 0 12px}
.module-grid{margin-bottom:26px}
.progress-box{min-width:260px}
.progress-box p{margin-bottom:6px}
.progress-box b{color:var(--navy)}
.preview-bar{margin-bottom:18px}
.preview-bar a{color:inherit;font-weight:600;text-decoration:underline}
/* Catálogo: toda la tarjeta es clicable */
.svc{position:relative}
.svc h3 a{color:var(--navy)}
.svc a.stretch::after{content:"";position:absolute;inset:0;border-radius:inherit}
.svc:hover{border-color:var(--navy-3)}
.earn{color:var(--green);font-weight:600}
td.earn{color:var(--green)}
/* Lección */
.prose .tip{background:var(--yellow-soft);border-left:3px solid var(--yellow);border-radius:0 var(--radius) var(--radius) 0;padding:12px 16px;margin:0 0 14px;color:#5E4500}
.prose ol{margin:0 0 14px;padding-left:22px}
.prose .qa{margin-top:8px}
.prose > :first-child{margin-top:0}
.video{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b0920}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pager{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pager .btn{max-width:100%;white-space:normal;height:auto;min-height:38px;padding:8px 14px;text-align:left}
/* Master: editores */
.textarea.short{min-height:70px}
.textarea.tall{min-height:420px;font-size:.875rem;line-height:1.6}
.sticky{position:sticky;top:20px}
.inline-form{display:inline}
.tag-btn{border:0;cursor:pointer;font:inherit;font-size:.75rem;font-weight:600}
.tag-btn:hover{filter:brightness(.96)}
.pk-rows{display:grid;gap:8px}
.pk-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.4fr) minmax(0,.8fr);gap:8px}
.pk-head span{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fmt-help{margin-top:12px;font-size:.8125rem}
.fmt-help summary{cursor:pointer;color:var(--navy);font-weight:600}
.fmt-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:10px 0 6px;color:var(--text-2)}
.fmt-grid code{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1px 6px;color:var(--navy)}
@media (max-width:860px){
  .sticky{position:static}
  .pk-row{grid-template-columns:1fr 1fr}
  .pk-row input[name=pk_includes]{grid-column:1/-1;order:3}
  .pk-head{display:none}
  .progress-box{min-width:0;width:100%}
  /* Tabla de paquetes como tarjetas en el celular */
  .t-cards thead{display:none}
  .t-cards tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 16px;border-bottom:1px solid var(--border)}
  .t-cards td{border:0;padding:0}
  .t-cards td[data-th=Incluye]{grid-column:1/-1;color:var(--text-2);font-size:.8125rem;order:3}
  .t-cards td[data-th=Precio]{text-align:right}
  .t-cards td[data-th="Tu comisión"]{grid-column:1/-1;text-align:left;order:4;font-size:.8125rem}
  .t-cards td[data-th="Tu comisión"]::before{content:"Tu comisión: ";font-weight:500}
}
/* ── Fase 3: clientes ── */
.seg a.seg-a{display:inline-flex;align-items:center;gap:6px;border:0;font-size:.8125rem;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:7px;text-decoration:none}
.seg a.seg-a svg{width:15px;height:15px}
.seg a.seg-a[aria-pressed=true]{background:var(--surface);color:var(--navy);box-shadow:var(--shadow)}
.board-hint{margin:-8px 0 12px}
.board{grid-template-columns:repeat(6,minmax(168px,1fr));gap:10px}
.board .col{padding:8px}
.col[data-locked] .deal{cursor:pointer}
.deal small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-bar{display:flex;gap:6px;flex-wrap:wrap}
.stage-bar form{flex:1;min-width:110px;display:flex}
.stage-btn{flex:1}
.stage-btn.is-past{background:var(--bg)}
.stage-btn.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}
.stage-btn.is-lost{color:var(--muted)}
.stage-btn.is-lost.is-on{background:var(--muted);border-color:var(--muted);color:#fff}
.note-form{border-bottom:1px solid var(--border);display:grid;gap:10px}
.note-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.note-row .input{height:34px;width:auto;flex:1;min-width:140px}
.note-row input[type=date]{flex:0 0 auto}
.pre{white-space:pre-line;overflow-wrap:anywhere}
.dd.wrap,.dl dd.wrap{overflow-wrap:anywhere}
.earn-card{background:var(--navy);border-color:var(--navy);color:rgba(255,255,255,.75)}
.earn-card .eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:rgba(255,255,255,.6)}
.earn-card .earn-big{font-family:var(--font-h);font-size:1.7rem;font-weight:700;color:var(--yellow);margin:4px 0}
.alert-g{background:var(--green-soft);border-color:#BFE3CF;color:#14613D}
.alert a{color:inherit;font-weight:600;text-decoration:underline}
.lost{margin-top:18px}
.lost summary{cursor:pointer;list-style:none}
.lost summary h2{font-size:.95rem;color:var(--muted)}
.select.auto{width:auto}
/* ── Fase 4: correos ── */
.tabs-inline{margin:0;border:0}
.tpl-list .label{margin-bottom:10px;display:block}
a.tpl{text-decoration:none}
.compose .card-body .mail-body{padding:0;min-height:340px;font-size:.9375rem;line-height:1.65}
.mail-row select.input{padding-right:28px}
.mail-from{font-size:.875rem;color:var(--navy);padding:12px 0;overflow-wrap:anywhere}
.mail-err{padding:8px 22px;border-bottom:1px solid var(--border)}
.mail-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mail-foot svg{width:14px;height:14px;vertical-align:-2px}
.inline-check{display:inline-flex;margin-left:6px;font-size:.8125rem}
.inline-check input{margin-top:1px}
.list li .tl-ic{flex:none}
@media (max-width:860px){.mail-row{grid-template-columns:56px 1fr;padding:0 16px}.compose .tpl-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compose .tpl-list .label{grid-column:1/-1;margin:0}.compose .tpl{margin:0}}
/* ── Fase 5: cotizaciones ── */
.steps-4{grid-template-columns:repeat(4,1fr);display:grid;margin-bottom:18px}
.add-row{display:flex;gap:8px;align-items:center;border-top:1px solid var(--border)}
.add-row .select{flex:1;min-width:0}
.disc-box{border-top:1px solid var(--border);display:grid;gap:12px}
.custom-line{border-top:1px solid var(--border)}
.custom-line summary{cursor:pointer;color:var(--navy)}
.neg{color:var(--red)}
.navy{color:var(--navy)}
.center{text-align:center}
.narrow{max-width:640px}
.share-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.share-row code{overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:3px 8px}
.totals .mrow{border-top:1px dashed var(--border);padding-top:8px}
.qline.admin{grid-template-columns:minmax(0,1fr) 70px 110px 110px 36px;align-items:start}
.qline.admin .input,.qline.admin .q-total{margin-top:2px}
.textarea.xs{min-height:52px;margin-top:6px;font-size:.8125rem;padding:6px 10px}
.qline .q-del{width:32px;height:32px}
.commission-box strong{font-size:2rem}
@media (max-width:860px){
  .steps-4{grid-template-columns:1fr 1fr}
  .qline .q-del{display:grid}
  .qline{grid-template-columns:1fr 64px 36px}
  .qline > .r.num:not(.q-total){display:none}
  .qline.admin{grid-template-columns:1fr 64px 36px}
  .qline.admin input[name^=price_]{grid-column:1/3}
  .add-row{flex-wrap:wrap}
}
/* ── Fase 6: comisiones ── */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chips .tag-btn{padding:6px 10px}
.seg-radio{display:inline-flex;width:max-content}
.seg-radio label{display:flex;align-items:center;font-size:.8125rem;font-weight:600;color:var(--muted);padding:6px 14px;border-radius:7px;cursor:pointer;margin:0}
.seg-radio input{position:absolute;opacity:0;pointer-events:none}
.seg-radio label:has(input:checked){background:var(--surface);color:var(--navy);box-shadow:var(--shadow)}
.seg-radio label:has(input:focus-visible){outline:2px solid var(--navy);outline-offset:1px}
.list li.is-void{opacity:.55}
.pay-box,.void-box{position:relative;display:inline-block;text-align:left}
.pay-box>summary,.void-box>summary{list-style:none;cursor:pointer}
.pay-box>summary::-webkit-details-marker,.void-box>summary::-webkit-details-marker{display:none}
.pay-box>form,.void-box>form{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(23,16,63,.16);padding:14px}
.pay-box .input,.void-box .input{width:100%}
.copy-mini{height:22px;padding:0 6px;vertical-align:middle}
.copy-mini svg{width:14px;height:14px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}
@media (max-width:860px){
  .com-t td[data-th=Cliente]{order:1}
  .com-t td[data-th=Comisión]{order:2;text-align:right}
  .com-t td[data-th=Fecha]{order:3;font-size:.8125rem}
  .com-t td[data-th=Estado]{order:4;text-align:right}
  .com-t td[data-th=Base],.com-t td[data-th="%"]{display:none}
  .pay-t thead{display:none}
  .pay-t tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 16px;border-bottom:1px solid var(--border)}
  .pay-t td{border:0;padding:0}
  .pay-t td[data-th=Proyectos],.pay-t td[data-th=Mensualidades]{display:none}
  .pay-t td[data-th="Cobra en"]{grid-column:1/-1}
  .pay-t td[data-th=""]{grid-column:1/-1;text-align:left}
  .pay-box>form,.void-box>form{position:static;width:auto;margin-top:8px;box-shadow:none}
  .void-box>form{position:absolute;right:0;width:260px;box-shadow:0 12px 32px rgba(23,16,63,.16)}
}
.mini-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.mini-list li{display:flex;align-items:center;gap:10px;font-size:.875rem;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mini-list li:last-child{border-bottom:0;padding-bottom:0}
.mini-list li.is-void{opacity:.55}
.mini-list b{color:var(--navy)}
.list li.is-void .grow>b{text-decoration:line-through}
.void-tag{font-weight:600;color:var(--red)}
.com-t td.r,.com-t td[data-th=Estado],.com-t td[data-th=Fecha]{white-space:nowrap}
.seg a.seg-a,.nowrap{white-space:nowrap}

/* ── Fase 7: conversaciones */
.threads li{padding:0}
.thread-link{display:flex;align-items:center;gap:12px;padding:12px 18px;color:inherit;text-decoration:none;width:100%}
.thread-link:hover{background:var(--surface-2)}
.thread-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62ch}
.threads .grow{min-width:0}
.thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.threads li.is-unread b{color:var(--navy)}
.threads li.is-unread .thread-link{background:rgba(255,187,0,.06)}
.msgs{display:flex;flex-direction:column;gap:12px}
.msg{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 18px;max-width:88%}
.msg header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}
.msg header b{color:var(--navy)}
.msg-out{align-self:flex-end;background:#f4f2fb;border-color:#e2ddf3}
.msg-master{background:#fff8e6;border-color:#f3e2b3}
.msg-in{align-self:flex-start}
.msg-fail{opacity:.7}
.msg-body{font-size:.9rem;line-height:1.55;overflow-wrap:anywhere}
.msg-flag{display:flex;gap:6px;align-items:center;font-size:.78rem;color:var(--red);margin:0 0 8px}
.msg-flag svg{width:14px;height:14px}
.msg-full{margin-top:10px}
.msg-full summary{cursor:pointer;color:var(--muted)}
.msg-full .pre{margin-top:8px;border-left:2px solid var(--border);padding-left:10px;max-height:320px;overflow:auto}
.msg-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.msg-files .tag{text-decoration:none;gap:5px}
.msg-files svg{width:13px;height:13px}
.reply-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.reply-foot .btn-primary{margin-left:auto}
.file-btn{position:relative;overflow:hidden}
.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.act-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}
.act-dot.g{background:#1f9d55}.act-dot.y{background:#f0a500}.act-dot.r{background:var(--red)}.act-dot.b{background:#2F5BD3}
@media (max-width:720px){.msg{max-width:100%}.thread-link{padding:12px 14px}.thread-link small{max-width:none}.reply-foot .btn-primary{margin-left:0;width:100%}}
.unread-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--yellow);color:var(--navy);font-size:.6875rem;font-weight:700;margin-left:4px;vertical-align:1px}
.card-head .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
.conv-mini{list-style:none;margin:10px 0 0;padding:0}
.conv-mini li+li{border-top:1px solid var(--border)}
.conv-mini a{display:block;padding:8px 0;text-decoration:none;color:inherit}
.conv-mini b{color:var(--navy);font-size:.8125rem}
.conv-mini .act-dot{margin:0 0 0 6px}
.conv-mini small{display:block;color:var(--muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field .seg-radio{width:auto;max-width:100%;flex-wrap:wrap;justify-self:start;align-self:flex-start}
.field .seg-radio label{white-space:normal}
.seg-radio.is-bad{box-shadow:0 0 0 1px var(--red)}

/* ── Fase 8: agenda */
.meet-type{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.meet-type .course-ic{margin-bottom:6px}
.meet-type.is-off{opacity:.65}
.days{display:grid;gap:14px;margin-top:12px;max-height:560px;overflow:auto;padding-right:4px}
.day-name{font-weight:700;color:var(--navy);font-size:.875rem;margin:0 0 6px}
.times{display:flex;flex-wrap:wrap;gap:6px}
.time{position:relative;cursor:pointer}
.time input{position:absolute;opacity:0;pointer-events:none}
.time span{display:inline-block;padding:7px 12px;border:1px solid var(--border-2);border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--navy);background:var(--surface);transition:transform .12s ease}
.time:hover span{border-color:var(--navy)}
.time:active span{transform:scale(.95)}
.time input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.time input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}
.avail-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}
.avail-row .ranges{display:flex;flex-wrap:wrap;gap:8px 14px}
.avail-row .range{display:flex;align-items:center;gap:6px}
.avail-row input{width:150px}
@media (max-width:720px){.avail-row{grid-template-columns:1fr}}

/* ── Página legal */
.legal{max-width:760px;margin:0 auto;padding:40px 20px 60px;background:var(--surface);min-height:100vh}
.legal-logo{display:inline-block;margin-bottom:24px}
.legal h1{font-size:1.75rem;margin-bottom:6px}
.legal h2{font-size:1.15rem;margin:28px 0 8px}
.legal p,.legal li{line-height:1.65;color:var(--text)}
.legal p{margin:0 0 12px}
.legal ul{padding-left:20px;margin:8px 0}
.legal li{margin:6px 0}
.legal code{font-size:.85em;background:var(--surface-2);padding:1px 5px;border-radius:4px}
/* Portafolio y recursos (contenido traído de mstudio.tv) */
.case{position:relative}
.case-img{text-decoration:none;overflow:hidden}
.case-img.has-img{background:var(--navy)}
.case-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.case:hover .case-img img{transform:scale(1.03)}
.case-img.has-img small{background:var(--navy);padding:4px 8px;border-radius:6px;left:12px;bottom:12px}
.case-body{flex:1;align-content:start}
.case-body h3{font-size:1rem;line-height:1.3}
.case-body h3 a{color:var(--navy);text-decoration:none}
.case-body h3 a:hover{text-decoration:underline}
.case-client{font-size:.75rem!important;font-weight:600;color:var(--navy)!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.case-client span{font-weight:400;color:var(--muted)}
.case-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.res.post,.res.logo-row{border-bottom:1px solid var(--border)}
.res.post:last-child,.res.logo-row:last-child{border-bottom:0}
.res.post b a{color:var(--navy);text-decoration:none}
.res.post b a:hover{text-decoration:underline}
.res.post small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.post-img{width:72px;height:54px;border-radius:8px;object-fit:cover;flex:none;background:var(--bg)}
.post-btns{display:flex;gap:4px;flex:none}
.logo-sw{width:64px;height:44px;border-radius:8px;display:grid;place-items:center;flex:none;border:1px solid var(--border)}
.logo-sw img{width:42px;height:auto}
.logo-amarillo{background:var(--navy)}
.logo-azul{background:#fff}
.logo-blanco{background:linear-gradient(135deg,#e33fff,#ffbb00)}
@media (max-width:720px){.res.post{flex-wrap:wrap}.res.post .grow{flex-basis:calc(100% - 86px)}.res.post .post-btns{margin-left:86px}.post-img{width:60px;height:46px}}
.case-share{display:flex;gap:2px;margin-left:auto}
.biz{display:grid;gap:12px}
.biz-img{width:100%;height:auto;border-radius:8px;box-shadow:5px 5px 10px rgba(6,6,6,.25)}
.biz-btns{display:flex;gap:6px;flex-wrap:wrap}
.biz-btns .btn{flex:1;justify-content:center}
/* Condiciones de comisión (master) */
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.plan-h{font-size:.9375rem;margin:18px 0 10px;color:var(--navy)}
#cambio .plan-h:first-of-type{margin-top:4px}
.form-grid.g3f{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-t td,.plan-t th{white-space:nowrap}
.plan-t tr.is-changed td{background:var(--yellow-soft)}
.plan-t tr.is-changed td:first-child{box-shadow:inset 3px 0 0 var(--yellow)}
.plan-rules{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;color:var(--text-2)}
.plan-next{margin-bottom:18px}
@media (max-width:720px){.form-grid.g3f{grid-template-columns:1fr 1fr 1fr}.plan-t td,.plan-t th{white-space:normal}}
/* Link personal + QR */
.ref{display:grid;gap:14px}
.reflink{display:flex;gap:6px}
.reflink .input{font-size:.8125rem}
.ref-row{display:flex;gap:14px;align-items:center}
.ref-qr{width:132px;height:132px;border:1px solid var(--border);border-radius:10px;padding:6px;background:#fff;flex:none}
.ref-side{display:grid;gap:8px}
.ref-btns{display:flex;gap:6px;flex-wrap:wrap}
.ref-stats{font-size:.8125rem}
@media (max-width:420px){.ref-row{flex-direction:column;align-items:flex-start}}
.reflink .input{min-width:0;flex:1}
.reflink .btn{flex:none}
.ref-side{min-width:0}
.ref-side .btn{white-space:normal;text-align:left;height:auto;min-height:32px;padding-top:6px;padding-bottom:6px}
.ref-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ref-kpis>div{background:var(--bg);border-radius:10px;padding:10px 12px;display:grid;gap:1px}
.ref-kpis b{font-family:"Archivo Narrow",sans-serif;font-size:1.5rem;line-height:1.1;color:var(--navy)}
.ref-kpis small{font-size:.75rem;color:var(--text-2)}
.ref-kpis small.muted{color:var(--muted)}
/* Ficha del cliente: datos que faltan */
.missing{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--yellow-soft);color:var(--yellow-ink);font-size:.8125rem;line-height:1.45}
.missing span{display:block;margin-top:2px;opacity:.9}
.fixed-val{margin:0;padding:9px 12px;border:1px dashed var(--border-2);border-radius:9px;font-size:.875rem;color:var(--text-2);display:grid;gap:2px}
/* Correos: correo en blanco y guía de variables */
.tpl-free b{display:flex;align-items:center;gap:6px}
.tpl-free b svg{width:15px;height:15px}
.vars{margin-top:12px;border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:var(--bg)}
.vars summary{cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vars summary svg{width:15px;height:15px}
.vars>p{margin-top:8px}
.var-list{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:6px}
.var-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.8125rem;color:var(--text-2)}
.var-chip{font:600 .78rem ui-monospace,Menlo,monospace;color:var(--navy);background:var(--surface);border:1px solid var(--border-2);border-radius:7px;padding:4px 8px;cursor:pointer;white-space:nowrap}
.var-chip:hover{border-color:var(--navy)}
.var-val{color:var(--muted);font-size:.78rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
@media (max-width:720px){.var-list li{grid-template-columns:auto 1fr}.var-val{grid-column:2;text-align:left;max-width:none}}
/* Captación */
.cap-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cap-filters .select,.cap-filters .input{height:36px;width:auto}
.cap-custom{display:inline-flex;gap:6px}
.cap-custom[hidden]{display:none}
.cap-kpis{margin-bottom:18px}
.funnel{list-style:none;margin:0;padding:16px 22px;display:grid;gap:8px}
.funnel li{display:grid;grid-template-columns:200px 1fr 56px 44px;gap:10px;align-items:center;font-size:.8125rem}
.funnel-l{color:var(--text-2)}
.funnel-bar{height:10px;border-radius:99px;background:var(--bg);overflow:hidden}
.funnel-bar i{display:block;height:100%;border-radius:99px;background:var(--grad);min-width:2px}
.funnel b{text-align:right;color:var(--navy);font-family:"Archivo Narrow",sans-serif;font-size:1rem}
.funnel small{color:var(--muted);text-align:right}
.cap-t td,.cap-t th{white-space:nowrap}
.cap-t td:first-child{white-space:normal;min-width:180px}
.cap-plat{display:block;font-size:.72rem;color:var(--muted)}
.cap-plat+b{display:block;color:var(--navy)}
.cap-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:16px 22px}
.cap-profile h3{font-size:.875rem;margin-bottom:6px}
.cap-spends{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;border-top:1px solid var(--border);padding-top:12px}
.cap-spends li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:.8125rem}
.cap-spends small{display:block;color:var(--muted);font-size:.72rem}
.cap-spends .icon-btn{width:28px;height:28px}
@media (max-width:860px){.funnel li{grid-template-columns:1fr 50px 40px}.funnel-bar{grid-column:1/-1;order:3}.cap-profile{grid-template-columns:1fr}}
.cap-wide{margin:18px 0}