*{box-sizing:border-box}body{margin:0}nav{margin:auto;padding:28px 24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #252a35}.brand{font-weight:900;letter-spacing:3px;font-size:22px}main{margin:auto}.eyebrow{letter-spacing:3px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.portal footer{margin:20px auto 0;padding:28px 24px;color:#8d99ad;font-size:12px}.portal .pagelead{margin-bottom:40px}.portal .pagelead .button{margin-top:12px}
/* Portal Distopia */
.portal{background:#090b10;color:#eef0f4;font-family:Arial,sans-serif}.portal nav{max-width:1200px}.portal .brand{color:#fff;text-decoration:none}.portal .navlinks{margin-left:auto;display:flex;gap:24px;align-items:center}.portal a{color:inherit}.portal .navlinks a{text-decoration:none;font-size:13px;color:#c3c8d2}.portal main{max-width:1200px;padding:56px 24px}.portal .masthead{max-width:850px;margin:0 auto 54px;text-align:center}.portal .eyebrow{font-family:monospace;color:#ff9b65;font-size:12px}.portal h1{font-size:clamp(40px,7vw,80px);letter-spacing:-3px;line-height:1.03;margin:22px 0}.portal .masthead p{color:#aeb6c5;line-height:1.8;max-width:600px;margin:20px auto}.portal .servers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.server{position:relative;overflow:hidden;border:1px solid #30323c;border-radius:16px;padding:38px;min-height:400px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0%,#66302180,transparent 65%),linear-gradient(145deg,#1a1719,#101116)}.server.conan{background:radial-gradient(ellipse at 100% 0%,#75602b75,transparent 65%),linear-gradient(145deg,#1c1b16,#101116)}.server:before{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff12;right:-60px;top:90px;transform:rotate(45deg);pointer-events:none}.server .tag,.portal .pill{font:11px monospace;letter-spacing:1px;color:#ffc3a0}.server.conan .tag{color:#e8cd85}.server h2{font-size:42px;letter-spacing:-1px;margin:35px 0 8px}.server p{color:#b3b8c2;line-height:1.75;max-width:400px}.server .chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 28px}.chips span{border:1px solid #ffffff21;padding:7px 10px;border-radius:5px;font-size:11px;color:#d6d9df}.portal .button{display:inline-block;text-decoration:none;background:#ed8751;color:#16100c;border-radius:6px;padding:14px 20px;font-size:13px;font-weight:bold;width:fit-content}.server .button{margin-top:auto}.conan .button{background:#d5b66a}.portal .community{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:28px;border:1px solid #252a35;border-radius:12px;background:#11151e}.community h2{font-size:22px;margin:0 0 8px}.community p{color:#aeb6c5;margin:0;line-height:1.7}.portal .button.secondary{background:#242c40;color:#eef0f4}.portal footer{max-width:1200px;display:flex;justify-content:space-between;font-family:Arial,sans-serif}.portal .guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.guide{padding:26px;border:1px solid #292f3b;border-radius:10px;background:#12161e}.guide h2{font-size:20px;color:#f6b18a;margin-top:0}.guide p,.guide li{font-size:14px;line-height:1.8;color:#b3bdcc}.guide code{color:#f6c453}.portal .pagelead{max-width:850px}.pagelead h1{font-size:clamp(40px,6vw,68px)}.pagelead p{color:#afb9c9;line-height:1.8}.portal a:focus-visible{outline:3px solid #fff;outline-offset:5px}.portal .navlinks a[aria-current=page]{color:#ffb080}@media(max-width:760px){.portal .servers,.portal .guides{grid-template-columns:1fr}.portal .navlinks{gap:12px;flex-wrap:wrap}.portal nav{padding:22px 18px;flex-wrap:wrap}.portal main{padding:32px 18px}.server{padding:28px;min-height:370px}.portal .community{align-items:flex-start;flex-direction:column}.portal footer{gap:15px;flex-wrap:wrap}.portal h1{letter-spacing:-1.5px}.portal .navlinks a{font-size:11px}}

/* Navegacion principal: botones de seccion */
.portal header .navlinks a:not(.quick-link){display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #66503e;border-radius:8px;background:linear-gradient(145deg,#302219,#181410);color:#eddbc5;font-size:13px;font-weight:600;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}
.portal header .navlinks a:not(.quick-link):hover{background:#493022;border-color:#c68b60;transform:translateY(-2px)}
.portal header .navlinks a[aria-current=page]:not(.quick-link){background:linear-gradient(135deg,#a85230,#743a26);border-color:#de986a;color:#fff3e7;box-shadow:inset 0 1px 0 #ffffff20}
.portal header .navlinks{gap:10px!important}
@media(max-width:650px){.portal header .navlinks a:not(.quick-link){padding:10px 12px;min-height:44px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.portal header .navlinks a:not(.quick-link){transition:none;transform:none}}