/* ─── Guías públicas (/guias/<slug>/) · maqueta propia (10-oct-2026) ──────────────────
   Antes usaban la de las legales. Ahora: cabecera con tarjetas del panel flotando (mismo
   lenguaje que v4-hero.css de la portada, pero con el tema de cada guía), índice
   pegajoso, texto a ~68 caracteres y tablas en tarjeta a todo el ancho de la columna,
   que en móvil se apilan fila a fila. La carga app/guias-publicas.php y va ANTES de
   v4-web.css: por eso todo cuelga de clases .guia-* / .gv-* que esa hoja no toca.
   Tokens: los de la web v4 (fondo #000, línea #1d1d21/#2c2c31, tinta, azul #3b5bff). */

.guia{--g-linea:#1d1d21;--g-linea-2:#2c2c31;--g-t1:var(--tinta,#f2f2f2);--g-t2:#a1a1a6;--g-t3:#6b6b70;
  --g-azul:#3b5bff;--g-azul-c:#7c93ff;--g-azul-tx:#b3c0ff;--g-verde:#34c759;--g-sup:#0e0e10;--g-sup-2:#141416;
  --g-lado:248px;--g-medida:68ch}

/* ── 1. Cabecera ─────────────────────────────────────────────────────────────── */
.guia-cab{position:relative;overflow:hidden;border-bottom:1px solid var(--g-linea);isolation:isolate}
.guia-cab::before{content:"";position:absolute;inset:-20% -10% auto auto;width:min(900px,80vw);aspect-ratio:1;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(59,91,255,.16),rgba(59,91,255,.05) 55%,transparent);transform:translate(18%,-8%)}
.guia-cab::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--g-linea) 1px,transparent 1px),linear-gradient(90deg,var(--g-linea) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask:radial-gradient(ellipse 70% 80% at 75% 40%,#000 10%,transparent 70%);mask:radial-gradient(ellipse 70% 80% at 75% 40%,#000 10%,transparent 70%)}
.guia-cab-env{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;
  padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,6vw,84px);min-height:min(620px,82vh)}
.guia-ojo{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;background:rgba(59,91,255,.12);color:var(--g-azul-tx)!important;font-weight:500}
.guia-cab h1{margin-top:20px;font:600 clamp(38px,5.2vw,68px)/1.04 var(--disp);letter-spacing:-.035em!important;color:var(--g-t1);text-wrap:balance;max-width:14ch}
.guia-entrada{margin-top:22px;max-width:52ch;font:400 clamp(17px,1.35vw,19px)/1.6 var(--disp);color:var(--g-t2);text-wrap:pretty}
.guia-meta{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.guia-meta li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 11px;border-radius:999px;background:var(--g-sup-2);
  box-shadow:inset 0 0 0 1px var(--g-linea);font:500 13.5px/1 var(--disp);color:var(--g-t2);white-space:nowrap}
.guia-meta li:first-child{color:var(--g-t1);background:rgba(59,91,255,.14);box-shadow:inset 0 0 0 1px rgba(59,91,255,.35)}
.guia-meta svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.guia-meta time{color:inherit}

/* ── 2. Tarjetas flotando (decorativas, aria-hidden) ─────────────────────────────── */
.gv{position:relative;height:clamp(400px,40vw,470px);font:400 clamp(11.5px,.98vw,14px)/1.35 "Inter",system-ui,sans-serif;color:var(--g-t1);
  perspective:900px;pointer-events:none;user-select:none;-webkit-user-select:none}
.gv-c{position:absolute;will-change:transform}
.gv-a{top:0;right:0;width:25em;z-index:1}
.gv-b{top:47%;left:0;width:20.5em;z-index:3}
.gv-d{bottom:0;right:4%;width:21.5em;z-index:2}
.gv-vps-madrid .gv-b{width:22.5em;top:37%}
/* hosting: la lista manda (arriba a la izquierda); precio arriba a la derecha; el mapa abajo */
.gv-elegir-hosting-espana .gv-lista-c{top:3%;left:0;right:auto;bottom:auto;width:22em;z-index:2}
.gv-elegir-hosting-espana .gv-d{top:0;right:0;bottom:auto;left:auto;width:17.5em;z-index:1}
.gv-elegir-hosting-espana .gv-ubi{top:auto;bottom:0;right:3%;left:auto;width:19.5em;z-index:3}

.gv-f{animation:gvEntra 1s cubic-bezier(.2,.8,.2,1) var(--d,.25s) both,gvFlota var(--fl,8s) ease-in-out calc(var(--d,.25s) + 1s) infinite}
.gv-a .gv-f{--d:.2s;--fl:8.4s}
.gv-b .gv-f{--d:.38s;--fl:9.6s;--fy:-7px}
.gv-d .gv-f{--d:.52s;--fl:7.4s;--fy:-5px}
@keyframes gvEntra{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}
@keyframes gvFlota{0%,100%{transform:none}50%{transform:translateY(var(--fy,-9px))}}
.gv.quieto .gv-f,.gv.quieto .gv-f *{animation-play-state:paused!important}

.gv-t{background:rgba(22,22,22,.7);border:1px solid var(--g-linea-2);border-radius:1.65em;padding:1.15em 1.25em;
  -webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 30px 60px -24px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.3)}
