/* ===============================
   PADRÃO GLOBAL CLUBE DESBRAVADORES
   =============================== */

body{
background:#eef3f7;
font-family:Segoe UI,system-ui;
}

/* ===== CAIXA PADRÃO DOS MÓDULOS ===== */

.club-box{
background:linear-gradient(180deg,#041c24,#062f3a);
border-radius:18px;
padding:28px;
box-shadow:0 25px 60px rgba(0,0,0,.45);
border:1px solid #00ff9c33;
}

.club-title{
color:#00ff9c;
font-weight:900;
letter-spacing:.5px;
margin-bottom:24px;
}

/* ===== BOTÃO PADRÃO APP ===== */

.club-btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;

height:70px;

border-radius:18px;
font-weight:800;
font-size:16px;
text-decoration:none;

color:white;

background:linear-gradient(145deg,#0a3a45,#0f5968);

box-shadow:
0 10px 22px rgba(0,0,0,.4),
inset 0 0 0 1px rgba(255,255,255,.08);

transition:.28s;
position:relative;
overflow:hidden;
}

/* brilho premium */

.club-btn::before{
content:'';
position:absolute;
left:-120%;
top:0;
width:100%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
transition:.7s;
}

.club-btn:hover::before{
left:120%;
}

.club-btn:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:
0 22px 45px rgba(0,0,0,.65),
0 0 18px rgba(0,255,156,.45);
}

.club-btn:active{
transform:scale(.95);
}

/* ===== CORES PRONTAS ===== */

.club-green{background:linear-gradient(145deg,#157347,#0b3d2e);}
.club-blue{background:linear-gradient(145deg,#0d6efd,#052c65);}
.club-red{background:linear-gradient(145deg,#dc3545,#5a1118);}
.club-yellow{background:linear-gradient(145deg,#ffc107,#6a4b00);}
.club-cyan{background:linear-gradient(145deg,#0dcaf0,#055160);}
.club-dark{background:linear-gradient(145deg,#334,#111);}

/* ===== CARD INTERNO ===== */

.club-card{
background:white;
border-radius:16px;
padding:20px;
box-shadow:0 12px 30px rgba(0,0,0,.15);
}

/* ===== INPUT PADRÃO ===== */

.club-input{
border-radius:12px;
padding:12px;
border:1px solid #ccd4db;
}

.club-input:focus{
border:1px solid #00b894;
box-shadow:0 0 0 3px rgba(0,255,156,.15);
outline:none;
}

/* ===== TABELA ===== */

.club-table{
background:white;
border-radius:16px;
overflow:hidden;
box-shadow:0 10px 28px rgba(0,0,0,.15);
}