/* /marca-personal (4 nov): lo que solo tiene esta página, con el kit v2 (paginas.css). El lector es una persona: piezas discretas, sin
   nombres, con «tu nombre». Solo transform y opacity; sin guion o con «reducir movimiento», todo quieto en su estado final. */

/* ── S2: la caja de Google con lo que sugiere, la primera página y la pregunta a la IA */
.mp-cab .ec{grid-template-columns:minmax(0,1fr)}
.mp-g{border-radius:24px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-alza);font-family:var(--google);overflow:hidden}
.mp-caja{display:flex;align-items:center;gap:12px;height:54px;padding:0 20px 0 16px;font-size:17px;color:var(--texto)}
.mp-caja img{flex:none;width:22px;height:22px}
.mp-caja::after{content:"";flex:none;width:18px;height:18px;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367635B' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L20 20'/%3E%3C/svg%3E") center/contain no-repeat}
.mp-caja>span{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}
.mp-caret{display:inline-block;width:1.5px;height:20px;margin-left:2px;background:var(--texto)}
.mp-sug{border-top:1px solid var(--linea);padding:6px 0 10px}
.mp-sug li{padding:9px 20px;font-size:15.5px;color:var(--texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-sug li::before{content:"";display:inline-block;width:15px;height:15px;margin-right:14px;vertical-align:-2px;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121416' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L20 20'/%3E%3C/svg%3E") center/contain no-repeat}
.mp-g em,.mp-hueco em,.mp-prueba em{font-style:normal;padding:0 .14em;border-radius:.25em;background:var(--tuyo-suave);color:var(--tuyo)}
.ec em.c{background:var(--hundido);color:var(--texto-2)}
.pastilla.mp-t,.tinta .nota-clave-vis .pastilla.mp-t{background:var(--tuyo-suave);box-shadow:none;color:var(--tuyo)}
.pastilla.mp-t::before{background:var(--naranja)}
.tinta .nota-clave-vis .pastilla.mp-t{background:rgba(254,90,32,.2);color:#FFC2AC}
.mp-res{display:grid;gap:8px}
.mp-res li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta)}
.mp-res li>span:nth-child(2){display:grid;flex:1;min-width:0}
.mp-res b{overflow:hidden;font-size:15px;font-weight:560;color:var(--texto);text-overflow:ellipsis;white-space:nowrap}
.mp-res small{font-size:12.5px;color:var(--texto-3)}
.mp-res .pastilla{flex:none}
.mp-res li.tuya{box-shadow:0 0 0 1.5px rgba(254,90,32,.6),var(--sombra-alza)}
@media (min-width:1000px){.mp-res li.tuya{margin:0 -26px 0 26px}.mp-cab .ec-flota{bottom:-34px}}
@media (prefers-reduced-motion:no-preference){
  .ec.activa .mp-g{animation:ec-entra .4s var(--e) .2s both}
  .ec.activa .mp-sug li,.ec.activa .mp-res li{animation:ec-entra .5s var(--e) calc(.5s + var(--i,0) * .1s) both}
  .escena-cab.cambia .ec.activa .mp-g{animation-delay:0s}
  .escena-cab.cambia .ec.activa :is(.mp-sug,.mp-res) li{animation-delay:calc(.15s + var(--i,0) * .08s)}
}
@media (max-width:999px){.mp-cab{height:356px}.mp-res li:nth-child(3){display:none}.mp-cab .ec-flota{bottom:62px}}
@media (max-width:379px){.mp-caja{padding:0 14px 0 12px;font-size:16px}.mp-sug li{padding:8px 14px}.mp-res .pastilla{display:none}}

/* ── Las cifras: de dos en dos; la barra con lo que importa delante, el anillo y las dos barras */
.cifras.dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.bloque-respuesta-texto .cifras{margin-top:8px}
.mp-izq>span{transform:scaleX(-1)}
.mp-izq small span+span{order:-1}
.mp-anillo{display:flex;align-items:center;gap:16px}
.mp-anillo svg{flex:none;width:64px;height:64px;transform:rotate(-90deg)}
.mp-anillo circle{fill:none;stroke:var(--pista);stroke-width:5}
.mp-anillo circle.n{stroke:var(--naranja);stroke-dasharray:37.9 100}
.mp-anillo small{font-size:12.5px;line-height:1.4;color:var(--texto-3);max-width:15em}
.mp-dos-barras{display:grid;gap:10px}
.mp-dos-barras>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;font-size:12.5px;color:var(--texto-3)}
.mp-dos-barras i{grid-column:1/-1;grid-row:2;height:10px;border-radius:5px;background:var(--pista);overflow:hidden}
.mp-dos-barras i::before{content:"";display:block;height:100%;background:var(--texto);transform-origin:0 50%;transform:scaleX(var(--w))}
.mp-dos-barras .n i::before{background:var(--naranja)}
.mp-dos-barras b{font-weight:600;color:var(--texto)}
.cifras.anima :is(.mp-anillo svg,.mp-dos-barras i::before){opacity:0}
.cifras.anima .mp-dos-barras i::before{transform:scaleX(0)}
.cifras.en .mp-anillo svg{opacity:1;transition:opacity .6s ease .5s}
.cifras.en .mp-dos-barras i::before{opacity:1;transform:scaleX(var(--w));transition:transform 1s var(--e) .5s}

/* ── S4: marca personal frente a reputación, sin ganador; la columna de lo que miramos, hundida */
.mp-vs{max-width:960px}
.mp-vs .tabla{min-width:0}
.mp-vs tbody th .ic{display:inline-block;margin:0 10px 0 0;vertical-align:-4px}
.mp-vs tbody td{font-size:16px}
.mp-vs thead>tr>:first-child{width:24%}
.mp-vs thead th{font-size:16px;color:var(--texto)}
.mp-vs thead th .ic{display:block;width:20px;height:20px;margin-bottom:8px;color:var(--texto-3)}
.mp-vs td{color:var(--texto)}
@media (max-width:760px){.mp-vs .tabla{min-width:560px}.mp-vs thead>tr>:first-child{width:112px}}

/* ── S5: las piezas de los pasos, el gremio y lo que no se ve */
.mp-pz-sug{flex-direction:column;align-items:stretch;gap:0;padding:8px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-family:var(--google)}
.mp-pz-sug>span{padding:3px 8px;color:var(--texto)}
.mp-pz-sug .q{margin-bottom:4px;padding:6px 10px;border-radius:999px;box-shadow:0 0 0 1px var(--linea)}
.mp-pz-sug .q::after{content:"";display:inline-block;width:1.5px;height:12px;margin-left:1px;vertical-align:-1px;background:var(--texto)}
.mp-pz-formas{display:grid;gap:5px}
.mp-pz-formas>span{padding:5px 9px;border-radius:8px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);color:var(--texto)}
.mp-pz-formas s{color:var(--texto-3);text-decoration-thickness:1.5px}
.mp-pz-pestanas{display:grid;gap:8px}
.mp-pz-pestanas>span{display:flex;gap:4px}
.mp-pz-pestanas>span:first-child i{padding:3px 8px;border-radius:7px;font-style:normal;font-weight:550;color:var(--texto-3)}
.mp-pz-pestanas>span:first-child i.si{background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);color:var(--texto)}
.mp-pz-pestanas .f{flex:1;aspect-ratio:1;border-radius:8px;background:var(--pista)}
.mp-pz-pestanas .f.otra{box-shadow:0 0 0 1.5px var(--texto-3);background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(18,20,22,.12) 4px 5px)}
.generador select{width:100%;height:48px;padding:0 38px 0 14px;border-radius:10px;border:1px solid var(--linea-2);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121416' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") right 12px center/16px no-repeat;font:16px var(--letra);color:var(--texto);-webkit-appearance:none;appearance:none}
.generador select:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(18,20,22,.08)}
.generador select.mp-puesto{border-color:var(--naranja);box-shadow:0 0 0 3px rgba(254,90,32,.14)}
.mp-no-ves{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px clamp(32px,5vw,72px);align-items:start;margin-top:clamp(32px,4vw,48px)}
.mp-no-ves h3{font-size:clamp(21px,1.8vw,26px);font-weight:450;font-stretch:110%;letter-spacing:-.02em}
.mp-no-ves ul{grid-row:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mp-no-ves li{display:grid;gap:12px;align-content:start;padding:18px 20px;border-radius:16px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-size:15.5px;line-height:1.5;color:var(--texto)}
.mp-no-ves li .ic{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--hundido);color:var(--texto-2)}
.mp-no-ves-fin{align-self:end;font-size:clamp(18px,1.5vw,21px);font-weight:500;line-height:1.35;color:var(--texto)}
.mp-no-ves-fin::before{content:"";display:block;width:34px;height:3px;margin-bottom:14px;border-radius:2px;background:var(--naranja)}
.mp-no-ves.anima li{opacity:0;transform:translateY(10px)}
.mp-no-ves.en li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 70ms),transform .6s var(--e) calc(var(--i) * 70ms)}
@media (max-width:899px){.mp-no-ves{grid-template-columns:minmax(0,1fr)}.mp-no-ves ul{grid-row:auto}}
@media (max-width:520px){.mp-no-ves ul{grid-template-columns:minmax(0,1fr)}.mp-no-ves li{grid-template-columns:30px minmax(0,1fr);align-items:center;padding:14px 16px}}

