/* PLATA · Hub da plataforma */
:root{
  --fundo:#0c1017; --superficie:#131a24; --superficie2:#1a2432;
  --texto:#e9edf3; --suave:#93a0b4; --borda:#243044;
  --ambar:#f0b341; --ambar2:#d99a26; --verde:#43c98a; --azul:#5aa7e8;
  --f-display:'Syne',sans-serif; --f-corpo:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f-corpo);background:var(--fundo);color:var(--texto);font-size:16px;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select{font-family:inherit;font-size:15px}
.container{width:min(1180px,92%);margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:12px;font-weight:700;font-size:14.5px;transition:.25s;border:2px solid transparent}
.btn-destaque{background:var(--ambar);color:#171204}
.btn-destaque:hover{background:var(--ambar2);transform:translateY(-2px)}
.btn-escuro{background:var(--superficie2);color:var(--texto);border-color:var(--borda)}
.btn-escuro:hover{border-color:var(--ambar);color:var(--ambar)}
.btn-linha{border-color:var(--borda);color:var(--texto)}
.btn-linha:hover{border-color:var(--ambar);color:var(--ambar)}
.btn-linha-clara{border-color:rgba(255,255,255,.4);color:#fff}
.btn-linha-clara:hover{background:#fff;color:var(--fundo)}
.btn-mini{padding:9px 14px;font-size:12.5px;border-radius:10px}
.btn-perigo{border-color:#5a2a2a;color:#e08080}
.btn-perigo:hover{background:#3a1d1d;border-color:#a04040}
.btn-bloco{width:100%}

/* topo */
.hub-topo{position:sticky;top:0;z-index:60;background:rgba(12,16,23,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--borda)}
.hub-topo-in{display:flex;align-items:center;gap:26px;height:68px}
.hub-logo{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:1px;display:flex;align-items:center;gap:10px}
.hub-logo i{color:var(--ambar)}
.hub-logo span{color:var(--ambar)}
.hub-nav{display:flex;gap:22px;margin-left:auto}
.hub-nav a{font-size:14px;font-weight:600;color:var(--suave)}
.hub-nav a:hover{color:var(--ambar)}

/* hero */
.hub-hero{padding:76px 0 60px;position:relative;overflow:hidden}
.hub-hero::before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(240,179,65,.14),transparent 70%)}
.hub-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--ambar);background:rgba(240,179,65,.08);border:1px solid rgba(240,179,65,.3);padding:8px 16px;border-radius:999px;margin-bottom:22px}
.hub-kicker.escuro{color:var(--ambar);background:rgba(240,179,65,.07);border-color:rgba(240,179,65,.25);margin-bottom:12px}
.hub-hero h1{font-family:var(--f-display);font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.06;letter-spacing:-1px;max-width:720px}
.hub-hero h1 em{font-style:normal;color:var(--ambar)}
.hub-hero p{color:var(--suave);max-width:600px;margin:20px 0 30px;font-size:17px}
.hub-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hub-stats{display:flex;gap:44px;flex-wrap:wrap;margin-top:46px}
.hub-stats b{font-family:var(--f-display);font-size:30px;color:var(--ambar);display:block}
.hub-stats small{color:var(--suave);font-size:12.5px;letter-spacing:.6px}

/* secções */
.hub-sec{padding:70px 0}
.hub-sec-alt{background:var(--superficie);border-block:1px solid var(--borda)}
.hub-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:32px;flex-wrap:wrap}
.hub-sec-head h2{font-family:var(--f-display);font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.5px}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* cartões de loja / template */
.tenant-card,.tpl-card{background:var(--superficie2);border:1px solid var(--borda);border-radius:18px;overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.tenant-card:hover,.tpl-card:hover{transform:translateY(-5px);border-color:rgba(240,179,65,.5);box-shadow:0 18px 44px rgba(0,0,0,.35)}
.tpl-thumb{aspect-ratio:16/10;object-fit:cover;width:100%;background:var(--superficie)}
.tc-body{padding:20px;display:flex;flex-direction:column;flex:1}
.tc-tag{font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ambar)}
.tc-body h3{font-family:var(--f-display);font-size:19px;font-weight:700;margin:6px 0 5px}
.tc-body p{font-size:13.5px;color:var(--suave);margin-bottom:16px}
.tc-meta{display:flex;gap:16px;font-size:12px;color:var(--suave);margin-bottom:16px}
.tc-meta i{color:var(--ambar);margin-right:5px}
.tc-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.tpl-badge{display:inline-flex;width:fit-content;background:rgba(90,167,232,.12);border:1px solid rgba(90,167,232,.4);color:var(--azul);font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:8px}

