/* ══════════ BMM SECURITY · capa de estilos (v1 · 16-oct-2026) · se carga después de estilos.css ══════════ */

/* ── ruta a una IA segura (divisor + cinco capas) ── */
.ruta{padding:0;background:var(--navy)}
.r-divisor{background:var(--navy);position:relative;padding:clamp(56px,6vw,96px) 0 clamp(40px,4vw,64px)}
.r-divisor::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,58,92,.6) 1px,transparent 1px),linear-gradient(0deg,rgba(18,58,92,.6) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(60% 80% at 50% 50%,#000 30%,transparent 100%)}
.r-divisor .wrap{position:relative}
.r-divisor .eyebrow{color:var(--cyan);margin-bottom:22px}
.r-divisor .gob-display .l1{color:#fff} .r-divisor .gob-display .l3{-webkit-text-stroke:2px #fff;color:transparent}
.r-divisor .manifiesto{font-family:var(--display);font-weight:800;font-size:clamp(20px,2vw,29px);line-height:1.25;letter-spacing:-.015em;color:#fff;max-width:40ch;margin:clamp(26px,3vw,44px) 0 0}
.r-cuerpo{padding:clamp(28px,3vw,48px) 28px clamp(64px,6vw,96px)}
.r-cuerpo .cab .rot{color:var(--cyan)} .r-cuerpo .cab h2{color:#fff} .r-cuerpo .cab .sub{color:var(--soft1)}
.r-vacio-gob{color:var(--soft2);font-size:14px;margin:-8px 0 18px}
.f-pasos{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:8px}
.f-paso{background:var(--navy2);border:1px solid var(--rule);border-radius:var(--r);padding:22px 20px 18px;position:relative;min-height:220px;transition:border-color .4s var(--ease-out),box-shadow .4s var(--ease-out)}
.f-paso.on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset,0 24px 50px -30px rgba(1,223,202,.55)}
.f-num{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;color:transparent;-webkit-text-stroke:1.5px #fff;margin-bottom:14px}
.f-paso.on .f-num{color:var(--cyan);-webkit-text-stroke:0}
.f-q{display:inline-block;margin:0 0 12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--soft);font-family:var(--rotulo);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}
.f-q.ok{background:var(--cyan);color:var(--navy)}
.f-paso h3{margin:0 0 6px;font-size:18px;color:#fff;letter-spacing:-.01em}
.f-paso p{margin:0 0 12px;color:var(--soft1);font-size:13.5px;line-height:1.45}
.f-b{display:flex;flex-wrap:wrap;gap:6px}
.f-b .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--borde2);background:transparent;color:var(--soft);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background-color .25s,color .25s,border-color .25s}
.f-b .pill .ico{width:16px;height:16px;vertical-align:0}
.f-b .pill.on{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}
.f-b .pill:hover{border-color:var(--cyan)}
@media (max-width:1100px){.f-pasos{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.f-pasos{grid-template-columns:1fr 1fr}.f-paso{min-height:0}}
@media (max-width:480px){.f-pasos{grid-template-columns:1fr}}

/* ── para el seller ── */
.seller{background:var(--navy2);border-top:1px solid var(--rule)}
.seller .cab{align-items:center}
.ses-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ses-card{background:var(--navy);border:1px solid var(--rule);border-radius:var(--r);padding:22px 22px 20px;min-height:200px}
.ses-card .f-num{color:var(--rosa);-webkit-text-stroke:0}
.ses-card h3{margin:0 0 8px;font-size:18px;color:#fff;letter-spacing:-.01em}
.ses-card p{margin:0;color:var(--soft1);font-size:14px;line-height:1.45}
.ses-cards .ses-card:nth-child(1) .f-num{color:var(--cyan)} .ses-cards .ses-card:nth-child(3) .f-num{color:var(--cyan)} .ses-cards .ses-card:nth-child(4) .f-num{color:#fff;-webkit-text-stroke:1.5px #fff;color:transparent}
@media (max-width:1000px){.ses-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ses-cards{grid-template-columns:1fr}}

/* ── tarjetas de bundle: etiquetas de novedad y pie ── */
.card .c-pie .c-roi .ret{display:block;margin-top:6px;padding:0;background:transparent;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:0;text-transform:none;color:var(--soft1);border-radius:0}
.card .c-top .c-ind{max-width:46%}
.card .c-tool .ico{width:20px;height:20px;margin-right:6px;vertical-align:-5px}
.card .c-ind .ico{width:16px;height:16px;margin-right:5px;vertical-align:-3px}

/* ── ficha: qué entrega, licencia y servicio ── */
.f-lista{margin:8px 0 18px;padding-left:18px;color:var(--ink);font-size:14.5px;line-height:1.5}
.f-lista li{margin-bottom:6px}
.arq-icos{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.arq-icos .arq-i{width:48px;height:48px;border:1px solid var(--line2);border-radius:12px;display:grid;place-items:center;background:#fff}
.arq-icos .ico{width:30px;height:30px}
.lic-tabla{display:grid;gap:8px;margin:10px 0 22px}
.lic-fila{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--line2);border-radius:12px;background:#fff}
.lic-fila.act{border-color:var(--blue);box-shadow:0 0 0 2px rgba(4,126,255,.12)}
.lic-b{font-weight:800;color:var(--navy);font-size:14px;display:flex;flex-direction:column}
.lic-b small{font-weight:500;color:var(--muted);font-size:12px}
.lic-l{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--grey)}
.lic-l b{color:var(--navy);margin-left:4px}
.lic-l .inc{color:#1A8F6B;font-weight:700}
.lic-l .opc{color:var(--muted)}
.serv-wrap{margin:10px 0 22px;overflow-x:auto}
table.serv{width:100%;border-collapse:collapse;font-size:13.5px}
table.serv th,table.serv td{padding:9px 10px;text-align:center;border-bottom:1px solid var(--line2)}
table.serv th{font-family:var(--rotulo);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:var(--muted)}
table.serv th small,table.serv td small{display:block;font-weight:500;color:var(--muted);font-size:11.5px;letter-spacing:0;text-transform:none}
table.serv td:first-child,table.serv th:first-child{text-align:left;color:var(--navy);font-weight:700}
table.serv .act{background:var(--ice2);color:var(--navy)}
.az-lineas{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;color:var(--grey)}
.az-lineas b{color:var(--navy)}
.f-pills{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.f-pills .pill{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--navy);font-size:12.5px;font-weight:600;background:#fff}
@media (max-width:600px){.lic-fila{grid-template-columns:1fr}}

/* ── plan: filas de servicio BMM ── */
.bmm .bmm-fila .talla{min-width:auto}

/* ── formulario: capa del seller ── */
.seller-sw{margin:4px 0 0}
.rol-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13.5px;color:var(--grey);flex-direction:row!important}
.rol-check input{width:18px;height:18px;accent-color:var(--blue);margin:2px 0 0;flex:none}
.rol-check b{display:block;color:var(--navy);font-size:14px}
.rol-check small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.seller-campos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px 16px;padding:14px;border:1px dashed #B9D8E6;border-radius:12px;background:var(--ice3)}
.seller-campos label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--grey);font-weight:600}
@media (max-width:720px){.seller-campos{grid-template-columns:1fr}}
.es-seller .plan-pill .pp-ico{background:var(--rosa)}
/* ── demo del hero: nombre del agente largo ── */
.demo-cab{flex-wrap:nowrap}
.demo-cab .d-tool{white-space:normal;line-height:1.15;flex:1}
.demo-cab .demo-ind{white-space:nowrap;font-size:11.5px;color:var(--muted)}

/* ── bundle prioritario: la única aparición rosa del catálogo ── */
.nov-tag.prio{background:var(--rosa)!important;color:var(--navy)!important}

/* ── selector de segmento ── */
.segmentos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 22px}
.segmentos .rot{color:var(--blue)}
.segm{display:inline-flex;flex-wrap:wrap;gap:4px;border:1px solid var(--borde2);border-radius:18px;padding:4px;background:#fff}
.segm button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:transparent;border:0;border-radius:14px;padding:8px 14px;font-family:inherit;color:var(--navy);cursor:pointer;text-align:left;transition:background-color .2s,color .2s}
.segm button b{font-size:13.5px;font-weight:800} .segm button small{font-size:11.5px;color:var(--muted)}
.segm button[aria-pressed="true"]{background:var(--navy);color:#fff} .segm button[aria-pressed="true"] small{color:var(--soft1)}
@media (hover:hover) and (pointer:fine){.segm button:hover{background:var(--hielo2)}.segm button[aria-pressed="true"]:hover{background:var(--navy2)}}
.seg-nota{flex-basis:100%;margin:0;font-size:12.5px;color:var(--muted)}
.nov-tag.seg{background:var(--navy)!important;color:#fff!important}

.btn.grande .num small{display:block;font-family:var(--body);font-weight:600;font-size:11.5px;letter-spacing:0;opacity:.8}

/* ── ficha: plan base y talla seleccionables ── */
.f-pick{margin:0 0 10px;font-size:12.5px;color:var(--muted)}
.f-pick-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.f-seats{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--navy);font-weight:700}
.f-seats input{width:96px;padding:6px 8px;border:1px solid #B9D8E6;border-radius:8px;font:inherit;font-size:14px;color:var(--ink)}
.lic-fila{cursor:pointer;transition:border-color .2s var(--ease-out-quart),box-shadow .2s var(--ease-out-quart),transform .2s var(--ease-out)}
.lic-fila .lic-b::before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid #B9D8E6;margin-right:8px;vertical-align:-2px;background:#fff}
.lic-fila.act .lic-b::before{border-color:var(--blue);background:radial-gradient(circle,var(--blue) 0 4px,#fff 4.5px)}
.lic-fila:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.lic-fila:hover{border-color:var(--blue);transform:translateY(-1px)}}
table.serv th[data-talla]{cursor:pointer;transition:background-color .2s,color .2s}
@media (hover:hover) and (pointer:fine){table.serv th[data-talla]:hover{background:var(--hielo);color:var(--navy)}}
table.serv th[data-talla]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}

/* ── ficha: cifras alineadas y productos con nombre ── */
.f-cifras{align-items:flex-start}
.f-cifra{display:flex;flex-direction:column;gap:5px}
.f-cifra .v{display:block;line-height:1}
.f-cifra .k{display:block;line-height:1.3}
.arq-icos .arq-i{width:auto;height:auto;display:inline-flex;align-items:center;gap:9px;padding:8px 12px 8px 8px;border-radius:12px;font-size:13px;font-weight:600;color:var(--navy)}
.arq-icos .arq-i .ico{width:24px;height:24px}

#ficha dd .nov-tag{white-space:nowrap;display:inline-block;margin:2px 4px 2px 0}

/* ── action cards: la dolencia no se corta ── */
.card .c-top{flex-direction:column;align-items:flex-start;gap:4px}
.card .c-top .c-ind{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip}

.roi-carrito[hidden]{display:none}
.items li{grid-template-columns:auto 1fr auto auto auto}
.items .i-v{white-space:nowrap;font-weight:800}

/* ── v2.5 · buckets: rótulo arriba, cifra abajo, tres tarjetas iguales ── */
.buckets{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 22px}
.bucket{border-top:0;border:1px solid var(--line,#d9e6ee);border-radius:14px;padding:16px 18px 14px;display:grid;grid-template-rows:auto 1fr auto;align-content:start;background:#fff;min-height:112px}
.bucket .k{display:flex;align-items:center;gap:8px;font-family:var(--rotulo);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--muted);margin:0}
.bucket .k i{width:8px;height:8px;border-radius:50%;background:var(--navy);flex:none}
.bucket.b-azure .k i{background:var(--blue)} .bucket.b-bmm .k i{background:var(--cyan)}
.bucket .v{font-size:clamp(22px,2vw,28px);margin-top:10px;align-self:end;white-space:nowrap}
.bucket .m{font-size:12px;color:var(--muted);margin-top:2px}
@media (max-width:900px){.buckets{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.buckets{grid-template-columns:1fr}.bucket{min-height:0;grid-template-rows:auto auto auto}}
/* bloque rosa: implementación por única vez */
.dos .col.fin .cero{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dos .col.fin .cero small{font-family:var(--body);font-weight:600;font-size:14px;color:var(--grey);letter-spacing:0}
.fin-inv{margin-top:6px;padding-top:10px;border-top:1px solid var(--line,#d9e6ee);color:var(--navy);font-weight:700}
/* v2.6 · buckets redondeados (gana a .buckets .bucket{border-radius:0} de estilos.css) · barra de cobertura */
.buckets .bucket{border-radius:14px}
.fin-barra{height:6px;border-radius:999px;background:rgba(10,42,70,.08);overflow:hidden;margin:10px 0 10px}
.fin-barra i{display:block;height:100%;width:0;border-radius:inherit;background:var(--rosa);transition:width .7s var(--ease-out)}
.fin-barra[hidden]{display:none}