/* ── S6: la tabla de lo que miramos, sobre tinta; «Sí» y «No» con su marca y su palabra */
.mp-mira{margin-top:clamp(36px,4.5vw,56px)}
.mp-mira .tabla{table-layout:fixed}
.mp-mira thead>tr>:first-child{width:27%}
.mp-mira .mp-col{width:12%}
.mp-mira .mp-col+.mp-col{width:20%}
.mp-mira tbody th{font-size:15.5px;line-height:1.4}
.mp-mira tbody th .ic{display:block;width:20px;height:20px;margin-bottom:8px;color:var(--texto-3)}
.mp-si,.mp-no{font-size:14.5px;color:var(--texto)}
.mp-si::before,.mp-no::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;border-radius:50%}
.mp-si::before{background:var(--tinta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.mp-no{color:var(--texto-3)}
.mp-no::before{box-shadow:inset 0 0 0 1.5px var(--linea-3)}
/* «Una vez» y «Tres veces»: sus puntos y su palabra a la vista (copy: nunca iconos sin texto) */
.mp-mira .veces{white-space:normal;font-size:14.5px;line-height:1.4;color:var(--texto)}
.mp-mira .veces>span::before{display:block;margin:4px 0 9px}
@media (min-width:761px){.mp-mira{overflow:visible}.mp-mira thead :is(th,td){position:sticky;z-index:2;top:calc(var(--cab) + 66px)}}
@media (max-width:760px){
  .mp-mira .tabla{min-width:720px}
  .mp-mira thead>tr>:first-child{width:150px}
  .mp-mira :is(th,td):first-child{position:sticky;left:0;z-index:1;background:var(--tarjeta);box-shadow:1px 0 0 var(--linea)}
  .mp-mira thead>tr>:first-child{background:var(--lienzo)}
}
.mp-mira-pie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,5vw,72px);align-items:center;margin-top:clamp(36px,4.5vw,56px)}
.mp-mira-pie .nota-clave{margin:0;grid-template-columns:minmax(0,1fr);background:#1B1E21}
.mp-mira-pie .nota-clave>p{color:#fff}
.mp-mira-pie .nota-clave-vis .no-es{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}
.tinta .nota-clave-vis .pastilla:not(.mp-t){background:#24272B;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff}
@media (max-width:899px){.mp-mira-pie{grid-template-columns:minmax(0,1fr)}}

/* ── S7: las frases del informe, como tarjetas del panel, y la escena */
.mp-frases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1000px;margin-top:clamp(36px,4.5vw,56px)}
.mp-frases>li{display:grid;gap:14px;align-content:start;padding:22px 24px 24px;border-radius:18px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta);transition:transform .24s var(--e),box-shadow .24s ease}
.mp-frases>li:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--linea-2),var(--sombra-alza)}
.mp-sec{display:inline-flex;align-items:center;gap:7px;justify-self:start;height:26px;padding:0 10px 0 8px;border-radius:8px;background:var(--hundido);font-size:12.5px;font-weight:600;color:var(--texto-2)}
.mp-sec .ic{width:14px;height:14px}
.mp-frases b{display:block;margin-bottom:8px;font-size:18px;font-weight:560;font-stretch:104%;letter-spacing:-.012em;line-height:1.3;color:var(--texto)}
.mp-dice{display:block;padding-left:14px;border-left:3px solid var(--linea-2);font-size:16px;line-height:1.55;color:var(--texto-2)}
.mp-frases.anima>li{opacity:0;transform:translateY(12px)}
.mp-frases.en>li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 70ms),transform .6s var(--e) calc(var(--i) * 70ms)}
@media (max-width:760px){.mp-frases{display:flex}}
.mp-informe-pie{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px clamp(32px,5vw,80px);align-items:center;margin-top:clamp(56px,7vw,96px)}
.mp-escena .cp-tit{justify-content:space-between}
.mp-escena .cp-tit .cp-chip{margin-left:auto}
.mp-diez{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}
.mp-diez i{height:30px;border-radius:6px;background:var(--hundido);box-shadow:inset 0 0 0 1px var(--linea)}
.mp-diez i.o,.mp-ley i.o{background:repeating-linear-gradient(135deg,var(--tarjeta) 0 4px,rgba(18,20,22,.16) 4px 5.5px);box-shadow:inset 0 0 0 1.5px var(--texto-2)}
.mp-diez i.m,.mp-ley i.m{background:var(--naranja);box-shadow:none}
.mp-ley{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--texto-3)}
.mp-ley i{width:12px;height:12px;border-radius:3px}
.escena.anima .mp-diez i{opacity:0;transform:scale(.6)}
.escena.en .mp-diez i{opacity:1;transform:none;transition:opacity .3s ease,transform .45s var(--e);transition-delay:calc(.55s + var(--d,0) * 40ms)}
.mp-diez i:nth-child(2){--d:1}.mp-diez i:nth-child(3){--d:2}.mp-diez i:nth-child(4){--d:3}.mp-diez i:nth-child(5){--d:4}.mp-diez i:nth-child(6){--d:5}.mp-diez i:nth-child(7){--d:6}.mp-diez i:nth-child(8){--d:7}.mp-diez i:nth-child(9){--d:8}.mp-diez i:nth-child(10){--d:9}
.mp-escena figcaption{justify-content:flex-start;align-items:center;gap:6px 14px;margin-top:30px}
.mp-escena figcaption>p{max-width:30em}
.mp-escena figcaption>p{flex-basis:100%}
.mp-sobre{font-size:13px;color:var(--texto-3)}
.mp-sobre summary{display:inline-flex;align-items:center;gap:6px;height:32px;margin-top:10px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--linea-2);font-weight:560;color:var(--texto-2);cursor:pointer;list-style:none}
.mp-sobre summary::-webkit-details-marker{display:none}
.mp-sobre summary::after{content:"+";font-size:15px;line-height:1;transition:transform .2s var(--e)}
.mp-sobre[open] summary::after{transform:rotate(45deg)}
.mp-sobre p{margin-top:8px;max-width:34em}
@media (max-width:999px){.mp-informe-pie{grid-template-columns:minmax(0,1fr)}}
/* En el móvil la captura no sangra por la derecha (lo hace el kit): sus cifras, «2 de 10» y «5 de 10», van a ese borde */
@media (max-width:760px){.mp-escena .captura-marco{width:auto;margin-right:var(--margen)}.mp-escena .cp-cosas b{white-space:normal}}
@media (max-width:520px){.mp-diez{gap:3px}.mp-diez i{height:22px;border-radius:4px}}

