/* Guías de Strata Hostings (23-sep-2026) · mismo sistema que la landing y el Centro de cuentas: blanco con naranja,
   Manrope en títulos, DM Sans en el texto. Pensadas para leerse: columna de 68ch, pasos numerados (son una secuencia real),
   capturas en marco de navegador que se amplían al tocarlas, notas en caja teñida (sin bordes laterales de color). */
:root{
  --fondo:#fff; --fondo-2:#fbfaf9; --tinta:#1c1917; --texto:#44403c; --gris:#6b645e; --gris-2:#78716c;
  --linea:#e7e2dd; --linea-2:#f0ece8; --linea-3:#d6cfc8;
  --naranja:#ea580c; --naranja-btn:#c2410c; --naranja-osc:#9a3412; --tinte:#fff4ed; --tinte-2:#fff7f0; --borde-n:#fed7aa;
  --bien:#2a7a43; --bien-tinte:#e9f6ee; --aviso:#8a5300; --aviso-tinte:#fff6e5; --aviso-borde:#f5d9a8;
  --sombra:0 1px 2px rgba(28,25,23,.05),0 10px 30px -18px rgba(28,25,23,.25);
  --ease:cubic-bezier(.22,1,.36,1);
  --z-top:20; --z-lupa:60;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font:17px/1.7 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--naranja-btn);text-underline-offset:3px}
a:hover{color:var(--naranja-osc)}
:focus-visible{outline:2px solid var(--naranja);outline-offset:3px;border-radius:6px}
::selection{background:#fed7aa;color:var(--tinta)}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:Manrope,sans-serif;color:var(--tinta);text-wrap:balance;margin:0}
p{margin:0 0 16px;text-wrap:pretty}
code,kbd{font:500 .9em ui-monospace,'SF Mono',Consolas,monospace;background:var(--linea-2);color:var(--tinta);padding:2px 7px;border-radius:6px}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salta{position:fixed;left:16px;top:-80px;padding:10px 18px;background:var(--tinta);color:#fff;border-radius:8px;z-index:99}
.salta:focus{top:12px;color:#fff}

/* ── barra superior ── */
.g-top{position:sticky;top:0;z-index:var(--z-top);background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linea)}
.g-top__in{width:min(1200px,calc(100% - 48px));margin:0 auto;height:68px;display:flex;align-items:center;gap:20px}
.g-marca{display:inline-flex;align-items:baseline;gap:6px;font:800 24px/1 Manrope,sans-serif;letter-spacing:-.9px;color:var(--tinta);text-decoration:none}
.g-marca small{font:600 11px 'DM Sans',sans-serif;letter-spacing:1.3px;color:var(--naranja)}
.g-marca:hover{color:var(--tinta)}
.g-top__guias{font:600 15px 'DM Sans',sans-serif;color:var(--texto);text-decoration:none;padding:8px 12px;border-left:1px solid var(--linea)}
.g-top__guias:hover{color:var(--naranja-btn)}
.g-top__acc{margin-left:auto;display:flex;align-items:center;gap:14px}
.g-top__acc a.sitio{color:var(--texto);text-decoration:none;font-size:15px}
.g-top__acc a.sitio:hover{color:var(--naranja-btn)}
.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:12px;border:1.5px solid var(--naranja-btn);background:var(--naranja-btn);color:#fff;font:600 15px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s var(--ease)}
.g-btn:hover{background:var(--naranja-osc);border-color:var(--naranja-osc);color:#fff}
.g-btn--sec{background:#fff;color:var(--tinta);border-color:var(--linea-3)}
.g-btn--sec:hover{background:var(--tinte);border-color:var(--borde-n);color:var(--tinta)}

/* ── índice de guías ── */
.g-portada{background:var(--fondo-2);border-bottom:1px solid var(--linea)}
.g-portada__in{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:64px 0 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}
.g-portada h1{font-size:clamp(38px,5vw,60px);line-height:1.06;letter-spacing:-.04em;font-weight:800;margin-bottom:16px}
.g-portada h1 em{font-style:normal;color:var(--naranja)}
.g-portada p{font-size:19px;color:var(--texto);max-width:52ch;margin:0}
.g-busca{position:relative}
.g-busca label{display:block;font:600 14px 'DM Sans',sans-serif;color:var(--tinta);margin-bottom:8px}
.g-busca input{width:100%;min-height:56px;padding:14px 18px 14px 50px;border:1.5px solid var(--linea-3);border-radius:14px;font:500 17px 'DM Sans',sans-serif;color:var(--tinta);background:#fff;transition:border-color .2s,box-shadow .2s}
.g-busca input:focus{outline:0;border-color:var(--naranja);box-shadow:0 0 0 4px rgba(234,88,12,.14)}
.g-busca input::placeholder{color:var(--gris-2)}
.g-busca__campo{position:relative}
.g-busca__campo svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--gris);pointer-events:none}
.g-busca small{display:block;margin-top:8px;color:var(--gris);font-size:14px;min-height:22px}

.g-camino{width:min(1200px,calc(100% - 48px));margin:56px auto 0}
.g-camino h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.03em;margin-bottom:8px}
.g-camino>p{color:var(--gris);margin-bottom:22px;max-width:62ch}
.g-camino ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:c}
.g-camino li{counter-increment:c}
.g-camino a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 18px 16px;border:1px solid var(--linea);border-radius:16px;background:#fff;text-decoration:none;color:var(--texto);transition:border-color .2s,box-shadow .3s,transform .3s var(--ease)}
.g-camino a::before{content:counter(c);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--tinte);color:var(--naranja-btn);font:800 15px Manrope,sans-serif;margin-bottom:6px}
.g-camino a:hover{border-color:var(--borde-n);box-shadow:var(--sombra);transform:translateY(-2px);color:var(--texto)}
.g-camino strong{font:700 16.5px/1.3 Manrope,sans-serif;color:var(--tinta)}
.g-camino span{font-size:14.5px;line-height:1.5;color:var(--gris)}

