/* /eliminar-contenido/resenas (4 nov): lo que solo tiene esta hija. Carga antes la hoja de la madre (eliminar-contenido.css: la tabla de
   vías, el método, la escala, la pieza del panel, «desconfía» y el precio) y aquí va lo suyo: la reseña de la cabecera, las dos tablas
   corazón (las normas de Google Maps y la escalera de vías), las piezas del paso a paso (la herramienta de gestión de reseñas de Google
   con sus tres estados), el pico de negativas, los cinco errores, los portales y el panel con el registro de la solicitud, al lado del
   método. Las etiquetas de las tablas en tarjeta van aquí y no en data-th, para que la página quepa en sus 25 KB. Solo transform y
   opacity; con «reducir movimiento», todo quieto. [REVISIÓN LEGAL] (el copy): S4, S6, S7, S8, S9, S10, S12, S14, S15, S16 y S17. */

.pag{--chk: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")}
sup.y::before{content:",";color:var(--texto-3)}
.bloque-entradilla .a{font-weight:560;color:var(--texto)}
.filete a,.nota-clave a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--linea-3)}

/* ── S2: la escena. Arriba, la reseña de tu ficha; debajo, su norma y qué la demuestra ─────────────────────────────────────────── */
.er{display:grid;gap:4px;padding:14px 18px 16px;border-radius:16px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),0 8px 20px -14px rgba(18,20,22,.45);font-family:var(--google)}
.er small{font-size:12.5px;color:#4D5156}
.er b{font-size:17.5px;font-weight:400;line-height:1.3;color:var(--texto)}
.er-est{display:flex;gap:2px;margin-bottom:2px}
.er-est i{width:13px;height:13px;background:var(--pista);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.er-est i:first-child{background:var(--texto)}
.escena-r .ec-fuente{white-space:normal;height:auto;min-height:28px;padding-block:5px}
@media (prefers-reduced-motion:no-preference){.ec.activa .er{animation:ec-entra .4s var(--e) .25s both}.escena-cab.cambia .ec.activa .er{animation-delay:0s}}
@media (max-width:999px){.escena-cab.escena-r{height:430px}.escena-r .ec-flota{bottom:58px}}
@media (max-width:400px){.escena-cab.escena-r{height:452px}}

/* ── S3: lo que conviene saber, a su ancho de lectura; la cifra al lado ──────────────────────────────────────────────────────── */
.r-lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:40px clamp(48px,6vw,104px);align-items:start;margin-top:clamp(48px,6vw,80px)}
.r-lado>:first-child{max-width:37em}
.r-lead{margin-bottom:8px;font-size:clamp(17px,1.3vw,19px);font-weight:560;color:var(--texto)}
.r-saber li{position:relative;padding:18px 0 18px 50px;border-top:1px solid var(--linea)}
.r-saber li:first-child{border-top:0}
.r-saber .ic{position:absolute;left:0;top:17px;box-sizing:border-box;width:34px;height:34px;padding:8px;border-radius:50%;background:var(--hundido);color:var(--texto)}
.r-saber p{font-size:clamp(16.5px,1.2vw,18px);line-height:1.6;color:var(--texto-2)}
.r-saber b{font-weight:560;color:var(--texto)}
.r-saber.anima:not(.en) li{opacity:0;transform:translateY(10px)}
.r-saber.en li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 80ms),transform .6s var(--e) calc(var(--i) * 80ms)}
.cifras.r-cifra{grid-template-columns:minmax(0,1fr);margin-top:0}
.r-tach{display:grid;gap:10px;align-content:center}
.r-tach i{position:relative;height:10px;border-radius:5px;background:var(--pista)}
.r-tach i:nth-child(2){width:78%}.r-tach i:nth-child(3){width:90%}.r-tach i:nth-child(4){width:64%}
.r-tach i::after{content:"";position:absolute;left:-5px;right:-5px;top:4px;height:2px;border-radius:1px;background:var(--texto);transform-origin:0 50%}
.cifras.anima:not(.en) .r-tach i::after{transform:scaleX(0)}
.cifras.en .r-tach i::after{transition:transform .45s var(--e) .6s}
.cifras.en .r-tach i:nth-child(2)::after{transition-delay:.72s}.cifras.en .r-tach i:nth-child(3)::after{transition-delay:.84s}.cifras.en .r-tach i:nth-child(4)::after{transition-delay:.96s}
@media (max-width:999px){.r-lado{grid-template-columns:minmax(0,1fr)}.r-lado>:last-child{max-width:420px}}

