:root{
--mc-vanilla-green-1:#a0e081;
--mc-vanilla-green-2:#86d562;
--mc-vanilla-green-3:#6cc349;
--mc-vanilla-green-4:#52a535;
--mc-vanilla-green-5:#3c8527;
--mc-vanilla-green-6:#2a641c;
--mc-dungeons-orange-3:#ffc42b;
--mc-core-off-white:#ffffff;
--mc-core-off-black:#171615;
--mc-core-rich-black:#000000;
--mc-core-grey-3:#aba09c;
--mc-core-grey-5:#3d3938;
--mc-vanilla-coldgrey-6:#313131;
--mc-vanilla-grey-1:#ede5e2;
--mc-marketplace-grey-2:#d0c5c0;
--mc-marketplace-grey-6:#1d1e1e;
--mc-surface-mid:#262423;
--mc-grey-soft:#898481;
--mc-default-focus:#1157be;
--space-xs:4px;
--space-sm:8px;
--space-md:12px;
--space-base:16px;
--space-lg:24px;
--space-xl:32px;
--space-2xl:48px;
--space-3xl:64px;
--pixel:"Pixelify Sans","Press Start 2P",monospace;
--body:"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
--mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",Menlo,Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--mc-vanilla-coldgrey-6);color:var(--mc-core-off-white);font-family:var(--body);font-size:16px;line-height:1.5}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--mc-vanilla-green-3);outline-offset:2px}
.contenedor{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}
.eyebrow{font-family:var(--pixel);font-size:.92rem;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--mc-vanilla-green-3)}
.barra{position:sticky;top:0;z-index:50;background:var(--mc-vanilla-coldgrey-6)}
.barra .contenedor{display:flex;align-items:center;gap:var(--space-lg);height:60px}
.marca{display:flex;align-items:center;gap:var(--space-md);font-family:var(--pixel);font-size:1.1rem;font-weight:700;color:var(--mc-core-off-white);text-decoration:none;white-space:nowrap}
.marca img{width:28px;height:28px;image-rendering:pixelated}
.nav{display:flex;gap:var(--space-xs);margin-left:auto}
.nav a{padding:10px;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.96px;text-transform:uppercase;color:var(--mc-core-off-white);text-decoration:none;transition:color .12s}
.nav a:hover{color:var(--mc-vanilla-green-3)}
.boton{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:15px 28px;border:0;font-family:var(--body);font-size:18px;font-weight:800;line-height:1.11;letter-spacing:.54px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s}
.boton-primario{background:var(--mc-vanilla-green-5);color:var(--mc-core-off-white);border:2px solid var(--mc-surface-mid)}
.boton-primario:hover{background:var(--mc-vanilla-green-3)}
.boton-contorno{background:var(--mc-vanilla-coldgrey-6);color:var(--mc-core-off-white);border:2px solid var(--mc-core-off-white)}
.boton-discord{background:#5865F2;color:#fff;border:2px solid #4752C4;gap:10px}
.boton-discord:hover,.boton-discord:focus-visible{background:#4752C4;color:#fff}
.boton-discord svg{width:21px;height:21px;flex:none}
.boton-discord__online{display:inline-flex;align-items:center;gap:6px;padding-left:10px;margin-left:2px;border-left:2px solid rgba(255,255,255,.35);font-size:.86em;letter-spacing:.4px;text-transform:none;font-weight:700}
.boton-discord__online::before{content:'';width:8px;height:8px;background:#43B581;flex:none}
.boton-contorno:hover{color:var(--mc-vanilla-green-3);border-color:var(--mc-vanilla-green-3)}
.barra .boton{height:40px;padding:10px 18px;font-size:13px;margin-left:var(--space-sm)}
.hero{background:var(--mc-core-rich-black);padding:var(--space-3xl) 0}
.hero .contenedor{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-2xl);align-items:center}
h1{margin:var(--space-lg) 0;font-family:var(--pixel);font-size:clamp(1.65rem,3.8vw,2.9rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--mc-core-off-white)}
.entradilla{color:var(--mc-marketplace-grey-2);font-size:16px;line-height:1.6;max-width:56ch}
.entradilla strong{color:var(--mc-core-off-white);font-weight:700}
.ip{display:flex;align-items:center;gap:var(--space-base);margin-top:var(--space-xl);padding:var(--space-md);background:var(--mc-surface-mid);border:2px solid var(--mc-grey-soft);width:fit-content;max-width:100%;flex-wrap:wrap}
.ip__texto{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:var(--space-sm)}
.ip__texto span{font-family:var(--body);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mc-core-grey-3)}
.ip__texto code{font-family:var(--pixel);font-size:1.5rem;font-weight:700;color:var(--mc-core-off-white)}
.hero-datos{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:var(--space-xl);background:var(--mc-core-grey-5);border:2px solid var(--mc-core-grey-5)}
.hero-datos div{background:var(--mc-marketplace-grey-6);padding:var(--space-base)}
.hero-datos dt{font-family:var(--pixel);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mc-vanilla-green-3)}
.hero-datos dd{margin-top:var(--space-sm);font-size:16px;font-weight:700;color:var(--mc-core-off-white)}
.lista-servidores{display:flex;flex-direction:column;gap:var(--space-md)}
.lista-servidores__pie{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--mc-marketplace-grey-2)}
.fila{display:grid;grid-template-columns:64px 1fr auto;gap:var(--space-base);align-items:center;padding:var(--space-md);background:var(--mc-marketplace-grey-6);border:2px solid var(--mc-core-grey-5);transition:border-color .12s}
.fila:hover{border-color:var(--mc-vanilla-green-3)}
.fila__icono{width:64px;height:64px;image-rendering:pixelated;background:var(--mc-surface-mid)}
.fila__nombre{display:flex;align-items:baseline;gap:var(--space-sm);font-size:18px;font-weight:700;letter-spacing:-.27px}
.fila__version{font-family:var(--mono);font-size:12px;color:var(--mc-core-grey-3)}
.motd{margin-top:var(--space-sm);font-family:var(--mono);font-size:13px;line-height:1.45}
.motd span{white-space:nowrap}
.fila__estado{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);align-self:flex-start}
.fila__jugadores{font-family:var(--mono);font-size:13px;color:var(--mc-core-grey-3);white-space:nowrap}
.senal{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.senal i{width:3px;background:var(--mc-core-grey-5)}
.senal i:nth-child(1){height:4px}
.senal i:nth-child(2){height:6px}
.senal i:nth-child(3){height:9px}
.senal i:nth-child(4){height:11px}
.senal i:nth-child(5){height:14px}
.senal[data-barras="5"] i{background:var(--mc-vanilla-green-3)}
.senal[data-barras="4"] i:nth-child(-n+4){background:var(--mc-vanilla-green-3)}
.punto{width:8px;height:8px;background:var(--mc-vanilla-green-3);flex:none}
.miga{display:flex;gap:var(--space-md);align-items:center;font-family:var(--body);font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--mc-core-grey-3);padding-top:var(--space-2xl)}
.miga a{text-decoration:none}
.miga a:hover{color:var(--mc-vanilla-green-3)}
.portada{background:var(--mc-core-rich-black);padding-bottom:var(--space-3xl)}
.bloque{padding:var(--space-3xl) 0;background:var(--mc-vanilla-coldgrey-6)}
.bloque:nth-of-type(odd){background:var(--mc-marketplace-grey-6)}
.bloque__cabecera{max-width:62ch;margin-bottom:var(--space-2xl)}
h2{margin-top:var(--space-md);font-family:var(--pixel);font-size:clamp(1.5rem,2.9vw,2.1rem);font-weight:600;line-height:1.14;color:var(--mc-core-off-white)}
.bloque__cabecera p{margin-top:var(--space-base);color:var(--mc-marketplace-grey-2)}
p+p{margin-top:var(--space-base)}
.texto{color:var(--mc-marketplace-grey-2);max-width:72ch}
.texto strong{color:var(--mc-core-off-white);font-weight:700}
.texto code,.nota code,.entradilla code{font-family:var(--mono);font-size:14px;background:var(--mc-surface-mid);padding:2px 6px;color:var(--mc-vanilla-green-3)}
.texto a,.nota a,.entradilla a,.respuesta a,.pasos a{color:var(--mc-vanilla-green-3);text-decoration:underline;text-underline-offset:3px}
.nota{margin-top:var(--space-base);font-size:14px;color:var(--mc-core-grey-3)}
.ficha{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--mc-core-grey-5);border:2px solid var(--mc-core-grey-5)}
.ficha>div{background:var(--mc-surface-mid);padding:var(--space-base) var(--space-lg)}
.ficha dt{font-family:var(--body);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mc-core-grey-3)}
.ficha dd{margin-top:var(--space-sm);font-size:15px;color:var(--mc-core-off-white)}
.ficha code{font-family:var(--mono);font-size:15px;font-weight:700}
.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}
.tarjeta{background:var(--mc-surface-mid);color:var(--mc-marketplace-grey-2);padding:var(--space-lg);border:2px solid var(--mc-core-grey-5);border-top:5px solid var(--mc-vanilla-green-5);transition:border-color .12s}
.tarjeta:hover{border-color:var(--mc-grey-soft);border-top-color:var(--mc-vanilla-green-3)}
.tarjeta__icono{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--mc-vanilla-grey-1);color:var(--mc-core-grey-5);margin-bottom:var(--space-base)}
.tarjeta__icono svg{width:20px;height:20px}
.tarjeta h3{font-size:18px;font-weight:800;line-height:1.32;color:var(--mc-core-off-white)}
.tarjeta p{margin-top:var(--space-sm);font-size:14.5px;line-height:1.52;color:var(--mc-marketplace-grey-2)}
.paises{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}
.pais{background:var(--mc-surface-mid);color:var(--mc-marketplace-grey-2);padding:var(--space-lg);border:2px solid var(--mc-core-grey-5);border-top:5px solid var(--mc-vanilla-green-5)}
.pais h3{font-size:18px;font-weight:800;color:var(--mc-core-off-white)}
.pais__dato{margin-top:var(--space-sm);font-family:var(--mono);font-size:12px;color:var(--mc-vanilla-green-3)}
.pais p{margin-top:var(--space-md);font-size:14.5px;line-height:1.52;color:var(--mc-marketplace-grey-2)}
.tabla{border:2px solid var(--mc-core-grey-5);overflow-x:auto;overscroll-behavior-x:contain}
.tabla table{width:100%;border-collapse:collapse;font-size:14px}
.tabla th{background:var(--mc-vanilla-coldgrey-6);color:var(--mc-core-grey-3);font-family:var(--body);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:var(--space-base)}
.tabla td{padding:var(--space-md) var(--space-base);border-top:1px solid var(--mc-core-grey-5);color:var(--mc-marketplace-grey-2);vertical-align:top}
.tabla tbody tr:hover{background:var(--mc-surface-mid)}
.tabla td:first-child{font-weight:700;color:var(--mc-core-off-white)}
.tabla .ms{font-family:var(--mono);white-space:nowrap}
.tabla .medida{width:26%}
.tabla code{font-family:var(--mono);font-size:13px;color:var(--mc-vanilla-green-3)}
.medidor{height:8px;background:var(--mc-vanilla-coldgrey-6)}
.medidor span{display:block;height:100%;background:var(--mc-vanilla-green-3)}
.pasos{list-style:none;counter-reset:paso;display:grid}
.pasos li{position:relative;padding:0 0 var(--space-xl) 76px;counter-increment:paso}
.pasos li::before{content:counter(paso,decimal-leading-zero);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--mc-surface-mid);border:2px solid var(--mc-vanilla-green-5);box-shadow:0 0 0 3px var(--mc-core-rich-black);font-family:var(--body);font-size:1.15rem;font-weight:800;color:var(--mc-vanilla-green-3)}
.pasos li::after{content:"";position:absolute;left:23px;top:62px;bottom:2px;width:3px;background:var(--mc-core-grey-5)}
.pasos li:last-child{padding-bottom:0}
.pasos li:last-child::after{display:none}
.pasos strong{display:block;padding-top:var(--space-sm);font-size:18px;font-weight:700;letter-spacing:-.27px;color:var(--mc-core-off-white)}
.pasos p{margin-top:var(--space-sm);color:var(--mc-marketplace-grey-2);font-size:15px;max-width:66ch}
.pasos code{font-family:var(--mono);font-size:14px;background:var(--mc-surface-mid);padding:2px 6px;color:var(--mc-vanilla-green-3)}
.normas,.consejos{list-style:none;display:grid;gap:2px;background:var(--mc-core-grey-5);border:2px solid var(--mc-core-grey-5)}
.normas li,.consejos li{background:var(--mc-surface-mid);padding:var(--space-base) var(--space-lg);font-size:15px;color:var(--mc-marketplace-grey-2)}
.normas strong,.consejos strong{color:var(--mc-vanilla-green-3);font-weight:700}
.aviso{display:flex;gap:var(--space-base);margin-top:var(--space-lg);padding:var(--space-lg);background:var(--mc-surface-mid);border-left:6px solid var(--mc-vanilla-green-5)}
.aviso svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--mc-vanilla-green-3)}
.aviso p{color:var(--mc-marketplace-grey-2);font-size:15px;max-width:70ch}
.aviso strong{color:var(--mc-core-off-white);font-weight:700}
.aviso code{font-family:var(--mono);font-size:14px;background:var(--mc-vanilla-coldgrey-6);padding:2px 6px;color:var(--mc-vanilla-green-3)}
details{background:var(--mc-surface-mid);border:2px solid var(--mc-core-grey-5);margin-bottom:var(--space-md)}
details summary{list-style:none;cursor:pointer;padding:var(--space-base) var(--space-lg);font-size:16px;font-weight:700;display:flex;align-items:center;gap:var(--space-base);color:var(--mc-core-off-white)}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"";margin-left:auto;flex:none;width:10px;height:10px;border-right:2px solid var(--mc-vanilla-green-3);border-bottom:2px solid var(--mc-vanilla-green-3);transform:rotate(45deg) translate(-3px,-3px);transition:transform .15s}
details[open] summary{color:var(--mc-vanilla-green-3)}
details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
details .respuesta{padding:0 var(--space-lg) var(--space-base);color:var(--mc-marketplace-grey-2);font-size:15px;max-width:76ch}
details code{font-family:var(--mono);font-size:14px;background:var(--mc-vanilla-coldgrey-6);padding:2px 6px;color:var(--mc-vanilla-green-3)}
.cierre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-2xl);background:var(--mc-vanilla-green-5);border:2px solid var(--mc-surface-mid)}
.cierre h2{margin:0;color:var(--mc-core-off-white)}
.cierre p{margin-top:var(--space-md);color:var(--mc-core-off-white);max-width:52ch}
.cierre .acciones{display:flex;gap:var(--space-md);flex-wrap:wrap}
.cierre .boton-primario{background:var(--mc-core-off-white);color:var(--mc-vanilla-green-6);border-color:var(--mc-surface-mid)}
.cierre .boton-primario:hover{background:var(--mc-vanilla-grey-1)}
.cierre .boton-contorno{background:transparent;border-color:var(--mc-core-off-white)}
.cierre .boton-contorno:hover{background:var(--mc-core-off-white);color:var(--mc-vanilla-green-6);border-color:var(--mc-core-off-white)}
footer{background:var(--mc-core-rich-black);padding:var(--space-2xl) 0;font-size:14px;color:var(--mc-core-grey-3)}
footer .contenedor{display:flex;flex-wrap:wrap;gap:var(--space-base);justify-content:space-between}
footer a{text-decoration:none;color:var(--mc-core-grey-3)}
footer a:hover{color:var(--mc-vanilla-green-3)}
footer nav{display:flex;gap:var(--space-lg);flex-wrap:wrap}
@media (max-width:1000px){
.hero .contenedor{grid-template-columns:1fr;gap:var(--space-2xl)}
.paises,.tarjetas{grid-template-columns:repeat(2,1fr)}
.nav{display:none}
}
@media (max-width:720px){
.contenedor{padding:0 var(--space-base)}
.hero{padding:var(--space-2xl) 0}
.hero-datos{grid-template-columns:repeat(2,1fr)}
.ficha{grid-template-columns:1fr}
.paises,.tarjetas{grid-template-columns:1fr}
.fila{grid-template-columns:48px 1fr;gap:var(--space-md)}
.fila__icono{width:48px;height:48px}
.fila__estado{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}
.ip{width:100%}
.ip .boton{width:100%}
.cierre{padding:var(--space-lg)}
.boton{height:48px;padding:12px 20px;font-size:15px}
.tabla-ping .medida{display:none}
.tabla-ping thead th:nth-child(2),.tabla-ping tbody td:nth-child(2){display:none}
.tabla:not(.tabla-ping) table,.tabla:not(.tabla-ping) tbody,.tabla:not(.tabla-ping) tr,.tabla:not(.tabla-ping) td{display:block;width:100%}
.tabla:not(.tabla-ping) thead{display:none}
.tabla:not(.tabla-ping) tr{border-top:1px solid var(--mc-core-grey-5)}
.tabla:not(.tabla-ping) tr:first-child{border-top:0}
.tabla:not(.tabla-ping) td{border-top:0;padding:2px var(--space-base)}
.tabla:not(.tabla-ping) td:first-child{padding-top:var(--space-md)}
.tabla:not(.tabla-ping) td:last-child{padding-bottom:var(--space-md)}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition-duration:.01ms !important;animation-duration:.01ms !important}
}
/* fondo-hero */
.hero,.portada{position:relative;overflow:hidden;background-color:var(--mc-core-rich-black)}
.hero .eyebrow,.hero h1,.portada .eyebrow,.portada h1,.portada .miga{text-shadow:2px 2px 0 rgba(0,0,0,.85)}
.hero .entradilla,.hero .lista-servidores__pie,.portada .entradilla{text-shadow:0 1px 4px rgba(0,0,0,.95)}
.hero>.contenedor,.portada>.contenedor{position:relative;z-index:1}
/* rediseno 2026-08-19 */
.franja{height:14px;background:repeating-linear-gradient(90deg,var(--mc-vanilla-green-2) 0 14px,var(--mc-vanilla-green-3) 14px 28px,var(--mc-vanilla-green-4) 28px 42px,var(--mc-vanilla-green-3) 42px 56px);border-bottom:5px solid var(--mc-vanilla-green-6)}
.rotulo{font-family:var(--body);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mc-core-grey-3)}
.slot{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:#1a1918;border-top:2px solid #0b0b0a;border-left:2px solid #0b0b0a;border-right:2px solid #4a4644;border-bottom:2px solid #4a4644;margin-bottom:18px}
.slot img{width:34px;height:34px;image-rendering:pixelated}
.slot svg{width:22px;height:22px;color:var(--mc-vanilla-green-3)}
.portada{padding:38px 0 44px}
.portada-panel{margin-top:18px;max-width:820px;padding:30px 34px;background:rgba(18,19,19,.94);border:2px solid var(--mc-core-grey-5);box-shadow:0 0 0 3px rgba(0,0,0,.9)}
.portada-panel h1{margin:0 0 18px}
.portada-panel .entradilla{max-width:70ch}
.miga{display:inline-flex;padding:8px 14px;background:rgba(18,19,19,.94);box-shadow:0 0 0 2px rgba(0,0,0,.75);font-size:.78rem}
.cuerpo{padding:64px 0 76px;background:var(--mc-marketplace-grey-6)}
.cuerpo-grid{display:grid;grid-template-columns:270px 1fr;gap:52px;align-items:start}
.indice{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
.indice-caja{background:var(--mc-surface-mid);border:2px solid var(--mc-core-grey-5);box-shadow:0 0 0 3px var(--mc-core-rich-black)}
.indice-caja>p{padding:14px 18px;border-bottom:2px solid var(--mc-core-grey-5)}
.indice-caja nav{display:flex;flex-direction:column}
.indice-caja a{padding:12px 18px;border-bottom:1px solid var(--mc-core-grey-5);font-size:14.5px;font-weight:700;color:var(--mc-marketplace-grey-2);text-decoration:none;border-left:4px solid transparent}
.indice-caja a:last-child{border-bottom:0}
.indice-caja a:hover{color:#fff;background:var(--mc-marketplace-grey-6);border-left-color:var(--mc-vanilla-green-3)}
.ip-caja{padding:16px 18px;background:var(--mc-surface-mid);border:2px solid var(--mc-grey-soft);box-shadow:0 0 0 3px var(--mc-core-rich-black)}
.ip-caja code{display:block;margin-top:7px;font-family:var(--pixel);font-size:1.32rem;font-weight:700;color:#fff}
.ip-caja .boton{width:100%;height:48px;margin-top:14px;font-size:14px}
.articulo{max-width:820px;min-width:0}
.articulo .bloque{padding:0 0 52px;background:none}
.articulo .bloque:last-child{padding-bottom:0}
.articulo .bloque+.bloque{padding-top:52px;border-top:3px solid;border-image:repeating-linear-gradient(90deg,var(--mc-core-grey-5) 0 10px,transparent 10px 20px) 3}
.articulo .contenedor{max-width:none;padding:0}
.articulo .bloque__cabecera{margin-bottom:28px}
.cierre-envoltorio{padding:70px 0;background:var(--mc-vanilla-coldgrey-6)}
.cierre-envoltorio .contenedor{max-width:1200px}
@media (max-width:1000px){
.cuerpo-grid{grid-template-columns:1fr;gap:26px}
.indice{position:static;flex-direction:row;flex-wrap:wrap}
.indice-caja{flex:1;min-width:260px}
.ip-caja{flex:1;min-width:240px}
.articulo{max-width:none}
}
@media (max-width:720px){
.cuerpo{padding:40px 0 52px}
.portada-panel{padding:22px 20px}
.indice{flex-direction:column}
}