.g-temas{width:min(1200px,calc(100% - 48px));margin:56px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px}
.g-tema h2{font-size:22px;letter-spacing:-.02em;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--linea);display:flex;align-items:center;gap:10px}
.g-tema h2 svg{width:22px;height:22px;color:var(--naranja);flex:none}
.g-tema ul{list-style:none;margin:0;padding:0}
.g-tema li a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:14px 10px;margin:0 -10px;border-radius:12px;text-decoration:none;color:var(--texto);transition:background-color .2s}
.g-tema li a:hover{background:var(--tinte-2)}
.g-tema li strong{font-weight:600;color:var(--tinta);font-size:16.5px}
.g-tema li span{grid-column:1;font-size:14.5px;color:var(--gris);line-height:1.5}
.g-tema li em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:13.5px;color:var(--gris-2);white-space:nowrap}
.g-tema li[hidden]{display:none}
.g-vacio{width:min(1200px,calc(100% - 48px));margin:24px auto 0;color:var(--gris)}

.g-ayuda{width:min(1200px,calc(100% - 48px));margin:64px auto 0;padding:32px 36px;border-radius:22px;background:var(--tinte);border:1px solid var(--borde-n);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.g-ayuda h2{font-size:24px;letter-spacing:-.02em;margin-bottom:4px}
.g-ayuda p{margin:0;color:var(--texto)}

/* ── una guía ── */
.g-migas{width:min(1200px,calc(100% - 48px));margin:22px auto 0;font-size:14.5px;color:var(--gris)}
.g-migas a{color:var(--gris);text-decoration:none}
.g-migas a:hover{color:var(--naranja-btn)}
.g-migas span{margin:0 8px;color:var(--linea-3)}
.g-guia{width:min(1200px,calc(100% - 48px));margin:0 auto}
.g-cabeza{padding:26px 0 34px;max-width:780px}
.g-cat{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:5px 12px;border-radius:20px;background:var(--tinte);border:1px solid var(--borde-n);color:var(--naranja-osc);font:600 14px 'DM Sans',sans-serif}
.g-cabeza h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;letter-spacing:-.04em;font-weight:800;margin-bottom:16px}
.g-promesa{font-size:20px;line-height:1.6;color:var(--texto);max-width:60ch;margin-bottom:20px}
.g-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--gris);font-size:15px}
.g-meta li{display:inline-flex;align-items:center;gap:7px}
.g-meta svg{width:17px;height:17px;color:var(--naranja)}

.g-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start;padding-bottom:40px}
.g-texto{min-width:0;max-width:780px}
.g-texto>p,.g-texto li>p,.g-historia{max-width:68ch}
.g-historia{font-size:18px;color:var(--texto);padding:20px 22px;border-radius:16px;background:var(--fondo-2);border:1px solid var(--linea);margin:0 0 28px}
.g-historia b{color:var(--tinta)}