/* ── S4: las normas. La primera columna se escanea; lo que la reseña demuestra sola, con su check; la última fila, el límite ───── */
.r-normas{table-layout:fixed}
.r-normas thead>tr>:nth-child(1){width:31%}
.r-normas thead>tr>:nth-child(2){width:37%}
.r-normas tbody th{font-size:16px;line-height:1.4}
.r-normas tbody th b{font-weight:600}
.r-normas td:last-of-type{color:var(--texto)}
.r-normas .basta{padding-left:52px;font-weight:560}
.r-normas .basta::after{content:"";position:absolute;left:22px;top:22px;width:20px;height:20px;border-radius:50%;background:var(--naranja) var(--chk) center/12px no-repeat}
.r-normas .limite>*{border-top:1.5px dashed var(--linea-3)!important;background:var(--lienzo)}
.r-normas .limite td:last-of-type{font-weight:600}
.r-ocho{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);margin-top:clamp(32px,4vw,48px)}
.r-ocho>p{font-size:clamp(17px,1.3vw,19px);line-height:1.5}
.r-ocho .pastilla{background:var(--tarjeta)}
@media (max-width:760px){
  .r-normas td::before{content:"Qué cubre";display:block;margin-bottom:3px;font-size:12.5px;font-weight:600;color:var(--texto-3)}
  .r-normas td:last-of-type::before{content:"Qué ayuda a demostrarlo"}
  .r-normas tr{padding:16px 16px 18px}
  .r-normas :is(th,td)+td{margin-top:10px}
  .r-normas .basta{padding-left:28px!important}
  .r-normas .basta::before{margin-left:-28px}
  .r-normas .basta::after{left:0;top:21px}
  .r-normas .limite{background:var(--lienzo)}
  .r-normas .limite>*{border:0!important;background:none}
  .r-ocho{grid-template-columns:minmax(0,1fr)}
}

/* ── S5: las piezas del paso a paso; la de la herramienta de Google, con sus tres estados ───────────────────────────────────── */
.r-pz i{font-style:normal}
.r-pz .rz-f{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 10px;border-radius:8px;background:var(--hundido)}
.r-pz .rz-f .esq{flex:1;min-width:24px}
.r-pz .rz-f b{flex:none;max-width:72%;padding:3px 8px;border-radius:6px;background:var(--tarjeta);font-size:11px;font-weight:600;line-height:1.3;color:var(--texto-2)}
.r-pz .r-den{background:var(--tuyo-suave);color:var(--tuyo)}
.r-pz b.pend{box-shadow:inset 0 0 0 1.5px var(--texto);color:var(--texto)}
.r-motivo>i{display:flex;align-items:center;gap:9px;padding:3px 2px;font-size:12px;font-weight:550;color:var(--texto-3)}
.r-motivo>i::before{content:"";flex:none;width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linea-3)}
.r-motivo>.si{color:var(--texto)}
.r-motivo>.si::before{box-shadow:inset 0 0 0 4px var(--naranja)}
.r-diez{display:grid;gap:8px;justify-items:start}
.r-diez b{font-size:12px;font-weight:600;color:var(--texto)}
.r-diez span{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;width:100%}
.r-diez span i{aspect-ratio:1;border-radius:4px;background:var(--tarjeta);box-shadow:inset 0 0 0 1px var(--linea-2)}
.r-diez span .si{background:var(--naranja);box-shadow:none}
.r-diez small{font-size:11.5px;font-weight:600;color:var(--texto-3)}
.r-contesta{display:grid;gap:6px}
.r-contesta i{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:8px 10px;border-radius:9px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-style:normal}
.r-contesta b{font-size:11.5px;font-weight:600;color:var(--texto)}
.r-contesta span{font-size:11.5px;font-weight:600;color:var(--texto-2)}
.r-contesta .no{color:var(--texto-3)}

