/* Presentación de la guía; las palabras y los ejemplos vienen de los JSON. */
.guia-redisenada{width:100%;max-width:none;margin:0;padding:0}
.guia-redisenada .rg-wrap{width:100%;max-width:var(--ancho);padding-inline:var(--gutter);margin-inline:auto}
.guia-redisenada .rg-hero{margin:0;padding:72px 0 80px;border:0;border-bottom:1px solid var(--borde-bronce);border-radius:0;text-align:left}
.guia-redisenada .rg-hero-interior{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px}
.guia-redisenada .rg-hero h1{font-size:clamp(44px,5.8vw,76px);margin:12px 0 24px}
.guia-redisenada .guia-intro{max-width:38rem;margin:0 0 28px;font:400 21px/1.55 var(--serif);color:var(--texto-medio)}
.guia-redisenada .acciones-portada{justify-content:flex-start;gap:12px}
.guia-redisenada .duelistas{position:relative;gap:24px;justify-content:center;margin:0;padding:20px 8px}
.guia-redisenada .duelista{width:min(43%,180px);min-width:0}
.guia-redisenada .duelista img{width:100%;height:auto!important;border:0;border-radius:6px;box-shadow:0 20px 32px #0009}
.guia-redisenada .duelista:first-child{transform:rotate(-6deg)}
.guia-redisenada .duelista:last-child{transform:rotate(6deg)}
.guia-redisenada .duelistas .vs{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;min-width:0;border:2px solid var(--dorado);outline:1px solid var(--borde-bronce);outline-offset:4px;border-radius:50%;background:radial-gradient(circle,#57301c,#1c130d);color:var(--dorado-claro);font:800 17px var(--titulo);box-shadow:0 6px 20px #0009}
.guia-redisenada .rg-indice{position:sticky;top:0;z-index:5;background:#0b0a09f5;border-bottom:1px solid var(--borde-bronce)}
.guia-redisenada .rg-indice-interior{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scroll-padding-inline:var(--gutter);padding-block:12px}
.guia-redisenada .rg-indice a{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;padding:0 16px;border:1px solid var(--borde);border-radius:999px;font:700 11px/1.5 var(--titulo);letter-spacing:.08em;white-space:nowrap;text-decoration:none;color:var(--texto-medio)}
.guia-redisenada .rg-indice a[aria-current]{border-color:var(--bronce);background:#e0a24a12;color:var(--dorado)}
.guia-redisenada .rg-seccion{padding:72px 0;margin:0;border-bottom:1px solid var(--borde);scroll-margin-top:84px}
.guia-redisenada .rg-seccion>.rg-wrap{max-width:1040px}
.guia-redisenada .rg-seccion h2{font-size:clamp(30px,3.4vw,44px);margin:12px 0 32px;text-align:left}
.guia-redisenada .rg-seccion .rd-eyebrow{margin:0 0 16px}
.guia-redisenada .cifras{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--borde-bronce);border-radius:4px;box-shadow:var(--marco);margin:40px 0 28px}
.guia-redisenada .cifras li{padding:26px 18px;border:0;border-left:1px solid var(--borde);border-radius:0;background:#141210;text-align:center;min-width:0}
.guia-redisenada .cifras li:first-child{border-left:0}
.guia-redisenada .cifras .cifra{font:800 48px/1 var(--titulo);color:var(--dorado)}
.guia-redisenada .cifras span{font-size:16px;line-height:1.4;color:var(--texto-medio)}
.guia-redisenada .aviso-imanes{margin:28px 0 0;border:1px dashed var(--borde-bronce);border-radius:4px;background:#141210;padding:22px}
.guia-redisenada .aviso-imanes h3{font-size:18px;color:var(--dorado)}
.guia-redisenada .aviso-imanes p{max-width:44rem}
.guia-redisenada #imanes{scroll-margin-top:96px}
.guia-redisenada .ronda{max-width:820px;margin:42px auto 0}
.guia-redisenada .paso{padding-bottom:36px}
.guia-redisenada .paso::before{content:counter(paso,upper-roman);border-color:var(--bronce);background:#141210;color:var(--dorado);font-family:var(--titulo)}
.guia-redisenada .paso h3{font-size:22px;color:var(--texto)}
.guia-redisenada .paso::after{border-color:var(--borde-bronce)}
.guia-redisenada .guia-ilustracion img{border:1px solid var(--borde-bronce);border-radius:4px;background:#0b0a09}
.guia-redisenada .conteo{padding:24px;border:1px solid var(--borde-bronce);border-radius:4px;background:radial-gradient(circle at center,#2a2117,#0b0a09 75%)}
.guia-redisenada .conteo span{color:var(--dorado)}
.guia-redisenada .marcador-fila,.guia-redisenada .guia-empate{background:#141210;border-color:var(--borde-bronce);border-radius:4px}
.guia-redisenada .guia-empate{max-width:820px;margin:24px auto}
.guia-redisenada .guia-posturas .destacado{font-style:italic;color:var(--dorado)}
.guia-redisenada .guia-tecnica>.rg-wrap>p{max-width:800px}
.guia-redisenada .guia-tecnica .tecnica{max-width:900px;margin:28px auto;background:#141210;border:1px solid var(--borde-bronce);border-radius:4px;box-shadow:var(--marco)}
.guia-redisenada .guia-tecnica .tecnica h2{font-size:26px;text-align:center;margin-bottom:24px}
.guia-redisenada .guia-tutorial .tutorial-marco{border:1px solid var(--borde-bronce);border-radius:4px;box-shadow:var(--marco);overflow:hidden}
.guia-redisenada .guia-casos details{margin:12px 0;padding:0 24px;border:1px solid var(--borde-bronce);border-radius:4px;background:#141210}
.guia-redisenada .guia-casos summary{padding:20px 0;min-height:44px;font-family:var(--titulo);font-size:16px;cursor:pointer;color:var(--texto)}
.guia-redisenada .guia-casos details[open]{border-left:3px solid var(--bronce)}
.guia-redisenada .guia-cierre{max-width:1176px;width:calc(100% - var(--gutter)*2);margin:64px auto;padding:36px 28px;border:1px solid var(--borde-bronce);border-radius:4px;background:#141210}
.guia-redisenada .guia-cierre h2{font-size:clamp(30px,3.4vw,44px)}
.guia-redisenada .familia-mini-imagen{border-radius:4px}
@media(max-width:700px){
 .guia-redisenada .rg-hero{padding:40px 0 48px}
 .guia-redisenada .rg-hero-interior{grid-template-columns:minmax(0,1fr);gap:28px}
 .guia-redisenada .rg-hero-copy{text-align:center}
 .guia-redisenada .rg-hero h1{font-size:clamp(38px,10vw,56px)}
 .guia-redisenada .guia-intro{font-size:19px}
 .guia-redisenada .rg-hero .acciones-portada{justify-content:center}
 .guia-redisenada .duelistas{grid-row:1;max-width:380px;width:100%;margin:auto}
 .guia-redisenada .duelista{width:38%}
 .guia-redisenada .rg-seccion{padding:48px 0}
 .guia-redisenada .cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guia-redisenada .cifras li{padding:22px 14px}
 .guia-redisenada .cifras li:nth-child(3){border-left:0}
 .guia-redisenada .cifras li:nth-child(n+3){border-top:1px solid var(--borde)}
 .guia-redisenada .paso h3{font-size:19px}
 .guia-redisenada .conteo{padding:18px 14px;gap:8px}
 .guia-redisenada .guia-cierre{padding:28px 16px}
 .guia-redisenada .guia-casos details{padding-inline:16px}
}