.g-caja{padding:22px 24px;border-radius:16px;border:1px solid var(--linea);background:#fff;margin:0 0 34px}
.g-caja h2{font-size:20px;letter-spacing:-.02em;margin-bottom:12px}
.g-caja ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.g-caja li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
.g-caja li::before{content:"";width:20px;height:20px;margin-top:4px;border-radius:50%;background:var(--tinte) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23c2410c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.g-logro{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 34px}
.g-logro div{padding:16px 18px;border-radius:14px;background:var(--fondo-2);border:1px solid var(--linea)}
.g-logro b{display:block;font:700 15.5px/1.35 Manrope,sans-serif;color:var(--tinta);margin-bottom:4px}
.g-logro span{font-size:15px;color:var(--gris);line-height:1.5}

.g-pasos{list-style:none;margin:0;padding:0;counter-reset:p}
.g-paso{position:relative;padding:0 0 44px 58px;counter-increment:p}
.g-paso::before{content:counter(p);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--naranja-btn);color:#fff;font:800 17px Manrope,sans-serif;box-shadow:0 0 0 6px var(--tinte)}
.g-paso::after{content:"";position:absolute;left:19px;top:48px;bottom:8px;width:2px;background:var(--linea-2);border-radius:2px}
.g-paso:last-child::after{display:none}
.g-paso h2{font-size:clamp(22px,2.4vw,27px);line-height:1.25;letter-spacing:-.025em;margin:4px 0 12px}
.g-paso h3{font-size:18px;letter-spacing:-.01em;margin:22px 0 8px}
.g-paso ul,.g-paso ol{margin:0 0 16px;padding-left:22px}
.g-paso li{margin-bottom:6px}
.g-paso li::marker{color:var(--naranja)}

.g-foto{margin:22px 0 8px}
.g-foto button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;text-align:left;font:inherit;color:inherit}
.g-marco{border:1px solid var(--linea);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--sombra);transition:box-shadow .3s,transform .3s var(--ease)}
.g-foto button:hover .g-marco{box-shadow:0 1px 2px rgba(28,25,23,.05),0 18px 44px -20px rgba(28,25,23,.35);transform:translateY(-2px)}
.g-barra{display:flex;align-items:center;gap:7px;padding:9px 14px;background:var(--fondo-2);border-bottom:1px solid var(--linea)}
.g-barra i{width:10px;height:10px;border-radius:50%;background:var(--linea-3)}
.g-barra em{margin-left:10px;flex:1;min-width:0;font:500 12.5px 'DM Sans',sans-serif;font-style:normal;color:var(--gris);background:#fff;border:1px solid var(--linea);border-radius:8px;padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-marco img{display:block;width:100%;height:auto}
.g-foto--angosta .g-marco{max-width:440px;margin:0 auto}
.g-foto--correo .g-marco{max-width:560px}
.g-foto--celular .g-marco{max-width:300px;margin:0 auto;border-radius:30px;border:8px solid #1c1917}
.g-foto figcaption{margin:12px 2px 0;font-size:15px;line-height:1.55;color:var(--gris)}
.g-foto figcaption b{color:var(--tinta)}
.g-zoom{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13.5px;color:var(--gris-2)}
.g-zoom svg{width:15px;height:15px}

.g-nota,.g-alerta{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:16px 18px;border-radius:14px;margin:18px 0}
.g-nota{background:var(--tinte);border:1px solid var(--borde-n)}
.g-alerta{background:var(--aviso-tinte);border:1px solid var(--aviso-borde)}
.g-nota svg,.g-alerta svg{width:24px;height:24px;margin-top:2px}
.g-nota svg{color:var(--naranja-btn)}.g-alerta svg{color:var(--aviso)}
.g-nota p,.g-alerta p{margin:0;font-size:16px;line-height:1.6}
.g-nota p+p,.g-alerta p+p{margin-top:8px}
.g-nota b,.g-alerta b{color:var(--tinta)}

.g-tabla{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--linea);border-radius:14px;overflow:hidden;margin:16px 0 20px;font-size:15.5px}
.g-tabla th,.g-tabla td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linea-2);vertical-align:top}
.g-tabla thead th{background:var(--fondo-2);font:600 14px 'DM Sans',sans-serif;color:var(--gris)}
.g-tabla tbody tr:last-child td,.g-tabla tbody tr:last-child th{border-bottom:0}
.g-tabla td code{white-space:nowrap}
.g-tabla th[scope=row]{color:var(--tinta);font-weight:600}
.g-envuelve{overflow-x:auto;-webkit-overflow-scrolling:touch}
.g-codigo{position:relative;margin:14px 0 18px}
.g-codigo pre{margin:0;padding:16px 18px;border-radius:14px;background:#1c1917;color:#f5f5f4;font:14px/1.6 ui-monospace,'SF Mono',Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.g-codigo button{position:absolute;top:8px;right:8px;min-height:36px;padding:6px 12px;border-radius:8px;border:1px solid #57534e;background:#292524;color:#f5f5f4;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.g-codigo button:hover{background:#44403c}

.g-listo{padding:26px 26px 22px;border-radius:18px;background:var(--bien-tinte);border:1px solid #bfe3cc;margin:6px 0 40px}
.g-listo h2{font-size:24px;letter-spacing:-.02em;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.g-listo h2 svg{width:28px;height:28px;color:var(--bien)}
.g-listo p{margin:0;max-width:66ch}

.g-problemas{margin:0 0 40px}
.g-problemas h2{font-size:26px;letter-spacing:-.025em;margin-bottom:10px}
.g-problemas details{border-bottom:1px solid var(--linea)}
.g-problemas summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;cursor:pointer;font:600 17px 'DM Sans',sans-serif;color:var(--tinta)}
.g-problemas summary::-webkit-details-marker{display:none}
.g-problemas summary:hover{color:var(--naranja-btn)}
.g-problemas summary i{position:relative;width:14px;height:14px;flex:none}
.g-problemas summary i::before,.g-problemas summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--naranja);transition:transform .3s var(--ease)}
.g-problemas summary i::after{transform:rotate(90deg)}
.g-problemas details[open] summary i::after{transform:rotate(0)}
.g-problemas details>div{padding:0 2px 18px}
.g-problemas details>div p{margin-bottom:10px}