/* ── S6: la escalera de vías, en tinta; quién decide, en su franja, y una línea antes de las que deciden los jueces ──────────── */
.r-vias thead>tr>:nth-child(1){width:22%}
.r-vias thead>tr>:nth-child(2){width:23%}
.r-vias thead>tr>:nth-child(3){width:25%}
.r-vias thead>tr>:nth-child(4){width:15%}
.r-vias tbody th b{margin-top:4px}
.r-vias .decide{background:var(--lienzo)}
.r-vias thead .decide{color:var(--texto)}
.r-vias thead .decide::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--naranja);vertical-align:1px}
.r-vias .juez .decide span{background:var(--tinta);box-shadow:none;color:#fff}
.r-vias tbody tr.uno>*{border-top:1.5px solid var(--texto)}
.r-vias-pie{max-width:40em;margin-top:clamp(32px,4vw,48px)}
.r-vias-pie p{font-size:clamp(17px,1.3vw,18.5px);line-height:1.6;color:rgba(255,255,255,.72)}
.r-vias-pie p+p{margin-top:14px}
.r-vias-pie .a{font-weight:560;color:#fff}
.r-vias-pie a{color:#fff;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
@media (max-width:999px){
  .r-vias td::before{content:"Cuándo sirve";display:block;margin-bottom:3px;font-size:12.5px;font-weight:600;color:var(--texto-3)}
  .r-vias td:nth-of-type(2)::before{content:"En qué se basa"}
  .r-vias td:nth-of-type(3)::before{content:"Plazo"}
  .r-vias td:nth-of-type(4)::before{content:"Quién decide"}
  .r-vias .decide{background:none}
  .r-vias.tabla-numerada tbody tr>th:first-child{padding-left:0}
  .r-vias.tabla-numerada tbody tr>th:first-child::before{position:static;display:block;margin-bottom:10px;font-size:36px}
  .r-vias tbody tr.uno>*{border-top:0}
}
@media (max-width:760px){.r-vias tbody tr.uno{position:relative;margin-top:22px}.r-vias tbody tr.uno::before{content:"";position:absolute;left:0;right:0;top:-17px;height:1.5px;background:rgba(255,255,255,.5)}}

/* ── S7: las cuatro situaciones, cada una a su ancho de lectura; el pico, al lado de la suya ─────────────────────────────────── */
.nr{display:grid;gap:clamp(48px,6vw,80px)}
.nr-caso{display:grid;grid-template-columns:minmax(0,37em) minmax(0,380px);gap:32px clamp(48px,6vw,104px);align-items:start}
.nr .prosa h3{margin-bottom:14px;font-size:clamp(22px,2vw,28px);font-weight:500;font-stretch:108%;letter-spacing:-.02em;line-height:1.2}
.nr .aviso{margin-top:0}
.nr-vis{padding:22px;border-radius:22px;background:var(--hundido)}
.nr-vis>p{margin-bottom:14px;font-size:12.5px;font-weight:600;color:var(--texto-3)}
.pico-barras{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;height:150px;padding:18px 14px 0;border-radius:14px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.pico-barras>i{position:relative;height:calc(var(--t) * 100%);border-radius:4px 4px 0 0;background:var(--pista);transform-origin:50% 100%}
.pico-barras>i::after{content:"";position:absolute;inset:auto 0 0;height:calc(var(--n) / var(--t) * 100%);border-radius:inherit;background:var(--texto-3)}
.pico-barras>.pico::after{background:var(--texto)}
.pico-barras>.pico::before{content:"";position:absolute;left:50%;top:-12px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--naranja)}
.pico-med{position:absolute;left:10px;right:10px;bottom:22px;display:flex;justify-content:flex-end;border-bottom:1.5px dashed var(--texto-2);pointer-events:none}
.pico-med span{margin-bottom:3px;padding:1px 6px;border-radius:5px;background:var(--tarjeta);font-size:10.5px;font-weight:600;color:var(--texto-2)}
.pico-reglas{display:grid;gap:8px;margin-top:16px}
.pico-reglas span{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:560;color:var(--texto)}
.pico-reglas span::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--naranja) var(--chk) center/12px no-repeat}
.nr-pico.anima:not(.en) .pico-barras>i{transform:scaleY(0)}
.nr-pico.anima:not(.en) .pico::before,.nr-pico.anima:not(.en) :is(.pico-med,.pico-reglas span){opacity:0}
.nr-pico.anima:not(.en) .pico-reglas span{transform:translateY(6px)}
.nr-pico.en .pico-barras>i{transition:transform .6s var(--e) .2s}
.nr-pico.en .pico-barras>.pico{transition-delay:.45s}
.nr-pico.en .pico-med{transition:opacity .4s ease .7s}
.nr-pico.en .pico::before{transition:opacity .3s ease 1.05s}
.nr-pico.en .pico-reglas span{transition:opacity .4s ease 1.2s,transform .5s var(--e) 1.2s}
.nr-pico.en .pico-reglas span:nth-child(2){transition-delay:1.3s}.nr-pico.en .pico-reglas span:nth-child(3){transition-delay:1.4s}
@media (max-width:999px){.nr-caso{grid-template-columns:minmax(0,1fr)}.nr-vis{max-width:460px}}

/* ── S8: los cinco errores, numerados ───────────────────────────────────────────────────────────────────────────────────────── */
.r-errores{max-width:46em;counter-reset:err}
.r-errores li{position:relative;counter-increment:err;padding:22px 0 22px 84px;border-top:1px solid var(--linea);font-size:clamp(16.5px,1.2vw,18px);line-height:1.6;color:var(--texto-2)}
.r-errores li:last-child{border-bottom:1px solid var(--linea)}
.r-errores li::before{content:counter(err,decimal-leading-zero);position:absolute;left:0;top:18px;font-size:clamp(34px,3vw,44px);font-weight:250;font-stretch:118%;letter-spacing:-.06em;line-height:1;color:var(--texto-3);font-variant-numeric:tabular-nums}
.r-errores b{display:block;margin-bottom:4px;font-size:19px;font-weight:560;line-height:1.35;color:var(--texto)}
.r-errores.anima:not(.en) li{opacity:0;transform:translateY(10px)}
.r-errores.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:560px){.r-errores li{padding-left:56px}.r-errores li::before{font-size:30px}}