/* ── S8: la prueba de la banda: lo que el informe no da por tuyo, te lo pregunta */
.mp-prueba{min-width:260px}
.mp-p-res{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--tarjeta)}
.mp-p-res>span:nth-child(2){display:grid}
.mp-p-res b{font-size:14px;font-weight:560;color:var(--texto)}
.mp-p-res small{font-size:12px;color:var(--texto-3)}
.mp-p-preg{font-size:15px;font-weight:500;color:#fff}
.mp-p-bot{display:flex;gap:8px}
.mp-p-bot span{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);font-size:13.5px;font-weight:560;color:rgba(255,255,255,.8)}
.mp-p-bot .si{background:#fff;box-shadow:none;color:var(--tinta)}

/* ── S9: las cifras del olvido y la tabla de qué se puede hacer, con quién decide y en qué plazo */
.mp-cifras-olvido{margin-top:clamp(40px,5vw,64px);max-width:1000px}
.mp-vias{margin-top:clamp(28px,3.5vw,44px)}
.mp-vias .tabla{table-layout:fixed}
.mp-vias thead>tr>:first-child{width:25%}
.mp-vias thead>tr>:nth-child(3){width:19%}
.mp-vias thead>tr>:nth-child(4){width:17%}
.mp-vias tbody th{font-size:15.5px;line-height:1.4}
.mp-vias tbody th .ic{display:block;width:20px;height:20px;margin-bottom:8px;color:var(--texto-3)}
.mp-vias a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.mp-decide{display:inline-flex;align-items:center;min-height:24px;padding:1px 9px;border-radius:7px;background:var(--hundido);font-size:14px;font-weight:600;color:var(--texto)}
.mp-plazo{font-size:14px}
.mp-plazo::before{content:"";display:block;width:16px;height:16px;margin-bottom:6px;opacity:.6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121416' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
.mp-vias .mp-tuyo>*{background:var(--lienzo)}
.mp-vias .mp-tuyo .mp-decide{background:var(--tarjeta);box-shadow:inset 0 0 0 1px var(--linea)}
@media (max-width:760px){
  .mp-vias .tabla{min-width:760px}
  .mp-vias thead>tr>:first-child{width:160px}
  .mp-vias :is(th,td):first-child{position:sticky;left:0;z-index:1;background:var(--tarjeta);box-shadow:1px 0 0 var(--linea)}
  .mp-vias thead>tr>:first-child{background:var(--lienzo)}
  .mp-vias .mp-tuyo>:first-child{background:var(--lienzo)}
}
.mp-vias + .prosa a,.apunte a{color:var(--texto);text-underline-offset:3px}

/* ── S10: lo que hacemos, a dos columnas sobre tinta */
.mp-hace{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 clamp(32px,5vw,72px);margin-top:clamp(36px,4.5vw,56px)}
.mp-hace>li:nth-child(4){border-top:0;padding-top:0}
.mp-hace>li:nth-child(4)::before{top:0}
.mp-hace>li:nth-child(4)::after{top:6px}
.tinta .mp-hace a{color:#fff;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
.mp-plazos{display:flex;align-items:flex-start;gap:14px;max-width:46em;margin-top:clamp(32px,4vw,48px);padding:20px 22px;border-radius:18px;background:#1B1E21;font-size:clamp(16.5px,1.25vw,18px);line-height:1.55;color:#fff}
.mp-plazos .ic{flex:none;width:24px;height:24px;color:var(--naranja)}
@media (max-width:760px){.mp-hace{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}.mp-hace>li:nth-child(4){border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.mp-hace>li:nth-child(4)::before{top:16px}.mp-hace>li:nth-child(4)::after{top:22px}}

/* ── S11: quién hace cada cosa y las piezas de los pasos */
.mp-quien .paso-t{display:grid;gap:6px}
.q>i{display:inline-flex;align-items:center;height:22px;margin-right:8px;padding:0 9px;border-radius:999px;background:var(--tuyo-suave);font-size:12.5px;font-style:normal;font-weight:600;color:var(--tuyo);vertical-align:1px}
.q.n>i{background:var(--tinta);color:#fff}
.mp-pz-form{display:grid;gap:6px;align-content:start;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.mp-pz-form small{font-size:11.5px;font-weight:600;color:var(--texto-3)}
.mp-pz-form>span{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--linea);font-weight:550;color:var(--texto-2)}
.mp-pz-form>span::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linea-3)}
.mp-pz-form>span.si{box-shadow:inset 0 0 0 1.5px var(--naranja);color:var(--texto)}
.mp-pz-form>span.si::before{box-shadow:inset 0 0 0 3.5px var(--naranja)}
.mp-pz-directo{display:grid;gap:10px;align-content:center}
.mp-barra{display:block;height:8px;border-radius:4px;background:var(--tarjeta);box-shadow:inset 0 0 0 1px var(--linea);overflow:hidden}
.mp-barra i{display:block;height:100%;background:var(--naranja);transform-origin:0 50%;transform:scaleX(.72)}
.mp-pz-directo>span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.mp-pz-directo b{padding:3px 8px;border-radius:7px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-weight:550;color:var(--texto)}
.mp-pz-directo small{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--texto-3)}
.pasos-lista.anima .mp-barra i{transform:scaleX(0)}
.pasos-lista.en .mp-barra i{transform:scaleX(.72);transition:transform 1.2s var(--e) .6s}
.mp-pz-tapa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mp-pz-tapa>span{display:grid;gap:6px;align-content:start;padding:8px;border-radius:10px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.mp-pz-tapa small{font-size:11px;font-weight:600;color:var(--texto-3)}
.mp-pz-tapa .tapa{display:block;height:8px;border-radius:2px;background:var(--texto)}
.mp-pz-tapa .tapa.c{width:62%}
.mp-pz-tapa .vista{font-size:11px;font-style:normal;font-weight:550;line-height:1.3;color:var(--texto)}

/* ── S12: la comparativa honesta: Reviot, sin más destaque que su sitio a la derecha (copy) */
#cmp tbody td:last-child{background:transparent;color:var(--texto-2)}
#cmp .fila-suave>:last-child{background:var(--tarjeta)}
#cmp thead :is(th,td):last-child{background:var(--lienzo)}
#cmp .fila-suave td:last-child::after{background:var(--lienzo)}
#cmp .fila-suave td:last-child{color:var(--texto)}

/* ── S13: los cuatro perfiles, su hueco de foto y cuándo conviene mirarlo */
.mp-hueco{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;max-width:86%;height:40px;padding:0 16px;border-radius:999px;background:var(--tarjeta);box-shadow:0 0 0 1px rgba(20,20,19,.05),0 14px 28px -14px rgba(20,20,19,.32);font:15px var(--google);color:var(--texto);white-space:nowrap;transform:translate(-50%,-50%)}
.mp-hueco::before{content:"";flex:none;width:15px;height:15px;margin-right:10px;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121416' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L20 20'/%3E%3C/svg%3E") center/contain no-repeat}
.mp-hueco em{margin-right:.2em}
.mp-perfiles .quien-foto i img{width:56%;height:auto}
.mp-perfiles .quien-pesa a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.mp-perfiles.anima>article{opacity:0;transform:translateY(12px)}
.mp-perfiles.en>article{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 70ms),transform .6s var(--e) calc(var(--i) * 70ms)}
.mp-cuando{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:20px clamp(32px,5vw,72px);align-items:start;margin-top:clamp(48px,6vw,80px)}
.mp-cuando h3{font-size:clamp(21px,1.8vw,26px);font-weight:450;font-stretch:110%;letter-spacing:-.02em}
.mp-cuando .lista-check{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,40px)}
.mp-cuando .lista-check>li:nth-child(2){border-top:0;padding-top:0}
.mp-cuando .lista-check>li:nth-child(2)::before{top:0}
.mp-cuando .lista-check>li:nth-child(2)::after{top:6px}
@media (max-width:899px){.mp-cuando,.mp-cuando .lista-check{grid-template-columns:minmax(0,1fr)}.mp-cuando .lista-check>li:nth-child(2){border-top:1px solid var(--linea);padding-top:16px}.mp-cuando .lista-check>li:nth-child(2)::before{top:16px}.mp-cuando .lista-check>li:nth-child(2)::after{top:22px}}

/* ── S15: seis puntos propios, en tres filas de dos */
.franja .mp-seis>li:nth-child(-n+2){border-top:0}