.g-sigue{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0 0 40px}
.g-sigue a{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:16px;border:1px solid var(--linea);background:#fff;text-decoration:none;color:var(--texto);transition:border-color .2s,box-shadow .3s,transform .3s var(--ease)}
.g-sigue a:hover{border-color:var(--borde-n);box-shadow:var(--sombra);transform:translateY(-2px);color:var(--texto)}
.g-sigue small{font:600 13.5px 'DM Sans',sans-serif;color:var(--naranja-btn)}
.g-sigue strong{font:700 18px/1.3 Manrope,sans-serif;color:var(--tinta)}
.g-sigue span{font-size:15px;color:var(--gris)}

.g-util{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:18px 20px;border-radius:16px;background:var(--fondo-2);border:1px solid var(--linea)}
.g-util p{margin:0;font-weight:600;color:var(--tinta)}
.g-util div{display:flex;gap:8px}
.g-util button{min-height:40px;padding:6px 18px;border-radius:10px;border:1.5px solid var(--linea-3);background:#fff;color:var(--tinta);font:600 15px 'DM Sans',sans-serif;cursor:pointer}
.g-util button:hover{border-color:var(--borde-n);background:var(--tinte)}
.g-util output{flex-basis:100%;font-size:15px;color:var(--texto)}

/* índice lateral */
.g-lado{position:sticky;top:92px;display:grid;gap:18px}
.g-indice{padding:18px 18px 12px;border-radius:16px;border:1px solid var(--linea);background:#fff}
.g-indice p{font:700 14.5px Manrope,sans-serif;color:var(--tinta);margin:0 0 8px}
.g-indice ol{list-style:none;margin:0;padding:0;counter-reset:i}
.g-indice li{counter-increment:i}
.g-indice a{display:grid;grid-template-columns:24px 1fr;gap:6px;padding:7px 8px;margin:0 -8px;border-radius:10px;font-size:14.5px;line-height:1.4;color:var(--texto);text-decoration:none}
.g-indice a::before{content:counter(i);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--linea-2);color:var(--gris);font:700 12px Manrope,sans-serif}
.g-indice a:hover{background:var(--tinte-2);color:var(--tinta)}
.g-indice a.activo{background:var(--tinte);color:var(--naranja-osc);font-weight:600}
.g-indice a.activo::before{background:var(--naranja-btn);color:#fff}
.g-lado-ayuda{padding:18px;border-radius:16px;background:var(--fondo-2);border:1px solid var(--linea)}
.g-lado-ayuda p{font-size:15px;margin:0 0 12px}
.g-lado-ayuda strong{display:block;font:700 16px Manrope,sans-serif;color:var(--tinta);margin-bottom:4px}
.g-lado-ayuda .g-btn{width:100%;min-height:40px;font-size:14.5px}
.g-indice-movil{display:none}

/* lupa: la captura en grande */
.g-lupa{border:0;padding:0;background:transparent;max-width:min(1400px,96vw);max-height:94vh;overflow:visible}
.g-lupa::backdrop{background:rgba(28,25,23,.78);backdrop-filter:blur(3px)}
.g-lupa img{display:block;max-width:min(1400px,96vw);max-height:88vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.4);background:#fff}
.g-lupa p{margin:10px 4px 0;color:#f5f5f4;font-size:15px;text-align:center}
.g-lupa button{position:absolute;top:-16px;right:-16px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--tinta);font:600 22px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.g-lupa[open]{animation:g-lupa .3s var(--ease)}
@keyframes g-lupa{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

/* pie */
.g-pie{margin-top:72px;border-top:1px solid var(--linea);background:var(--fondo-2)}
.g-pie__in{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:30px 0 34px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;font-size:15px;color:var(--gris)}
.g-pie__in .g-marca{margin-right:auto;font-size:22px}
.g-pie__in a:not(.g-marca){color:var(--texto);text-decoration:none;padding:6px 0}
.g-pie__in a:not(.g-marca):hover{color:var(--naranja-btn)}

@media (max-width:1100px){
  .g-cuerpo{grid-template-columns:1fr;gap:0}
  .g-lado{display:none}
  .g-indice-movil{display:block;margin:0 0 28px;border:1px solid var(--linea);border-radius:14px;background:#fff}
  .g-indice-movil summary{list-style:none;cursor:pointer;padding:14px 16px;font:700 16px Manrope,sans-serif;color:var(--tinta);display:flex;justify-content:space-between;align-items:center}
  .g-indice-movil summary::-webkit-details-marker{display:none}
  .g-indice-movil summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--naranja);border-bottom:2px solid var(--naranja);transform:rotate(45deg);transition:transform .3s var(--ease);margin-right:4px}
  .g-indice-movil[open] summary::after{transform:rotate(-135deg)}
  .g-indice-movil ol{margin:0;padding:0 16px 14px 36px}
  .g-indice-movil li{margin:6px 0}
  .g-camino ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-portada__in{grid-template-columns:1fr;align-items:start;gap:28px}
}
@media (max-width:720px){
  body{font-size:16.5px}
  .g-top__in{width:calc(100% - 32px);height:60px;gap:12px}
  .g-marca{font-size:21px}
  .g-top__guias{display:none}
  .g-top__acc a.sitio{display:none}
  .g-top__acc .g-btn{min-height:40px;padding:8px 12px;font-size:14px}
  .g-portada__in,.g-camino,.g-temas,.g-ayuda,.g-migas,.g-guia,.g-vacio,.g-pie__in{width:calc(100% - 32px)}
  .g-portada__in{padding:40px 0 36px}
  .g-portada p{font-size:17px}
  .g-camino ol{grid-template-columns:1fr}
  .g-temas{grid-template-columns:1fr;gap:36px}
  .g-tema li a{grid-template-columns:1fr}
  .g-tema li em{grid-row:auto;grid-column:1}
  .g-ayuda{padding:24px 20px}
  .g-promesa{font-size:18px}
  .g-paso{padding-left:0;padding-top:52px}
  .g-paso::before{top:0}
  .g-paso::after{display:none}
  .g-historia{padding:16px 18px;font-size:17px}
  .g-caja{padding:18px 18px}
  .g-foto figcaption{font-size:14.5px}
  .g-lupa button{top:8px;right:8px}
  .g-tabla,.g-tabla tbody,.g-tabla tr,.g-tabla th,.g-tabla td{display:block;width:100%}
  .g-tabla thead{display:none}
  .g-tabla{border:0;border-radius:0;overflow:visible}
  .g-tabla tr{border:1px solid var(--linea);border-radius:14px;padding:6px 14px 8px;margin-bottom:10px;background:#fff}
  .g-tabla tbody th[scope=row]{border-bottom:1px solid var(--linea-2);padding:8px 0;font-size:16.5px}
  .g-tabla td{border:0;padding:6px 0;display:grid;grid-template-columns:minmax(96px,38%) 1fr;gap:10px}
  .g-tabla td::before{content:attr(data-l);color:var(--gris);font-size:14px}
  .g-tabla td code{white-space:normal;overflow-wrap:anywhere}
  .g-tabla--2 td{display:block;padding:8px 0 4px}
  .g-tabla--2 td::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .g-marco,.g-camino a,.g-sigue a,.g-btn{transition:none}
  .g-foto button:hover .g-marco,.g-camino a:hover,.g-sigue a:hover{transform:none}
  .g-lupa[open]{animation:none}
}
@media print{.g-top,.g-lado,.g-util,.g-pie,.g-indice-movil{display:none}.g-cuerpo{display:block}.g-marco{box-shadow:none}}