/* /reputacion-en-ia (3 nov, la página de oro, con el kit v2): lo que solo tiene esta página. El kit (paginas.css) pone los componentes,
   la escena de la cabecera y las escenas de producto; aquí, la anatomía de una respuesta (S7), lo de dentro de las capturas C1 y C2,
   cómo se reparten los pies de S4, S5 y S6 y los anchos de sus tablas. Solo transform y opacity en lo que se mueve. */

/* ── S4, S5 y S6: lo que va debajo del objeto, a dos columnas ──────────────────────────────────────────────────────────────── */
.compruebalo-pie,.de-donde-pie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,5vw,80px);align-items:start;margin-top:clamp(40px,5vw,64px)}
.compruebalo-pie .apunte,.compruebalo-pie .filete,.de-donde-pie .aviso{margin-top:0}
.compruebalo-pie .filete{padding-top:0;border-top:0;padding-left:24px;border-left:2px solid var(--naranja)}
.de-donde-pie .prosa{max-width:none}
.preguntamos-pie{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(56px,7vw,96px)}
.preguntamos-pie .captura{margin-top:0}
@media (max-width:999px){.compruebalo-pie,.de-donde-pie,.preguntamos-pie{grid-template-columns:minmax(0,1fr)}.preguntamos-pie .escena{order:-1}}

/* ── S7: la respuesta, como la ve Reviot (dibujo). Cada trozo lleva su número; la línea sale de su borde derecho. ─────────────── */
.anat{position:relative;display:grid;gap:16px;padding:clamp(18px,2.4vw,28px);border-radius:22px;background:var(--tarjeta);font-size:14px;line-height:1.45;color:var(--texto-2);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 110px -40px rgba(0,0,0,.85)}
.anat em,.cp-nombran em{font-style:normal;white-space:nowrap;padding:0 .14em;border-radius:.25em;background:var(--tuyo-suave);color:var(--tuyo)}
.anat .ic{width:15px;height:15px;stroke-width:1.7}
.anat-pregunta{justify-self:end;padding:10px 16px;border-radius:18px 18px 5px 18px;background:var(--hundido);font-size:16px;font-weight:500;color:var(--texto)}
.anat-fila{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-right:22px}
.anat-et{display:inline-flex;align-items:center;gap:6px;min-width:70px;font-size:12px;font-weight:600;color:var(--texto-3)}
.anat-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;background:var(--hundido);font-size:12.5px;font-weight:500;color:var(--texto-2);white-space:nowrap}
.anat-chip.cita{background:var(--tinta);color:#fff}
.anat-chip.tuya{background:rgba(254,90,32,.07);box-shadow:inset 0 0 0 1px rgba(254,90,32,.45);color:var(--tuyo)}
.anat-chip.comp{background:#fff;box-shadow:inset 0 0 0 1px var(--linea-2);color:var(--texto)}
.anat-ley{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:11.5px;color:var(--texto-3)}
.anat-ley i{width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--pista)}
.anat-ley i.c{margin-left:0;background:var(--tinta)}
.anat-respuesta{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-block:1px solid var(--linea)}
.anat-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 1px var(--linea)}
.anat-avatar img{width:18px;height:18px}
.anat-respuesta p{position:relative;padding-right:22px;font-size:15px;line-height:1.65;color:var(--texto)}
.anat u{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--linea-3)}
.anat u.bueno{text-decoration-color:var(--bueno)}
.anat u.malo{text-decoration-color:var(--malo)}
.anat-refs{display:inline-flex;gap:3px;margin-left:6px;vertical-align:1px}
.anat-refs i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--hundido);font-size:10.5px;font-style:normal;font-weight:600;color:var(--texto-2)}
.anat-google{position:relative;padding:12px 36px 14px 14px;border-radius:14px;border:1px solid var(--linea)}
.anat-g{display:flex;align-items:center;gap:8px;font-family:var(--google);font-size:13px;color:var(--texto-2)}
.anat-g img{width:16px;height:16px}
.anat-google ol{display:grid;gap:8px;margin-top:10px;counter-reset:g}
.anat-google li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;counter-increment:g;font-size:12.5px}
.anat-google li::before{content:counter(g);font-weight:600;color:var(--texto-3);font-variant-numeric:tabular-nums}
.anat-raya{height:8px;border-radius:4px;background:var(--pista)}
.anat-de{font-weight:600;color:var(--texto-2)}
.anat-google .tuya .anat-raya{background:rgba(254,90,32,.3)}
.anat-google .tuya .anat-de{color:var(--tuyo)}
@media (max-width:760px){
  .anat{padding:16px 16px 18px;border-radius:18px}
  .anat-fila{padding-right:16px}
  .anat-et{min-width:0;width:100%}
  .anat-ley{width:100%;margin:2px 0 0}
  .anat-respuesta p{font-size:14.5px}
}

