/* /panel-de-google (4 nov), hecha como la de oro con el kit v2: lo que solo tiene esta página. El panel de conocimiento dibujado como lo
   pinta Google (en la cabecera, pequeño; en S4, parte a parte, con su número, de dónde sale y cómo se cambia), el grafo de la cifra, las
   piezas de los pasos de S7, S8 y S11, las tablas con la primera columna fija en el móvil y «El bloque que dice quién eres». Lo del dibujo
   va en la letra de Google (--google). Solo transform y opacity en lo que se mueve; con «reducir movimiento», todo quieto. */

.kpc,.kp,.sg-c,.kpb{--g-t:#202124;--g-x:#4D5156;--g-g:#70757A;--g-a:#1A0DAB;--g-l:#DADCE0}
.kp em,.kpc em,.sg em,.kpb em,.pz-busca em{font-style:normal;white-space:nowrap;padding:0 .14em;border-radius:.25em;background:var(--tuyo-suave);color:var(--tuyo)}

@media (min-width:1000px){.cabecera-rejilla:has(.kpc){grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.cabecera-texto:has(+.cabecera-vis .kpc){max-width:620px}#h-pagina{max-width:none;font-size:clamp(40px,3.9vw,56px)}}

/* ── S2: la búsqueda de tu nombre, con su panel a la derecha (dibujo, se arma una vez) */
.kpc{position:relative;isolation:isolate;padding:clamp(22px,2.6vw,36px);border-radius:28px;background:var(--hundido)}
.kpc::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--trama) 0 0/14px 14px;mask-image:radial-gradient(75% 70% at 0% 100%,#000 10%,transparent 72%)}
.kpc-busca{display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;border-radius:23px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),0 8px 20px -14px rgba(18,20,22,.4);font:15px/1 var(--google);color:var(--g-t)}
.kpc-busca img{width:18px;height:18px}
.kpc-busca span{flex:1}
.kpc-busca .ic{width:18px;height:18px;color:var(--g-g)}
.kpc-serp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start;margin-top:20px}
.kpc-res{display:grid;gap:22px;padding-top:6px}
.kpc-res p{display:grid;gap:7px}
.kpc-res .esq:first-child{height:10px;width:70%;background:#C9CEDC}
.kpc-kp{display:grid;gap:8px;padding:12px 14px 12px;border-radius:12px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--g-l),var(--sombra-flota);font:12px/1.4 var(--google);color:var(--g-x)}
.kpc-fotos{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:82px;margin:-2px -4px 2px;border-radius:8px;overflow:hidden}
.kpc-fotos i{background:#E6E1D7}
.kpc-fotos i:first-child{grid-row:span 2;background:#DCD5C8}
.kpc-nombre{font:19px/1.2 var(--google);color:var(--g-t)}
.kpc-sub{margin-top:-6px;color:var(--g-g)}
.kpc-desc{display:grid;gap:5px}
.kpc-desc u{font-size:11.5px;color:var(--g-a)}
.kpc-dato{display:flex;align-items:center;gap:6px}
.kpc-dato b{font-weight:700;color:var(--g-t)}
.kpc-dato .esq{flex:1;max-width:90px}
.kpc-perfiles{display:flex;gap:8px;padding-top:2px}
.kpc-perfiles img{box-sizing:content-box;width:16px;height:16px;padding:6px;border-radius:50%;box-shadow:0 0 0 1px var(--g-l)}
.kpc-pie{padding-top:8px;border-top:1px solid #ECEDEF;font-size:11px;color:var(--g-g);text-decoration:underline}
.kpc-boton{display:inline-flex;align-items:center;gap:6px;justify-self:start;height:26px;padding:0 11px 0 8px;border-radius:13px;box-shadow:0 0 0 1px var(--g-l);color:var(--g-t)}
.kpc-boton>.ic{width:13px;height:13px;color:var(--g-a)}
.kpc-desc,.kpc-boton,.kpc-perfiles{position:relative}
.kpc-sale{position:absolute;right:calc(100% + 6px);top:50%;display:inline-flex;width:max-content;align-items:center;gap:6px;height:32px;margin-top:-16px;padding:0 13px 0 9px;border-radius:9px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-flota);font:600 13px/1 var(--letra);color:var(--texto);white-space:nowrap;text-decoration:none}
.kpc-sale img,.kpc-sale .ic{width:16px;height:16px;color:currentColor}
.kpc-sale.tuya{background:#FFF4EE;color:var(--tuyo)}
.kpc-sale::after{content:"";position:absolute;left:calc(100% + 1px);top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 3px var(--tarjeta)}
@media (prefers-reduced-motion:no-preference){
  .kpc-res p{animation:ec-entra .45s var(--e) calc(.2s + var(--d,0) * .08s) both}
  .kpc-res p:nth-child(2){--d:1}.kpc-res p:nth-child(3){--d:2}
  .kpc-kp{animation:kp-llega .6s var(--e) .4s both}
  .kpc-sale{animation:ec-pop .4s var(--e) calc(1s + var(--d,0) * .14s) both}
  .kpc-sale.k1{--d:1}.kpc-sale.k2{--d:2}
}
@keyframes kp-llega{from{opacity:0;transform:translateX(14px)}}
@media (max-width:999px){
  .cabecera-vis{margin-top:12px}
  .kpc{height:372px;overflow:hidden;padding:18px 16px 0}
  .kpc-serp{grid-template-columns:minmax(0,1fr);margin-top:16px}
  .kpc-res{display:none}
  .kpc-kp{max-width:360px}
  .kpc-sale{right:4px}
  .kpc-sale.k3{right:auto;left:calc(100% + 18px)}
  .kpc-sale::after{left:-13px}
}

/* ── S3: la definición, y al lado la cifra con su grafo */
.que-es-pie{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px clamp(32px,5vw,80px);align-items:center;margin-top:clamp(56px,7vw,96px)}
.cifras.sola{grid-template-columns:minmax(0,1fr);margin-top:0}
.cifras.sola .cifra>b{white-space:normal}
.cifras.sola .cifra>b small{white-space:nowrap}
.bloque-gen .campo label{flex-wrap:wrap}
.grafo{height:84px}
.grafo path{fill:none;stroke:var(--linea-3);stroke-width:1.2}
.grafo-p circle{fill:var(--texto)}
.grafo-tu{fill:var(--naranja)}
.grafo circle{transform-box:fill-box;transform-origin:center}
.cifras.anima .grafo :is(path,circle){opacity:0}
.cifras.anima .grafo circle{transform:scale(.4)}
.cifras.en .grafo :is(path,circle){opacity:1;transform:none;transition:opacity .4s ease calc(var(--d,0) * 50ms + .5s),transform .45s var(--e) calc(var(--d,0) * 50ms + .5s)}
.cifras.en .grafo path{transition-delay:1s}
.grafo-p circle:nth-child(2){--d:1}.grafo-p circle:nth-child(3){--d:2}.grafo-p circle:nth-child(4){--d:3}.grafo-p circle:nth-child(5){--d:4}.grafo-p circle:nth-child(6){--d:5}.grafo-p circle:nth-child(7){--d:6}.grafo-p circle:nth-child(8){--d:7}
.cifras.en .grafo-tu{transition-delay:1.25s}
@media (max-width:999px){.que-es-pie{grid-template-columns:minmax(0,1fr)}}

/* ── S4: el panel, parte a parte. A su izquierda sale de dónde viene la parte activa; a su derecha, cómo se cambia */
.kpa{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);grid-template-areas:"panel ficha" "pie ficha";gap:18px clamp(40px,6vw,96px);align-items:start;margin-top:clamp(40px,5vw,64px)}
.kpa-panel{grid-area:panel;position:relative}
.kpa>figcaption{grid-area:pie;padding-left:6px;font-size:13.5px;color:var(--texto-2)}
.kpa-ficha{grid-area:ficha;align-self:center}
.kp{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px 8px;padding:22px 24px 16px;border-radius:14px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--g-l),var(--sombra-tarjeta);font:14px/1.5 var(--google);color:var(--g-x)}
.kp>li{position:relative;grid-column:1 / -1;min-width:0}
.kp>li::after{content:"";position:absolute;inset:-6px -10px;border-radius:10px;background:rgba(254,90,32,.05);box-shadow:0 0 0 1.5px var(--naranja);opacity:0;transition:opacity .2s ease;pointer-events:none}
.kp>li.activa::after{opacity:1}
.kpa.viva .kp>li{cursor:pointer}
.kp-n{position:absolute;left:-36px;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tinta);box-shadow:0 0 0 3px var(--hundido);font:600 11.5px/1 var(--letra);font-style:normal;color:#fff;font-variant-numeric:tabular-nums;transition:transform .2s var(--e)}
.kp>li.activa>.kp-n,.kpa-cab .kp-n{background:var(--naranja)}
.kp>li.activa>.kp-n{transform:scale(1.12)}
.kp-1 b{font:400 25px/1.2 var(--google);color:var(--g-t)}
.kp-2{margin-top:-10px;color:var(--g-g)}
.kp-3{grid-column:1!important}
.kp-4{grid-column:2!important;display:grid;align-content:start;gap:6px;font-size:11.5px;line-height:1.35;color:var(--g-g)}
.kp-4 .kp-n{left:-12px;top:-10px}
.kp-img{display:grid;place-items:center;align-content:center;gap:6px;aspect-ratio:4/3;border-radius:10px;background:#E6E1D7;font-size:11.5px;color:#5F5A50;text-align:center}
.kp-img .ic{width:30px;height:30px;color:#8C8577}
.kp-mini{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.kp-mini i{aspect-ratio:1;border-radius:7px;background:#EDE9E1}
.kp-mini i:nth-child(2),.kp-mini i:nth-child(3){background:#E4DED3}
.kp-fuente{white-space:nowrap}
.kp-fuente u{color:var(--g-a)}
.kp-6{display:grid;gap:4px}
.kp-6>span:not(.kp-sep){display:flex;align-items:center;gap:8px;font-weight:700;color:var(--g-t)}
.kp-6>span:not(.kp-sep)::after{content:"";flex:1;max-width:130px;height:7px;border-radius:4px;background:var(--pista)}
.kp-sep{display:none}
.kp-h{display:block;font-size:15px;color:var(--g-t)}
.kp-7{display:flex;flex-wrap:wrap;gap:10px 18px}
.kp-7 .kp-h{flex-basis:100%}
.kp-7>span:not(.kp-h,.kp-sep){display:grid;justify-items:center;gap:4px;font-size:11.5px;color:var(--g-t)}
.kp-7 img{box-sizing:content-box;width:20px;height:20px;padding:9px;border-radius:50%;box-shadow:0 0 0 1px var(--g-l)}
.kp-boton{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px 0 12px;border-radius:17px;box-shadow:0 0 0 1px var(--g-l);font-weight:500;color:var(--g-t)}
.kp-boton .ic{width:16px;height:16px;color:var(--g-a)}
.kp-otros{display:flex;gap:14px;margin-top:8px}
.kp-otros i{width:44px;height:44px;border-radius:50%;background:#E6E1D7}
.kp-10{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #ECEDEF;font-size:12px;color:var(--g-g)}
.kp-10::after{inset:-2px -10px -6px}
.kp-10>span:last-child{text-decoration:underline}
.kp-10 .kp-n{top:8px}
.kpa.anima .kp>li{opacity:0;transform:translateY(6px)}
.kpa.en .kp>li{opacity:1;transform:none;transition:opacity .4s ease calc(var(--k,0) * 45ms + .1s),transform .55s var(--e) calc(var(--k,0) * 45ms + .1s)}
.kp-2{--k:1}.kp-3{--k:2}.kp-4{--k:3}.kp-5{--k:4}.kp-6{--k:5}.kp-7{--k:6}.kp-8{--k:7}.kp-9{--k:8}.kp-10{--k:9}
.kpa-sale{position:absolute;left:0;top:0;display:none;align-items:center;gap:7px;height:34px;padding:0 13px 0 10px;border-radius:10px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-flota);font-size:13.5px;font-weight:600;color:var(--texto);white-space:nowrap;transform:translate(calc(-100% - 50px),var(--y,0));transition:transform .35s var(--e),opacity .2s}
.kpa-sale.tuya{background:#FFF4EE;color:var(--tuyo)}
.kpa-sale img,.kpa-sale .ic{width:16px;height:16px}
.kpa-sale::after{content:"";position:absolute;left:100%;top:50%;width:34px;border-top:1.5px dashed var(--naranja)}
.kpa-sale:empty{opacity:0}
.kpa-ficha{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2.4vw,30px);border-radius:22px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-flota)}
.kpa-ficha[hidden]{display:none}
.kpa-cab{display:flex;align-items:center;gap:12px}
.kpa-cab .kp-n{position:static;flex:none;width:30px;height:30px;font-size:13.5px;box-shadow:none}
.kpa-cab b{font-size:clamp(19px,1.6vw,22px);font-weight:520;font-stretch:108%;letter-spacing:-.015em;line-height:1.25;color:var(--texto)}
.kpa-de{display:flex}
.kpa-de:empty{display:none}
.kpa-de span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 9px;border-radius:9px;background:var(--hundido);font-size:13px;font-weight:600;color:var(--texto)}
.kpa-de span.tuya{background:var(--tuyo-suave);color:var(--tuyo)}
.kpa-de img,.kpa-de .ic{width:16px;height:16px}
.kpa-ficha dl{display:grid;gap:14px}
.kpa-ficha dl[hidden],.kpa-ir[hidden]{display:none}
.kpa-ficha dl>div{display:grid;gap:3px;padding-top:14px;border-top:1px solid var(--linea)}
.kpa-ficha dd{margin:0}
.kpa-ficha dt{font-size:12.5px;font-weight:600;color:var(--texto-3)}
.kpa-ficha dd{font-size:16px;line-height:1.5;color:var(--texto)}
.kpa-ir{display:flex;flex-wrap:wrap;gap:8px}
.kpa-ir a{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:10px;background:var(--hundido);font-size:14px;font-weight:600;color:var(--texto);text-decoration:none}
.kpa-nav{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:4px}
.kpa-nav output{min-width:5.5em;font-size:13.5px;font-weight:600;color:var(--texto-2);text-align:center;font-variant-numeric:tabular-nums}
.kpa-nav button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--hundido);color:var(--texto);cursor:pointer;transition:transform .15s var(--e)}
.kpa-nav button:hover{transform:translateY(-1px)}
.kpa-nav button:active{transform:scale(.95)}
.kpa-nav button:first-child .ic{transform:scaleX(-1)}
@media (min-width:1180px){.kpa{grid-template-columns:minmax(0,440px) minmax(0,1fr);padding-left:clamp(150px,15vw,210px)}.kpa-sale{display:inline-flex}}
/* En el móvil y la tableta, la ficha va debajo del panel y quieta: cambia solo cuando tocas una parte o sus flechas, nunca al bajar,
   y no tapa nada. Guarda el alto de la parte más larga (lo mide panel-de-google.js), así nada se mueve al cambiar de parte. */
@media (max-width:999px){
  .kpa{grid-template-columns:minmax(0,1fr);grid-template-areas:"pie" "panel" "ficha";padding-left:clamp(44px,8vw,64px)}
  .kpa>figcaption{padding-left:0}
  .kpa-ficha{gap:14px;scroll-margin:96px 0 104px}
  .kpa-cab b{font-size:18px}
  .kpa-ficha dd{font-size:15px}
}
@media (min-width:761px) and (max-width:999px){.kpa-panel,.kpa-ficha{width:100%;max-width:470px}}
@media (max-width:760px){
  .kpa{padding:16px 12px 16px 40px;margin-inline:calc(var(--margen) * -1 + 8px)}
  .kp{padding:18px 16px 14px}
  .kp-n{left:-30px}
  .kp-1 b{font-size:22px}
}

/* ── Las tablas de esta página: en el móvil, la primera columna se queda fija y el resto se desliza dentro de su caja */
.kpt tbody th{padding-left:56px}
.tabla .kp-n{left:22px;top:19px;box-shadow:none}
.kpt{margin-top:clamp(40px,5vw,64px)}
.kpt tbody th{width:22%}
.kpt tr.activa>:first-child::after{opacity:1}
.kpt tr.activa .kp-n{background:var(--naranja)}
.kpt img.kp-n{box-sizing:content-box;width:14px;height:14px;padding:4px;border-radius:50%;background:var(--hundido)}
.vias tbody th{width:24%}
.decide{width:15%}
.decide span{display:inline-block;padding:3px 10px;border-radius:9px;background:var(--hundido);font-size:13px;font-weight:600;line-height:1.4;color:var(--texto)}
.frente thead th{vertical-align:bottom}
.frente tbody th{width:24%}
.frente-cab{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--texto)}
.frente-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.frente-ic img{width:18px;height:18px}
.kp-glifo{display:grid;gap:3px;align-content:center;padding:0 9px}
.kp-glifo i{height:3px;border-radius:2px;background:var(--texto)}
.kp-glifo i:first-child{width:9px;height:9px;margin-bottom:1px;border-radius:2px}
.kp-glifo i+i{width:70%;background:var(--linea-3)}
@media (max-width:760px){
  .tabla-fija .tabla{min-width:680px}
  .tabla-fija.frente .tabla{min-width:0}
  .tabla-fija :is(tbody th,thead tr>:first-child){position:sticky;left:0;z-index:2;width:128px;min-width:128px;background:var(--tarjeta);box-shadow:1px 0 0 var(--linea)}
  .tabla-fija thead tr>:first-child{background:var(--lienzo)}
  .tabla-fija tbody>tr>:first-child::after{content:none}
  .kpt tbody tr.activa>*{background:#F6F3EC}
  .tabla-fija tbody .fila-suave>th{background:var(--lienzo)}
  .tabla-fija tbody th{font-size:14px;line-height:1.4}
  .frente :is(th,td){font-size:13.5px}
  .frente :is(tbody th,thead tr>:first-child){width:84px;min-width:84px}
  .frente-cab{display:grid;gap:6px;font-size:13px}
  .kpt tbody th{padding-left:44px}
  .tabla .kp-n{left:12px;top:13px}
}

/* ── S6: los dos caminos, el bloque que dice quién eres y lo que no funciona */
.caminos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(40px,5vw,64px)}
.camino{padding:clamp(24px,2.8vw,36px);border-radius:22px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta)}
.camino:last-child{background:var(--hundido);box-shadow:none}
.camino h3{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:clamp(20px,1.7vw,23px)}
.camino h3 .ic{box-sizing:content-box;width:20px;height:20px;padding:9px;border-radius:11px;background:var(--hundido);color:var(--texto)}
.camino:last-child h3 .ic{background:var(--tarjeta)}
.camino li{padding:14px 0;border-top:1px solid var(--linea);font-size:15.5px;line-height:1.58;color:var(--texto-2)}
.camino li:first-child{border-top:0}
.camino li>b:first-child{color:var(--texto);font-weight:560}
.camino a,.ya-gestiona a{color:var(--texto);text-underline-offset:3px}
.caminos.anima .camino{opacity:0;transform:translateY(12px)}
.caminos.en .camino{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 80ms),transform .65s var(--e) calc(var(--i) * 80ms)}
.bloque-gen textarea{width:100%;min-height:104px;padding:12px 14px;border-radius:10px;border:1px solid var(--linea-2);background:#fff;font:15px/1.45 var(--letra);color:var(--texto);resize:vertical}
.bloque-gen textarea:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(18,20,22,.08)}
.bloque-gen .campo small{font-weight:500;color:var(--texto-3)}
.bloque-gen .sujeto label{padding:0 8px;text-align:center;line-height:1.2}
.bloque-gen .generador-ir.hecho{background:var(--bueno-texto)}
@media (min-width:1000px){.herramienta-ancha .bloque-gen>.bq-salida{grid-row:1 / span 11}}
.bq-salida{gap:14px}
.bq-lleva{display:flex;flex-wrap:wrap;gap:6px}
.bq-lleva span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 8px;border-radius:999px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-size:12.5px;font-weight:600;color:var(--texto-3)}
.bq-lleva span::before{content:"";width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linea-3)}
.bq-lleva span.si{color:var(--texto)}
.bq-lleva span.si::before{box-shadow:none;background:var(--naranja) 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/9px no-repeat;animation:gen-llega .4s var(--e)}
.bq-lleva output{font-variant-numeric:tabular-nums}
.bq-codigo{min-height:220px;max-height:340px;margin:0;padding:16px 18px;border-radius:14px;background:var(--tinta);overflow:auto;font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.62);white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:760px){.bq-codigo{max-height:none;padding:14px;font-size:11.5px}}
.bq-codigo:focus-visible{outline:2px solid var(--naranja);outline-offset:2px}
.bq-codigo .k{color:rgba(255,255,255,.88)}
.bq-codigo .v{color:#FFC2AC}
.bq-codigo .falta{color:rgba(255,255,255,.45);outline:1px dashed rgba(255,255,255,.35);outline-offset:1px;border-radius:3px}
.bq-aviso{padding:10px 12px;border-radius:10px;background:var(--tuyo-suave);font-size:13.5px;line-height:1.45;color:var(--tuyo)}
.bq-aviso[hidden]{display:none}
.bq-pie{font-size:13.5px;line-height:1.55;color:var(--texto-3)}
.bq-pie a{color:var(--texto-2);text-underline-offset:2px}
.bq-pie code{font-size:12.5px;color:var(--texto)}
.no-funciona{margin-top:clamp(56px,7vw,96px)}
.no-funciona h3{margin-bottom:22px;font-size:clamp(24px,2.4vw,32px);font-weight:400;font-stretch:112%;letter-spacing:-.025em}
.no-funciona .lista-no{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}
.no-funciona .lista-no>li:nth-child(2){border-top:0;padding-top:0}
.no-funciona .lista-no>li:nth-child(2)::before{top:0}
@media (max-width:899px){.caminos,.no-funciona .lista-no{grid-template-columns:minmax(0,1fr)}.no-funciona .lista-no>li:nth-child(2){border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.no-funciona .lista-no>li:nth-child(2)::before{top:16px}}

/* ── S7: las piezas de los pasos y lo que va debajo */
.pz-busca{flex-wrap:nowrap;gap:10px;min-height:0;height:46px;align-self:center;padding:0 14px;border-radius:23px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font:14px/1 var(--google);color:var(--g-t,#202124)}
.pz-busca em{flex:1}
.pz-busca .ic{width:16px;height:16px;color:#70757A}
.pz-pie{display:grid;gap:7px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.pz-pie u{margin-top:4px;padding-top:8px;border-top:1px solid #ECEDEF;font:12px/1.35 var(--google);color:var(--tuyo);text-decoration-color:var(--naranja);text-underline-offset:2px}
.pz-logos .ic{width:20px;height:20px}
p.aviso{font-size:16px;line-height:1.6;color:var(--texto-2)}
.reclamar-pie{display:grid;gap:clamp(48px,6vw,80px);margin-top:clamp(56px,7vw,96px)}
.ya-gestiona{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t dias" "p dias";gap:10px clamp(28px,4vw,64px);align-items:center;padding:clamp(24px,3vw,40px);border-radius:24px;background:var(--hundido)}
.ya-gestiona h3{grid-area:t;font-size:clamp(20px,1.8vw,24px)}
.ya-gestiona p{grid-area:p;max-width:36em;font-size:16.5px;line-height:1.6;color:var(--texto-2)}
.dias{grid-area:dias;display:grid;grid-template-columns:repeat(3,auto);gap:10px;justify-items:center}
.dias i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-size:20px;font-style:normal;font-weight:340;font-stretch:118%;color:var(--texto)}
.dias i:last-of-type{background:var(--naranja);box-shadow:none;color:#fff}
.dias b{grid-column:1 / -1;font-size:13px;font-weight:600;color:var(--texto-2)}
.tu-y-reviot h3{font-size:clamp(22px,2vw,28px);font-weight:420;font-stretch:110%;letter-spacing:-.02em}
.tu-y-reviot ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.tu-y-reviot li{padding:clamp(22px,2.6vw,32px);border-radius:22px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta);font-size:16px;line-height:1.6;color:var(--texto-2)}
.tu-y-reviot li+li{background:var(--hundido);box-shadow:none}
.tu-y-reviot li>b{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600;color:var(--tuyo)}
.tu-y-reviot li+li>b{color:var(--texto)}
.tu-y-reviot .filete{max-width:46em}
@media (max-width:760px){.ya-gestiona{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "p" "dias"}.dias{justify-items:start;justify-self:start}.tu-y-reviot ul{grid-template-columns:minmax(0,1fr)}}

/* ── S8: la pieza que cambia con cada paso (una sugerencia, de la cuenta al envío) y los cinco casos */
.sg{display:grid;place-items:center;min-height:330px}
.sg-c{display:grid;gap:12px;width:min(100%,340px);padding:22px;border-radius:16px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--g-l),var(--sombra-flota);font:14px/1.4 var(--google);color:var(--g-x)}
.sg-cuenta{display:flex;align-items:center;gap:12px}
.sg-cuenta>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--naranja);color:#fff}
.sg-cuenta>i .ic{width:20px;height:20px}
.sg-cuenta span{display:grid;flex:1;gap:7px}
.sg-cuenta .ic{width:22px;height:22px;padding:3px;border-radius:50%;background:var(--bueno-suave);color:var(--bueno-texto);stroke-width:2.4}
.sg-fila{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--g-t)}
.sg-interruptor{position:relative;flex:none;width:40px;height:22px;border-radius:11px;background:var(--naranja)}
.sg-interruptor::after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.sg-sugerir{justify-self:end;padding:6px 12px;border-radius:16px;box-shadow:0 0 0 1.5px var(--naranja);font-size:13px;font-weight:500;color:var(--tuyo)}
.sg-dato{display:grid;grid-template-columns:7em minmax(0,1fr) 24px;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-weight:700;color:var(--g-t)}
.sg-dato.activa{background:var(--tuyo-suave);box-shadow:inset 0 0 0 1px rgba(254,90,32,.4)}
.sg-lapiz{width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2370757A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3C/svg%3E") center/18px no-repeat}
.sg-dato.activa .sg-lapiz{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B23A0D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3C/svg%3E")}
.sg-enlaces{display:grid;gap:6px;margin-top:4px}
.sg-enlaces span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:var(--hundido);font-size:12.5px;color:var(--g-a)}
.sg-enlaces .ic{width:15px;height:15px}
.sg-enlaces .esq{flex:1}
.sg-fin{justify-items:center;text-align:center}
.sg-ok{width:56px;height:56px;border-radius:50%;background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/28px no-repeat}
.sg-fin>p:not(.sg-dias){font:500 19px/1.2 var(--letra);color:var(--texto)}
.sg-dias{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--g-g)}
.sg-dias .ic{width:15px;height:15px}
.pasos-escena .pasos-lista>li>b:first-child{margin-bottom:0}
.pasos-lista>li.sigue>b:first-child,.pasos-lista>li.sigue .paso-t>b:first-child{display:inline}
.cambios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:14px;margin-top:clamp(56px,7vw,96px)}
.cambio{padding:clamp(22px,2.6vw,32px);border-radius:22px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta)}
.cambio.alto{grid-row:span 2;background:var(--hundido);box-shadow:none}
.cambio h3{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:19px}
.cambio h3 .ic{box-sizing:content-box;width:18px;height:18px;padding:8px;border-radius:10px;background:var(--hundido);color:var(--texto)}
.cambio.alto h3 .ic{background:var(--tarjeta)}
.cambio p{font-size:15.5px;line-height:1.6;color:var(--texto-2)}
.cambio p+p{margin-top:12px}
.cambios.anima .cambio{opacity:0;transform:translateY(12px)}
.cambios.en .cambio{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 60ms),transform .65s var(--e) calc(var(--i) * 60ms)}
@media (max-width:760px){.cambios{grid-template-columns:minmax(0,1fr)}.cambio.alto{grid-row:auto}}

/* ── S9: lo que hay que saber antes, al lado de lo que no es de esta página */
.vias-pie{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px clamp(32px,5vw,80px);align-items:start;margin-top:clamp(40px,5vw,56px)}
.antes{padding:clamp(22px,2.6vw,30px);border-radius:22px;background:var(--hundido)}
.antes-t{font-size:17px;font-weight:560;color:var(--texto)}
.antes ul{display:grid;gap:10px;margin-top:14px;counter-reset:antes}
.antes li{position:relative;counter-increment:antes;padding-left:38px;font-size:15.5px;line-height:1.5;color:var(--texto-2)}
.antes li::before{content:counter(antes);position:absolute;left:0;top:-1px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tarjeta);font-size:12.5px;font-weight:600;color:var(--texto)}
#si-te-perjudica .nota-legal{margin-top:clamp(40px,5vw,56px)}
@media (max-width:899px){.vias-pie{grid-template-columns:minmax(0,1fr)}}