/* ── S9: los portales; lo que cambia la estrategia, en su franja ────────────────────────────────────────────────────────────── */
.r-portales{table-layout:fixed}
.r-portales thead>tr>:nth-child(1){width:16%}
.r-portales thead>tr>:nth-child(2){width:18%}
.r-portales thead>tr>:nth-child(3){width:22%}
.r-portales thead>tr>:nth-child(4){width:20%}
.r-portales .saber{background:var(--lienzo);color:var(--texto)}
.r-portales .saber b{font-weight:600}
.r-portales thead .saber{color:var(--texto)}
.r-portales thead .saber::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--naranja);vertical-align:1px}
@media (min-width:761px) and (max-width:999px){
  .r-portales-caja{overflow:visible;border-radius:0;background:none;box-shadow:none}
  .r-portales-caja>.tabla{clip-path:none}
  .r-portales,.r-portales :is(tbody,tr,th,td){display:block}
  .r-portales thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .r-portales tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .r-portales tr{display:flex;flex-direction:column;padding:20px 18px;border-radius:18px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);overflow:hidden}
  .r-portales tbody tr+tr>*{border-top:0}
  .r-portales tbody>tr>:first-child::after{content:none}
  .r-portales :is(th,td){padding-inline:0}
  .r-portales :is(th,td)+:is(th,td){margin-top:12px}
}
@media (max-width:999px){
  .r-portales td::before{content:"Quién puede opinar";display:block;margin-bottom:3px;font-size:12.5px;font-weight:600;color:var(--texto-3)}
  .r-portales td:nth-of-type(2)::before{content:"Cómo lo pide la empresa"}
  .r-portales td:nth-of-type(3)::before{content:"Qué retira"}
  .r-portales td:nth-of-type(4)::before{content:"Lo que hay que saber"}
  .r-portales tr{display:flex!important;flex-direction:column}
  .r-portales tbody :is(th,td){padding-block:0}
  .r-portales .saber{margin:auto -18px -20px;padding:14px 18px 18px!important;border-radius:0 0 18px 18px}
  .r-portales td+.saber{margin-top:auto}
  .r-portales td:nth-of-type(3){margin-bottom:16px}
}

