.lp-root { --bg: #0b0d12; --bg2: #0f121a; --panel: #161a24; --panel2: #1b2130; --brd: #262d3d; --brd2: #333c50; --ink: #e9ecf4; --muted: #8b93a8; --muted2: #5f6779; --gold: #e6b450; --gold2: #f6d894; --green: #46c28e; --green2: #7fe0bb; --red: #e5544b; --shadow: 0 10px 30px rgba(0,0,0,.45); --acc: var(--gold); --acc2: var(--gold2); }
.lg-ou { display: flex; align-items: center; gap: 10px; margin: 14px 0px 2px; color: var(--muted2); font-size: 11px; text-transform: uppercase; letter-spacing: 0.6px; }
.lg-ou::before, .lg-ou::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--brd); }
.lg-ou[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .print-regra.agora { animation: auto ease 0s 1 normal none running none; }
}
.lp-nav { display: none; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 70; align-items: center; gap: 10px; padding: 9px clamp(12px, 3vw, 28px); border-bottom: 1px solid transparent; background: linear-gradient(rgba(4, 5, 8, 0.94), rgba(4, 5, 8, 0.55) 58%, rgba(4, 5, 8, 0)); transition: background 0.2s, border-color 0.2s; }
.lp-nav.rolou { background: rgba(8, 10, 15, 0.94); border-bottom-color: rgb(38, 45, 61); backdrop-filter: blur(10px); box-shadow: rgba(0, 0, 0, 0.45) 0px 10px 30px; }
.lp-brand { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; text-decoration: none; }
.lp-brand .bc { width: 30px; height: 30px; flex: 0 0 auto; background: url("img/emblema-mini.webp") center center / contain no-repeat; filter: drop-shadow(rgba(0, 0, 0, 0.7) 0px 2px 6px); }
.lp-brand b { font-family: Cinzel, serif; font-size: 13px; letter-spacing: 1.1px; color: var(--gold2); white-space: nowrap; }
.lp-links { display: flex; align-items: center; gap: 2px; flex: 1 1 0%; min-width: 0px; overflow-x: auto; scrollbar-width: none; }
.lp-links::-webkit-scrollbar { display: none; }
.lp-links a { flex: 0 0 auto; white-space: nowrap; text-decoration: none; color: rgb(170, 179, 199); font-size: 11px; font-weight: 800; letter-spacing: 1.2px; padding: 9px 10px; border-radius: 9px; transition: 0.15s; }
.lp-links a:hover, .lp-links a:focus-visible { color: var(--gold2); background: rgba(255, 255, 255, 0.06); }
.lp-nav .cta { flex: 0 0 auto; text-decoration: none; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; padding: 9px 14px; border-radius: 10px; color: rgb(20, 18, 6); background: linear-gradient(180deg,var(--gold2),var(--gold)); box-shadow: rgba(230, 180, 80, 0.22) 0px 6px 18px; transition: 0.15s; }
.lp-nav .cta:hover { filter: brightness(1.07); transform: translateY(-1px); }
.lp-nav .entrar { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; padding: 8px 12px; border-radius: 10px; color: rgb(170, 179, 199); border: 1px solid var(--brd2); transition: 0.15s; }
.lp-nav .entrar:hover { color: var(--ink); border-color: var(--acc); }
.lp-nav .entrar svg { width: 13px; height: 13px; fill: currentcolor; }
.lp-sec { padding: clamp(50px, 6.6vw, 86px) 0px; border-top: 1px solid rgb(22, 28, 38); }
.lp-sec:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.lp-in { width: 100%; max-width: 1060px; margin: 0px auto; padding: 0px clamp(16px, 4vw, 34px); }
.lp-num { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 10.5px; font-weight: 800; letter-spacing: 2.6px; color: var(--gold); }
.lp-num::after { content: ""; flex: 1 1 0%; height: 1px; background: linear-gradient(90deg, rgba(230, 180, 80, 0.42), transparent); }
.lp-lead { margin: 0px 0px 24px; padding: 3px 0px 3px 20px; border-left: 3px solid var(--gold); font-weight: 500; line-height: 1.5; color: rgb(240, 228, 204); letter-spacing: 0.1px; font-size: clamp(17px, 2.3vw, 21.5px); }
.lp-lead span { display: block; }
.lp-lead span + span { margin-top: 8px; color: rgb(220, 208, 182); }
.lp-fecho { margin: 26px 0px 0px; padding: 14px 18px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--gold); border-radius: 0px 12px 12px 0px; background: rgba(255, 255, 255, 0.024); font-size: 14.6px; line-height: 1.6; color: rgb(207, 213, 226); }
.lp-nota { margin: 14px 0px 0px; font-size: 13.4px; font-style: italic; color: var(--muted); }
.lp-ficha { display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 22px; }
.lp-ficha span { font-size: 11.5px; font-weight: 700; letter-spacing: 0.7px; color: rgb(203, 211, 226); background: rgba(255, 255, 255, 0.03); border: 1px solid var(--brd2); border-radius: 20px; padding: 6px 12px; }
.lp-ficha span:first-child { color: var(--gold2); border-color: rgb(90, 74, 34); background: rgba(230, 180, 80, 0.1); }
.lp-cards { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(264px, 1fr)); }
@media (min-width: 880px) {
  .lp-cards.par { grid-template-columns: repeat(2, 1fr); }
}
.lp-card { position: relative; overflow: hidden; padding: 20px 18px; border: 1px solid var(--brd); border-radius: 16px; background: linear-gradient(rgba(27, 33, 48, 0.7), rgba(17, 21, 31, 0.7)); }
.lp-card::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 3px; background: linear-gradient(180deg,var(--gold),transparent 80%); }
.lp-card p { font-size: 14.5px; margin: 0px; color: rgb(185, 193, 209); }
.lp-lema { margin-top: 26px; font-family: Cinzel, serif; line-height: 1.4; color: var(--gold2); font-size: clamp(16.5px, 2.3vw, 22px); text-shadow: rgba(230, 180, 80, 0.2) 0px 0px 26px; }
.lp-lema span { display: block; }
.lp-duas { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(298px, 1fr)); }
.lp-lista { padding: 20px 18px; border: 1px solid var(--brd); border-radius: 16px; background: linear-gradient(rgba(27, 33, 48, 0.66), rgba(17, 21, 31, 0.66)); }
.lp-lista.sim { border-color: rgb(43, 74, 62); }
.lp-lista.nao { border-color: rgb(74, 48, 44); }
.lp-lista ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 11px; }
.lp-lista li { display: flex; gap: 10px; font-size: 14.4px; line-height: 1.55; color: rgb(194, 201, 216); }
.lp-lista li svg { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 3px; }
.lp-lista.sim h3 { color: var(--green2); }
.lp-lista.sim li svg { fill: var(--green); }
.lp-lista.nao h3 { color: rgb(255, 154, 146); }
.lp-lista.nao li svg { fill: rgb(229, 119, 107); }
.lp-cta-box { margin-top: 26px; padding: clamp(24px, 4vw, 38px) clamp(18px, 3vw, 32px); text-align: center; border: 1px solid rgb(90, 74, 34); border-radius: 20px; background: radial-gradient(620px 210px at 50% 0%, rgba(230, 180, 80, 0.15), transparent 72%), linear-gradient(rgba(28, 33, 47, 0.82), rgba(12, 15, 23, 0.88)); }
.lp-btn { display: inline-block; font-family: Cinzel, serif; font-weight: 700; letter-spacing: 1.5px; font-size: clamp(14.5px, 2.1vw, 19px); padding: 16px clamp(20px, 4vw, 34px); border-radius: 14px; text-decoration: none; background: linear-gradient(180deg,var(--gold2),var(--gold)); color: rgb(20, 18, 6); box-shadow: rgba(230, 180, 80, 0.24) 0px 14px 34px; transition: 0.16s; }
.lp-btn:hover { transform: translateY(-2px); filter: brightness(1.07); }
.lp-btn.off { background: linear-gradient(rgb(36, 42, 56), rgb(26, 31, 44)); color: rgb(125, 133, 152); border: 1px solid var(--brd2); box-shadow: none; cursor: not-allowed; }
.lp-btn.off:hover { transform: none; filter: none; }
.lp-sub { margin: 14px 0px 0px; font-size: 13.4px; color: var(--muted); }
.lp-aviso { margin: 12px auto 0px; max-width: 420px; font-size: 12px; line-height: 1.5; color: var(--muted2); }
.lp-cta-box.pronto .lp-aviso { display: none; }
.lp-foot { padding: 26px 0px 42px; border-top: 1px solid rgb(22, 28, 38); text-align: center; font-size: 12px; line-height: 1.7; color: var(--muted2); }
.lp-foot a { color: var(--gold); text-decoration: none; font-weight: 700; }
.lp-foot a:hover { color: var(--gold2); }
@media (max-width: 1024px) {
  .lp-nav .entrar span { display: none; }
  .lp-nav .entrar { padding: 9px 11px; }
}
@media (max-width: 900px) {
  .lp-brand b { display: none; }
  .lp-links { mask-image: linear-gradient(90deg, rgb(0, 0, 0) 90%, transparent); }
}
@media (max-width: 720px) {
  .esc-head { display: none; }
  .esc-row { grid-template-columns: 1fr 78px; gap: 6px 10px; padding: 14px 12px 14px 17px; }
  .esc-nome { grid-area: 1 / 1; }
  .esc-faz { grid-area: 2 / 1; font-size: 13.8px; }
  .esc-pts { grid-area: 1 / 2 / span 2; align-self: center; }
  .esc-pts b { width: 46px; height: 46px; font-size: 21px; border-radius: 13px; }
  .esc-pts i { padding: 7px 5px; font-size: 9px; letter-spacing: 0.3px; }
}
@media (max-width: 560px) {
  .lp-nav { padding: 8px 10px; gap: 6px; }
  .lp-nav .cta { padding: 9px 11px; }
  .lp-nav .entrar { padding: 9px 10px; }
  .lp p { font-size: 14.8px; }
}
@media (max-width: 560px) {
  .langsw { gap: 3px; }
  .lang-btn { width: 24px; height: 18px; border-radius: 4px; }
}
@media (max-width: 430px) {
  .lang-btn { width: 22px; height: 17px; }
  .lp-nav { gap: 5px; padding: 8px; }
  .lp-nav .cta { padding: 9px; letter-spacing: 0.6px; }
}
.btn-discord { width: 100%; margin-top: 9px; display: flex; align-items: center; justify-content: center; gap: 9px; cursor: pointer; font-family: inherit; font-size: 13.5px; font-weight: 700; letter-spacing: 0.2px; border-radius: 10px; padding: 11px 13px; background: rgb(88, 101, 242); border: 1px solid rgb(88, 101, 242); color: rgb(255, 255, 255); transition: 0.14s; }
.btn-discord:hover { background: rgb(71, 82, 196); border-color: rgb(71, 82, 196); }
.btn-discord:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.btn-discord svg { width: 19px; height: 19px; fill: currentcolor; flex: 0 0 auto; }
.btn-discord[hidden] { display: none; }
#lpLogin .lg-wrap { flex: 1 1 auto; min-width: 0px; min-height: 100%; display: flex; justify-content: center; padding: 26px 18px; pointer-events: none; }
#lpLogin .lg-col { margin: auto 0px; width: 100%; max-width: 396px; pointer-events: none; }
#lpLogin .lg-mark { width: min(190px, 46vw); height: min(190px, 46vw); margin: 0px auto 12px; background: url("img/emblema-guilda.webp") center center / contain no-repeat; }
#lpLogin .lg-card { pointer-events: auto; width: 100%; max-width: none; max-height: none; overflow: visible; padding: 30px 26px 22px; border-radius: 20px; border: 1px solid rgba(230, 180, 80, 0.24); background: linear-gradient(rgba(28, 33, 47, 0.9), rgba(12, 15, 23, 0.94)); box-shadow: rgba(0, 0, 0, 0.62) 0px 28px 70px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; backdrop-filter: blur(16px) saturate(115%); }
#lpLogin .lg-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 10px; font-weight: 800; letter-spacing: 2.4px; text-transform: uppercase; color: var(--gold); }
#lpLogin .lg-kicker::after { content: ""; flex: 1 1 0%; height: 1px; background: linear-gradient(90deg, rgba(230, 180, 80, 0.45), transparent); }
#lpLogin .lg-card h3 { margin: 0px 0px 6px; font-size: 26px; letter-spacing: 0.5px; color: var(--gold2); text-shadow: rgba(230, 180, 80, 0.22) 0px 0px 22px; }
#lpLogin .lg-card .hint { font-size: 12.8px; line-height: 1.5; color: rgb(152, 162, 184); margin-bottom: 18px; }
#lpLogin .lg-foot { margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(142, 154, 180, 0.14); font-size: 11.5px; line-height: 1.55; color: rgb(109, 118, 139); text-align: center; }
@media (min-width: 1100px) {
  #lpLogin { background-image: radial-gradient(720px 640px at 70% 50%, rgba(66, 150, 190, 0.1), transparent 66%), linear-gradient(90deg, rgba(5, 6, 9, 0) 50%, rgba(5, 6, 9, 0.26) 59%, rgba(5, 6, 9, 0.72) 67%, rgba(5, 6, 9, 0.88) 100%), linear-gradient(rgba(5, 6, 9, 0.45), rgba(5, 6, 9, 0) 26%, rgba(5, 6, 9, 0) 66%, rgba(5, 6, 9, 0.6)), url("img/login-guilda.webp"), radial-gradient(720px 520px at 18% 10%, rgba(214, 126, 48, 0.15), transparent 62%), radial-gradient(640px 520px at 84% 90%, rgba(58, 178, 214, 0.12), transparent 62%); background-size: cover, cover, cover, clamp(100vw, 225vh, 128vw) auto, cover, cover; background-position: center center, center center, center center, left center, center center, center center; }
  #lpLogin .lg-mark { display: none; }
  #lpLogin .lg-wrap { justify-content: flex-end; padding: 34px clamp(40px, 9vw, 190px); }
  #lpLogin .lg-card { padding: 34px 30px 24px; }
}
@media (min-width: 1100px) and (max-height: 620px) {
  #lpLogin .lg-wrap { padding-top: 20px; padding-bottom: 20px; }
  #lpLogin .lg-card { padding: 24px 28px 18px; }
  #lpLogin .lg-card h3 { font-size: 22px; }
  #lpLogin .lg-card .hint { margin-bottom: 14px; }
}
.lp { flex: 0 0 auto; position: relative; pointer-events: auto; background-color: var(--bg); background-image: radial-gradient(900px 520px at 8% 1%, rgba(214, 126, 48, 0.1), transparent 62%), radial-gradient(820px 520px at 97% 20%, rgba(58, 178, 214, 0.09), transparent 60%), radial-gradient(900px 700px at 50% 101%, rgba(230, 180, 80, 0.07), transparent 62%); border-top: 1px solid rgb(29, 36, 48); }
.lp h2 { font-family: Cinzel, serif; margin: 0px 0px 18px; letter-spacing: 0.6px; line-height: 1.12; font-size: clamp(25px, 4.3vw, 40px); color: var(--gold2); text-shadow: rgba(230, 180, 80, 0.14) 0px 0px 30px; }
.lp h3 { margin: 0px 0px 8px; font-size: 15.5px; font-weight: 800; letter-spacing: 0.3px; color: var(--gold2); }
.lp p { margin: 0px 0px 14px; font-size: 15.2px; line-height: 1.72; color: rgb(194, 201, 216); }
.lp p:last-child { margin-bottom: 0px; }
.lp b { color: rgb(229, 233, 242); }
.escada { margin: 24px 0px 4px; border: 1px solid var(--brd); border-radius: 16px; overflow: hidden; background: linear-gradient(rgba(22, 26, 36, 0.82), rgba(13, 16, 24, 0.82)); box-shadow: var(--shadow); }
.esc-head { display: grid; grid-template-columns: 190px 1fr 116px; gap: 14px; align-items: center; padding: 11px 18px; background: rgba(255, 255, 255, 0.027); border-bottom: 1px solid var(--brd); font-size: 10px; font-weight: 800; letter-spacing: 2px; color: var(--muted); }
.esc-head span:last-child { text-align: center; }
.escada ol { list-style: none; margin: 0px; padding: 0px; }
.esc-row { position: relative; display: grid; grid-template-columns: 190px 1fr 116px; gap: 14px; align-items: center; padding: 15px 18px 15px 21px; border-top: 1px solid rgb(26, 33, 44); transition: background 0.15s; }
.esc-row:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.esc-row:hover { background: rgba(255, 255, 255, 0.024); }
.esc-row::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 3px; background: var(--tier); }
.esc-nome { font-family: Cinzel, serif; font-size: 17.5px; letter-spacing: 0.4px; color: var(--tier); line-height: 1.2; }
.esc-faz { font-size: 14.2px; line-height: 1.55; color: rgb(185, 193, 209); }
.esc-pts { display: flex; justify-content: center; }
.esc-pts b { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; flex: 0 0 auto; border-radius: 15px; border: 1px solid var(--tierb); background: rgba(0, 0, 0, 0.34); font-family: Cinzel, serif; font-size: 25px; color: var(--tier); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.esc-pts i { font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: 1.4px; text-align: center; padding: 8px 10px; border-radius: 20px; border: 1px solid var(--tierb); color: var(--tier); background: rgba(230, 180, 80, 0.08); }
.esc-row.t-lead { --tier: #e6b450; --tierb: #5f4d23; }
.esc-row.t-4 { --tier: #eb9a45; --tierb: #5e3f1e; }
.esc-row.t-3 { --tier: #d98a3c; --tierb: #573a1c; }
.esc-row.t-2 { --tier: #4cc0e0; --tierb: #1f4a58; }
.esc-row.t-1 { --tier: #6fa3c8; --tierb: #22394a; }
.esc-row.t-0 { --tier: #77839a; --tierb: #2b3345; }
.langsw { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.lang-btn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 21px; padding: 0px; flex: 0 0 auto; cursor: pointer; overflow: hidden; border: 1px solid var(--brd2); border-radius: 5px; background: var(--bg2); opacity: 0.5; transition: opacity 0.15s, border-color 0.15s, box-shadow 0.15s; }
.lang-btn svg { display: block; width: 100%; height: 100%; }
.lang-btn:hover { opacity: 0.92; border-color: var(--acc); }
.lang-btn.on { opacity: 1; border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold); }
.lang-btn:focus-visible { outline: 2px solid var(--gold2); outline-offset: 2px; }
/* --- ajustes do site de claimeds --- */
.lp-root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh}
.lp-root .lp-nav{display:flex}
#lpLogin{position:relative;min-height:100vh;display:flex;justify-content:center;padding:84px 18px 40px;background:radial-gradient(720px 520px at 18% 10%,rgba(214,126,48,.15),transparent 62%),radial-gradient(640px 520px at 84% 90%,rgba(58,178,214,.12),transparent 62%),var(--bg)}
#lpLogin .lg-wrap{display:contents}
#lpLogin .lg-col{margin:auto 0;width:100%;max-width:396px}
#lpLogin .lg-card{position:relative}
#lpLogin .lg-card .hint{font-size:13.5px}
.lg-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.lg-form label{font-size:12.5px;font-weight:700;color:#c9d0de;letter-spacing:.2px}
.lg-form input{font:inherit;font-size:15px;color:var(--ink);background:rgba(8,10,15,.7);border:1px solid var(--brd2);border-radius:10px;padding:11px 13px}
.lg-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(230,180,80,.18)}
.btn-discord.ghost{background:transparent;color:#c9cdfb;border-color:rgba(124,134,255,.55)}
.btn-discord.ghost:hover{background:rgba(88,101,242,.16)}
.lg-foot a{color:var(--gold);font-weight:700;text-decoration:none}
.lg-foot a:hover{color:var(--gold2)}
.lp-root .lp-nav .cta,.lp-root .lp-nav .entrar,.lp-root .lp-links a{cursor:pointer}
@media (min-width:1100px){
  #lpLogin{justify-content:flex-end;padding:84px clamp(40px,9vw,190px) 40px;background-image:radial-gradient(720px 640px at 70% 50%,rgba(66,150,190,.1),transparent 66%),linear-gradient(90deg,rgba(5,6,9,0) 50%,rgba(5,6,9,.26) 59%,rgba(5,6,9,.72) 67%,rgba(5,6,9,.88) 100%),linear-gradient(rgba(5,6,9,.45),rgba(5,6,9,0) 26%,rgba(5,6,9,0) 66%,rgba(5,6,9,.6)),url("img/login-guilda.webp");background-size:cover,cover,cover,clamp(100vw,225vh,128vw) auto;background-position:center,center,center,left center;background-repeat:no-repeat}
}