/* ── S10: lo que mira Reviot, al lado de su tarjeta del panel */
.que-mira{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px clamp(40px,6vw,96px);align-items:start;margin-top:clamp(40px,5vw,64px)}
.que-mira>.captura{position:sticky;top:calc(var(--cab) + 84px);margin-top:0}
.mira>li.completo::before{background-color:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.mira>li.completo::after{content:none}
.mira-pie{position:relative;margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.72)}
.mira-pie a{color:#fff;text-underline-offset:3px}
.cp-panel{display:grid;gap:4px}
.cp-panel li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 0;border-top:1px solid var(--linea);font-size:13.5px;color:var(--texto)}
.cp-panel li:first-child{border-top:0}
.cp-panel b{font-weight:600}
@media (max-width:999px){.que-mira{grid-template-columns:minmax(0,1fr)}.que-mira>.captura{position:static}}

/* ── S11 y S12: las piezas que faltan */
.pz-de{flex-wrap:nowrap}
.pz-de>.ic{width:16px;height:16px;flex:none;color:var(--texto-3)}
.pz-codigo{background:var(--tinta);color:#FFC2AC}
.pz-codigo code{font:11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.pz-reviot{width:auto;height:11px;color:var(--texto)}
.kpb{gap:8px;padding:20px;background:var(--tarjeta);font:12px/1.4 var(--google);color:var(--g-x)}
.kpb .kpc-nombre{font-size:20px}
.kpb-de{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
@media (prefers-reduced-motion:reduce){.kpa-sale,.kp>li::after,.kp-n{transition:none}}