/* passos */
.hub-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}
.hub-passo{background:var(--superficie);border:1px solid var(--borda);border-radius:18px;padding:30px 26px;text-align:center}
.hub-passo .n{width:46px;height:46px;border-radius:50%;background:var(--ambar);color:#171204;font-family:var(--f-display);font-weight:800;display:grid;place-items:center;margin:0 auto 16px;font-size:18px}
.hub-passo h3{font-family:var(--f-display);font-size:17px;margin-bottom:8px}
.hub-passo p{font-size:13.5px;color:var(--suave)}
.hub-arq{background:var(--superficie);border:1px dashed rgba(240,179,65,.4);border-radius:18px;padding:30px 32px}
.hub-arq h3{font-family:var(--f-display);font-size:18px;color:var(--ambar);margin-bottom:10px}
.hub-arq p{color:var(--suave);font-size:14.5px}
.hub-arq code{background:rgba(240,179,65,.1);color:var(--ambar);border-radius:6px;padding:2px 8px;font-size:13px}

/* rodapé */
.hub-rodape{border-top:1px solid var(--borda);padding:26px 0;color:var(--suave);font-size:13px}
.hub-rodape .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* modal */
.modal-fundo{position:fixed;inset:0;background:rgba(5,8,12,.8);z-index:120;display:none;align-items:center;justify-content:center;padding:20px}
.modal-fundo.aberto{display:flex}
.modal{background:var(--superficie);border:1px solid var(--borda);border-radius:20px;padding:34px;max-width:520px;width:100%;position:relative;max-height:90vh;overflow:auto}
.modal h2{font-family:var(--f-display);font-size:24px;margin-bottom:6px}
.modal>p{color:var(--suave);font-size:14px;margin-bottom:20px}
.modal-fechar{position:absolute;top:16px;right:16px;color:var(--suave);font-size:20px;width:38px;height:38px;border-radius:50%}
.modal-fechar:hover{background:var(--superficie2);color:#fff}
.modal-templates{display:grid;gap:10px;margin-bottom:18px}
.mtpl{display:flex;align-items:center;gap:14px;border:2px solid var(--borda);border-radius:13px;padding:13px 16px;cursor:pointer;transition:.2s}
.mtpl:hover{border-color:rgba(240,179,65,.5)}
.mtpl.ativo{border-color:var(--ambar);background:rgba(240,179,65,.06)}
.mtpl img{width:64px;height:44px;object-fit:cover;border-radius:8px;background:var(--superficie2)}
.mtpl b{display:block;font-size:14.5px}
.mtpl small{color:var(--suave);font-size:12px}
.campo{margin-bottom:16px}
.campo label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}
.campo input{width:100%;padding:13px 15px;border:1.5px solid var(--borda);border-radius:12px;background:var(--fundo);color:var(--texto);outline:none}
.campo input:focus{border-color:var(--ambar)}
.vazio-hub{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--borda);border-radius:18px;color:var(--suave)}
.vazio-hub i{font-size:38px;color:var(--borda);margin-bottom:12px;display:block}

@media(max-width:900px){
  .hub-nav{display:none}
  .hub-grid{grid-template-columns:1fr}
  .hub-passos{grid-template-columns:1fr}
}