/* ── S10: el método a su ancho de lectura y, al lado y quieto al bajar, el panel con la reseña y el registro de su solicitud ── */
.r-metodo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-areas:"pasos ej" "escala ej";gap:clamp(56px,7vw,96px) clamp(40px,5vw,80px);align-items:start;margin-top:clamp(40px,5vw,64px)}
.r-metodo>.metodo{grid-area:pasos;margin-top:0;max-width:37em}
.r-metodo>.escala{grid-area:escala;max-width:37em}
.r-ejemplo{grid-area:ej;position:sticky;top:calc(var(--cab) + 96px)}
.r-ej-lead{font-size:16.5px;font-weight:560;color:var(--texto)}
.r-panel{margin-top:14px}
.r-panel .escena-fondo{padding:22px 22px 64px}
.r-panel .captura-marco{max-width:none}
.r-panel .captura-lienzo{gap:10px}
.rp-fila{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:11px 14px;border-radius:12px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.rp-fila>b{font-size:12px;font-weight:600;color:var(--texto)}
.rp-fila>span:not(.cp-chip){display:grid;gap:5px}
.rp-fila small{grid-column:2/-1;font-size:11.5px;font-weight:600;color:var(--texto-3)}
.rp-pieza.pieza-panel{gap:10px;padding:16px 18px 18px;border-radius:14px;box-shadow:0 0 0 1.5px var(--tinta),var(--sombra-alza)}
.rp-pieza p{gap:8px;font-size:14px}
.rp-pieza p>b{font-size:16px}
.rp-pieza .pp-chip{white-space:normal;line-height:1.35}
.pp-hacer{font-weight:600;color:var(--texto)}
.escena.anima:not(.en) .pp-v .rango i{transform:translateX(calc(var(--a) * 100%)) scaleX(0)}
.escena.en .pp-v .rango i{transition:transform .8s var(--e) 1.1s}
.rg{display:grid;border-radius:12px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.rg>span{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;font-size:13px;color:var(--texto)}
.rg>span+span{border-top:1px solid var(--linea)}
.rg b{font-size:11.5px;font-weight:600;color:var(--texto-3)}
.rg .cp-chip{justify-self:start;font-style:normal;box-shadow:inset 0 0 0 1.5px var(--texto);background:none;color:var(--texto)}
.rg-capturas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rg-capturas>span{display:grid;gap:6px;align-content:start;min-height:92px;padding:12px;border-radius:12px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.rg-capturas small{align-self:end;font-size:11px;font-weight:600;color:var(--texto-3)}
.rg-capturas .vacia{background:none;box-shadow:none;outline:1.5px dashed var(--linea-3);outline-offset:-1.5px}
.rp-escala{display:grid;gap:3px}
.rp-escala li{padding:4px 9px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--texto-3)}
.rp-escala .si{background:var(--naranja);color:#fff}
.r-panel .flota-abajo{bottom:-24px}
@media (min-width:761px){.r-panel figcaption{margin-top:28px}}
@media (max-width:999px){.r-metodo{grid-template-columns:minmax(0,1fr);grid-template-areas:"pasos" "escala" "ej"}.r-ejemplo{position:static;max-width:640px}}
@media (max-width:760px){.r-panel .escena-fondo{padding-right:var(--margen)}.r-panel.escena .captura-marco{width:auto}.r-panel .escena-flota{margin-top:12px}}