/* ── C1 y C2: lo de dentro de las escenas (las piezas comunes, cp-…, en paginas.css) ───────────────────────────────────────────── */
.captura-c1{margin-top:clamp(72px,9vw,128px)}
.captura-c1 .escena-fondo{max-width:1000px;margin-inline:auto}
.captura-c1 .captura-marco{max-width:780px}
.captura-c1 figcaption{max-width:1000px;margin-inline:auto}
.cp-r{display:grid;gap:10px;padding:12px 14px;border-radius:12px;background:var(--hundido)}
.cp-r-cab{display:flex;align-items:center;gap:10px}
.cp-r-cab b{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--texto)}
.cp-perjudica{font-size:14.5px;line-height:1.45;color:var(--malo-texto)}
.escena-flota .cp-chip{justify-self:start}
.cp-r>.cp-mini,.cp-r>.cp-cosas{margin-left:36px}
.cp-r .cp-cosas li{background:var(--tarjeta)}
.cp-plegada{padding:10px 14px}
.cp-matriz{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px 18px;align-items:center}
.cp-ia{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--texto-2)}
.cp-ia img{width:14px;height:14px}
.cp-q{min-width:0;font-size:12.5px;color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-celdas{display:flex;gap:4px}
.cp-celdas i{width:22px;height:22px;border-radius:6px;background:var(--pista)}
.cp-celdas .si{background:var(--naranja)}
.escena.anima .cp-celdas i{opacity:0;transform:scale(.5)}
.escena.en .cp-celdas i{--t:calc((var(--r,0) * 6 + var(--g,0) * 3 + var(--d,0)) * 35ms + .55s);opacity:1;transform:none;transition:opacity .2s ease var(--t),transform .45s var(--e) var(--t)}
.cp-matriz>:nth-child(n+7){--r:1}.cp-matriz>:nth-child(n+10){--r:2}.cp-matriz>.cp-celdas:nth-child(3n){--g:1}.cp-celdas i:nth-child(2){--d:1}.cp-celdas i:nth-child(3){--d:2}
.cp-nombran{display:flex;flex-wrap:wrap;gap:6px}
.cp-nombran li{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 5px 0 10px;border-radius:999px;background:var(--hundido);font-size:12.5px;color:var(--texto)}
.cp-nombran span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--tarjeta);font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:760px){.cp-celdas i{width:18px;height:18px}.cp-matriz{gap:8px 10px}.cp-r>.cp-mini,.cp-r>.cp-cosas{margin-left:0}}

/* ── Las tablas: anchos y lo propio de cada una ──────────────────────────────────────────────────────────────────────────────── */
.tabla-lecturas td:last-child{color:var(--texto)}
.tabla-acciones td:first-child{font-weight:500;color:var(--texto)}
@media (min-width:761px){
  .tabla-ias tbody th{width:24%}
  .tabla-ias td:nth-child(2){width:42%}
  .tabla-preguntas tbody th{width:34%;font-size:15.5px;font-weight:500;line-height:1.7}
  .tabla-preguntas .veces{width:17%}
  .tabla-lecturas tbody th{width:19%}
  .tabla-lecturas td:nth-child(2){width:33%}
}
@media (max-width:760px){
  .tabla-preguntas tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px}
  .tabla-preguntas tbody th{font-weight:500;line-height:1.75}
  .tabla-preguntas :is(th,td):nth-child(-n+2){grid-column:1 / -1}
  .tabla-preguntas td.veces{margin-top:14px;padding-top:12px;border-top:1px solid var(--linea);white-space:normal}
}