.gv-cab{display:flex;align-items:center;gap:.75em}
.gv-ico{flex:none;width:2.45em;height:2.45em;border-radius:.75em;display:grid;place-items:center;background:#1f1f22;border:1px solid var(--g-linea-2);color:var(--g-t2)}
.gv-ico svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gv-nom{min-width:0;flex:1;display:flex;flex-direction:column;gap:.1em}
.gv-nom b{font-weight:600;font-size:1.08em;white-space:nowrap}
.gv-nom small{font-size:.88em;color:var(--g-t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv-mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.9em}
.gv-chip{flex:none;display:inline-flex;align-items:center;gap:.45em;height:1.95em;padding:0 .75em;border-radius:999px;font-weight:500;font-size:.88em;white-space:nowrap}
.gv-ok{color:var(--g-verde);background:rgba(52,199,89,.12)}
.gv-ok i{width:.5em;height:.5em;border-radius:50%;background:var(--g-verde);animation:gvLatido 2.4s ease-out infinite}
.gv-azul{color:var(--g-azul-tx);background:rgba(59,91,255,.16)}
@keyframes gvLatido{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}70%,100%{box-shadow:0 0 0 .5em rgba(52,199,89,0)}}

/* mapa de puntos */
.gv-lienzo{margin-top:.9em;padding-top:.6em;border-top:1px solid rgba(44,44,49,.8)}
.gv-mapa{display:block;width:100%;height:auto;overflow:visible}
.gv-mapa text{font:500 3.1px "Inter",system-ui,sans-serif;fill:var(--g-t3)}
.gv-mapa .gv-madrid{font-weight:600;font-size:3.6px;fill:var(--g-t1)}
.gv-ruta{fill:none;stroke:var(--g-azul-c);stroke-width:.55;stroke-linecap:round;stroke-dasharray:1.6 2.2;opacity:.75;animation:gvFluye 2.6s linear infinite;animation-delay:calc(var(--i) * -.4s)}
@keyframes gvFluye{to{stroke-dashoffset:-15.2}}
.gv-ciudad{fill:#c9d2ff;animation:gvCiudad 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}
@keyframes gvCiudad{0%,100%{opacity:.55}50%{opacity:1}}
.gv-onda{fill:none;stroke:var(--g-azul-c);stroke-width:.5;transform-box:fill-box;transform-origin:center;animation:gvOnda 3s ease-out infinite}
.gv-onda2{animation-delay:1.5s}
@keyframes gvOnda{from{transform:scale(1);opacity:.9}to{transform:scale(5.5);opacity:0}}
.gv-halo{animation:gvHalo 5s ease-in-out infinite}
@keyframes gvHalo{0%,100%{opacity:.7}50%{opacity:1}}
.gv-lienzo-p{margin-top:.75em}
.gv-lienzo-p .gv-mapa{max-height:10.5em}

/* VPS · planes */
.gv-planes{margin-top:.95em;padding-top:.85em;border-top:1px solid rgba(44,44,49,.8)}
.gv-sub{display:block;color:var(--g-t3);font-size:.88em}
.gv-fila{display:flex;gap:.4em;margin-top:.6em}
.gv-plan{flex:1;text-align:center;padding:.5em .2em;border-radius:.7em;background:#1c1c1f;color:var(--g-t2);font-weight:500;font-size:.9em;
  animation:gvPlan 8s ease infinite;animation-delay:calc(var(--i) * 2s - 8s)}
@keyframes gvPlan{0%,22%{background:rgba(59,91,255,.9);color:#fff;box-shadow:0 0 0 1px rgba(124,147,255,.6),0 8px 22px -8px rgba(59,91,255,.8)}27%,100%{background:#1c1c1f;color:var(--g-t2);box-shadow:none}}

/* VPS · terminal */
.gv-term{padding:0;overflow:hidden;background:rgba(12,12,14,.82)}
.gv-term-cab{display:flex;align-items:center;gap:.4em;padding:.75em 1em;border-bottom:1px solid var(--g-linea-2);color:var(--g-t3)}
.gv-term-cab i{width:.62em;height:.62em;border-radius:50%;background:#2c2c31}
.gv-term-cab span{margin-left:.5em}
.gv-lineas{display:flex;flex-direction:column;gap:.4em;padding:.9em 1.1em 1.05em;color:var(--g-t1);font-size:.92em}
.gv-lineas span{white-space:nowrap;opacity:0;animation:gvLinea 9s steps(1) infinite;animation-delay:calc(var(--i) * .9s)}
.gv-lineas em{font-style:normal;color:var(--g-azul-c)}
.gv-verde{color:var(--g-verde)}
@keyframes gvLinea{0%{opacity:0}2%,92%{opacity:1}100%{opacity:0}}
.gv-cursor{display:inline-block;width:.55em;height:1.05em;vertical-align:-.15em;background:var(--g-t2);animation:gvCursor 1s steps(1) infinite}
@keyframes gvCursor{50%{opacity:0}}

/* hosting · lista */
.gv-lista{list-style:none;margin:.9em 0 0;padding:.75em 0 0;border-top:1px solid rgba(44,44,49,.8);display:flex;flex-direction:column;gap:.55em}
.gv-lista li{display:flex;align-items:center;gap:.65em;color:var(--g-t2)}
.gv-tick{flex:none;width:1.45em;height:1.45em;border-radius:50%;display:grid;place-items:center;background:#1f1f22;box-shadow:inset 0 0 0 1px var(--g-linea-2);
  animation:gvTickF 10s ease infinite;animation-delay:calc(var(--i) * .7s)}
.gv-tick svg{width:.9em;height:.9em;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14;
  animation:gvTick 10s ease infinite;animation-delay:calc(var(--i) * .7s)}
.gv-lista li{animation:gvTx 10s ease infinite;animation-delay:calc(var(--i) * .7s)}
@keyframes gvTickF{0%,4%{background:#1f1f22;box-shadow:inset 0 0 0 1px var(--g-linea-2)}9%,88%{background:var(--g-verde);box-shadow:none}96%,100%{background:#1f1f22;box-shadow:inset 0 0 0 1px var(--g-linea-2)}}
@keyframes gvTick{0%,5%{stroke-dashoffset:14}11%,88%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:14}}
@keyframes gvTx{0%,4%{color:var(--g-t3)}9%,88%{color:var(--g-t1)}96%,100%{color:var(--g-t3)}}

/* hosting · precio */
.gv-precio{display:flex;align-items:baseline;gap:.4em;margin-top:.95em;flex-wrap:wrap}
.gv-precio small{color:var(--g-t3)}
.gv-precio b{font-weight:600;font-size:1.65em;font-variant-numeric:tabular-nums}
.gv-precio span{color:var(--g-t3);font-size:.92em}
.gv-barras{display:flex;gap:3px;height:.38em;margin-top:.8em;border-radius:99px;overflow:hidden;background:#232326}
.gv-barras i{display:block;height:100%;transform-origin:0 50%}
.gv-base{flex:100;background:var(--g-azul);animation:gvBarra 7s cubic-bezier(.5,0,.3,1) infinite}
.gv-iva{flex:21;background:var(--g-azul-c);animation:gvBarra 7s cubic-bezier(.5,0,.3,1) .5s infinite}
@keyframes gvBarra{0%{transform:scaleX(0)}30%,90%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.gv-pie{display:flex;justify-content:space-between;gap:.6em;margin-top:.75em;color:var(--g-t3);font-size:.88em}

/* ── 3. Cuerpo: índice + texto ───────────────────────────────────────────────── */
.guia-cuerpo{display:grid;grid-template-columns:var(--g-lado) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;
  padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(80px,10vw,140px)}
.guia-lado{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin}
.guia-indice{border-radius:20px;background:var(--g-sup);box-shadow:inset 0 0 0 1px var(--g-linea);padding:16px 10px 12px}
.guia-indice summary{list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:0 10px 12px;font:600 14px/1.3 var(--disp);color:var(--g-t1);cursor:default}
.guia-indice summary::-webkit-details-marker{display:none}
.guia-indice-n{font-weight:500;font-size:12.5px;color:var(--g-t3)}
.guia-progreso{height:3px;margin:0 10px 10px;border-radius:99px;background:#1f1f22;overflow:hidden}
.guia-progreso i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--g-azul),var(--g-azul-c));transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .15s linear}
.guia-indice ol{list-style:none;margin:0;padding:0}
.guia-indice a{display:flex;gap:10px;padding:8px 10px;border-radius:12px;font:400 14px/1.4 var(--disp);color:var(--g-t2);transition:background .15s,color .15s}
.guia-indice a span{flex:none;min-width:20px;font:500 12px/1.65 var(--disp);color:var(--g-t3);font-variant-numeric:tabular-nums}
.guia-indice a:hover{background:#1a1a1d;color:var(--g-t1)}
.guia-indice a.activa{background:rgba(59,91,255,.14);color:var(--g-t1)}
.guia-indice a.activa span{color:var(--g-azul-tx)}
.guia-arriba{display:block;margin:10px 10px 0;padding-top:12px;border-top:1px solid var(--g-linea);font:500 13px/1 var(--disp);color:var(--g-t3)}
.guia-arriba:hover{color:var(--g-t1)}

.guia-texto{min-width:0;font:400 17px/1.75 var(--disp);color:var(--g-t2);font-feature-settings:"cv11","ss01","kern"}
.guia-bloque+.guia-bloque{margin-top:clamp(56px,6vw,80px);padding-top:clamp(40px,4.5vw,56px);border-top:1px solid var(--g-linea)}
.guia-texto h2{position:relative;display:flex;align-items:flex-start;gap:14px;max-width:var(--g-medida);margin:0 0 20px;scroll-margin-top:100px;
  font:600 clamp(24px,2.3vw,31px)/1.2 var(--disp);letter-spacing:-.025em!important;color:var(--g-t1)}
.guia-num{flex:none;display:grid;place-items:center;width:38px;height:38px;margin-top:-2px;border-radius:12px;background:rgba(59,91,255,.12);
  box-shadow:inset 0 0 0 1px rgba(59,91,255,.3);font:600 14px/1 var(--disp);color:var(--g-azul-tx);letter-spacing:0!important;font-variant-numeric:tabular-nums}
.guia-h2-tx{min-width:0}
/* el número ya va en la pastilla: el «1. » del texto queda para lectores y copiar/pegar */
.guia-ancla{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-top:1px;border-radius:10px;color:var(--g-t3);opacity:0;transition:opacity .15s,background .15s,color .15s}
.guia-ancla svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guia-texto h2:hover .guia-ancla,.guia-ancla:focus-visible{opacity:1}
.guia-ancla:hover{background:#1a1a1d;color:var(--g-t1)}
.guia-ancla.copiada{opacity:1;color:var(--g-verde)}
.guia-ancla.copiada::after{content:"Enlace copiado";position:absolute;right:0;top:-30px;padding:5px 10px;border-radius:8px;background:#1f1f22;box-shadow:inset 0 0 0 1px var(--g-linea-2);
  font:500 12px/1.2 var(--disp);color:var(--g-t1);white-space:nowrap}
@media (hover:none){.guia-ancla{opacity:.6}}

.guia-texto p,.guia-texto ul,.guia-texto ol{max-width:var(--g-medida)}
.guia-texto p{margin:0}
.guia-texto p+p,.guia-texto ul+p,.guia-texto p+ul,.guia-texto .guia-tabla+p,.guia-texto p+.guia-tabla{margin-top:18px}
.guia-texto strong,.guia-texto b{color:var(--g-t1);font-weight:600}
.guia-texto em{font-style:italic;color:var(--g-t1)}
.guia-texto a{color:var(--g-azul-tx);text-decoration:underline;text-decoration-color:rgba(179,192,255,.35);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .15s}
.guia-texto a:hover{text-decoration-color:currentColor}
.guia-texto code{font:500 .86em/1 "JetBrains Mono",ui-monospace,Menlo,monospace;padding:.18em .45em;border-radius:6px;background:#17171a;box-shadow:inset 0 0 0 1px var(--g-linea-2);color:var(--g-t1)}
.guia-texto ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.guia-texto ul li{position:relative;padding-left:26px}
.guia-texto ul li::before{content:"";position:absolute;left:5px;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--g-azul);box-shadow:0 0 0 3px rgba(59,91,255,.18)}
.guia-texto ul:first-child{margin-top:0}
.guia-firma{margin-top:clamp(56px,6vw,80px)!important;padding-top:20px;border-top:1px solid var(--g-linea);font:400 14px/1.5 var(--disp);color:var(--g-t3)}

/* ── 4. Tablas en tarjeta, a todo el ancho de la columna ─────────────────────────── */
.guia-tabla{position:relative;margin:24px 0 0;border-radius:18px;background:var(--g-sup);box-shadow:inset 0 0 0 1px var(--g-linea-2);overflow-x:auto;
  scrollbar-width:thin;scrollbar-color:#2c2c31 transparent;-webkit-overflow-scrolling:touch}
.guia-tabla:focus-visible{outline:2px solid var(--g-azul-c);outline-offset:3px}
.guia-tabla table{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font:400 15.5px/1.55 var(--disp);font-variant-numeric:tabular-nums}
.guia-tabla th{position:sticky;top:0;text-align:left;padding:14px 20px;background:#131316;border-bottom:1px solid var(--g-linea-2);font:500 13px/1.3 var(--disp);color:var(--g-t3);white-space:nowrap}
.guia-tabla th:first-child{border-top-left-radius:18px}.guia-tabla th:last-child{border-top-right-radius:18px}
.guia-tabla td{padding:15px 20px;border-bottom:1px solid var(--g-linea);vertical-align:top;color:var(--g-t2)}
.guia-tabla tr:last-child td{border-bottom:0}
.guia-tabla tbody tr{transition:background .15s}
.guia-tabla tbody tr:hover{background:rgba(255,255,255,.025)}
.guia-tabla td:first-child{color:var(--g-t1);font-weight:500}
.guia-t2 td:first-child{width:38%}
.guia-tabla .g-nom{white-space:nowrap}
.guia-tabla .g-num{white-space:nowrap;text-align:right;color:var(--g-t1);font-weight:600}
.guia-t3 th:last-child{text-align:right}
.guia-t3 td:first-child{width:22%}

/* ── 5. Responsive ───────────────────────────────────────────────────────────── */
@media (max-width:1180px) and (min-width:1024px){ .gv{font-size:12px} }
@media (max-width:1023px){
  .guia-cab-env{grid-template-columns:1fr;min-height:0;gap:36px}
  .guia-cab h1{max-width:18ch}
  .gv{height:auto;perspective:none;max-width:27em;font-size:12.5px}
  .gv-c{position:relative;inset:auto!important;width:auto!important;will-change:auto}
  .gv-b,.gv-d{display:none}
  .gv-t{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .gv-a .gv-f{--fy:-4px}
  .gv-vps-madrid .gv-mapa{max-height:210px}
}
@media (max-width:900px){
  .guia-cuerpo{grid-template-columns:1fr;gap:28px;padding-top:28px}
  .guia-lado{position:static;max-height:none;overflow:visible}
  .guia-indice{padding:6px}
  .guia-indice summary{padding:12px 12px;cursor:pointer;align-items:center}
  .guia-indice summary::after{content:"";width:8px;height:8px;margin-left:4px;border-right:1.6px solid var(--g-t3);border-bottom:1.6px solid var(--g-t3);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .guia-indice[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
  .guia-indice-n{margin-left:auto}
  .guia-progreso,.guia-arriba{display:none}
  .guia-indice nav{padding:0 4px 6px}
}
@media (max-width:640px){
  .guia-cab-env{padding-top:36px;padding-bottom:40px}
  .guia-entrada{font-size:16.5px}
  .guia-meta li{height:32px;font-size:12.5px;padding:0 12px 0 10px}
  .gv{font-size:11.5px;max-width:none}
  .guia-texto{font-size:16.5px;line-height:1.72}
  .guia-texto h2{gap:12px;font-size:23px}
  .guia-num{width:34px;height:34px;font-size:13px}
  .guia-ancla{display:none}

  /* tablas apiladas: cada fila, una tarjeta; la cabecera pasa a ser la etiqueta de cada dato */
  .guia-tabla{overflow:visible;background:transparent;box-shadow:none;border-radius:0}
  .guia-tabla table,.guia-tabla tbody,.guia-tabla tr,.guia-tabla td{display:block;width:auto!important;min-width:0}
  .guia-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .guia-tabla tbody{display:flex;flex-direction:column;gap:10px}
  .guia-tabla tr{border-radius:16px;background:var(--g-sup);box-shadow:inset 0 0 0 1px var(--g-linea-2);padding:14px 16px}
  .guia-tabla tbody tr:hover{background:var(--g-sup)}
  .guia-tabla td{padding:0;border:0;text-align:left!important}
  .guia-tabla td+td{margin-top:8px;padding-top:8px;border-top:1px solid var(--g-linea)}
  .guia-tabla td+td::before{content:attr(data-label);display:block;margin-bottom:2px;font:500 12px/1.3 var(--disp);color:var(--g-t3)}
  .guia-tabla td:first-child{font-size:16px;font-weight:600;color:var(--g-t1);white-space:normal}
  /* planes VPS: nombre y precio en la misma línea, recursos debajo */
  .guia-t3 tr{display:grid;grid-template-columns:1fr auto;column-gap:12px}
  .guia-t3 td:nth-child(2){grid-column:1/-1;grid-row:2}
  .guia-t3 td:last-child{grid-row:1;grid-column:2;margin:0;padding:0;border:0;font-size:16px}
  .guia-t3 td:last-child::before{content:none}
  .guia-t3 td:last-child::after{content:attr(data-label);display:block;margin-top:1px;font:400 11.5px/1.3 var(--disp);color:var(--g-t3);text-align:right}
}

/* ── 6. Movimiento reducido ──────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .gv-f,.gv-f *,.gv *{animation:none!important}
  .gv-c{transform:none!important}
  .gv-lineas span{opacity:1}
  .gv-tick{background:var(--g-verde);box-shadow:none}
  .gv-tick svg{stroke-dashoffset:0}
  .gv-lista li{color:var(--g-t1)}
  .gv-plan:first-child{background:rgba(59,91,255,.9);color:#fff}
  .gv-onda{display:none}
  .guia-progreso i{transition:none}
}

/* el «1. » del título sigue en el texto (lectores, copiar/pegar); a la vista ya lo dice la pastilla */
.guia-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}