/* ======================================================
   BARBER LUXURY — LUXURY THEME
   BASE VISUAL PREMIUM PRETO + DOURADO
   ====================================================== */

/* ============================= */
/* VARIÁVEIS GLOBAIS */
/* ============================= */

:root{

--gold:#D4AF37;
--gold-light:#f3d46c;
--gold-dark:#9c7c20;

--black:#000000;
--bg:#070707;
--bg-soft:#0e0e0e;
--card:#121212;

--text:#ffffff;
--muted:#9a9a9a;

--border:#1f1f1f;

--radius:14px;

--shadow-soft:0 10px 30px rgba(0,0,0,.6);
--shadow-gold:0 0 40px rgba(212,175,55,.25);

}


/* ============================= */
/* RESET */
/* ============================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Poppins',sans-serif;

background:
radial-gradient(circle at top,#1a1a1a 0%,#000 70%);

color:var(--text);

min-height:100vh;

overflow-x:hidden;

}


/* ============================= */
/* FUNDO PREMIUM */
/* ============================= */

body::before{

content:"";

position:fixed;

top:-200px;
left:-200px;

width:700px;
height:700px;

background:
radial-gradient(circle,
rgba(212,175,55,0.18) 0%,
transparent 70%);

filter:blur(120px);

z-index:-2;

}

body::after{

content:"";

position:fixed;

bottom:-300px;
right:-300px;

width:700px;
height:700px;

background:
radial-gradient(circle,
rgba(212,175,55,0.10) 0%,
transparent 70%);

filter:blur(150px);

z-index:-2;

}


/* ============================= */
/* CONTAINER */
/* ============================= */

.container{

max-width:1200px;

margin:auto;

padding-left:24px;
padding-right:24px;

}

.site-wrapper{

min-height:100vh;

display:flex;

flex-direction:column;

}


/* ============================= */
/* HEADER */
/* ============================= */

.header{

padding-top:20px;
padding-bottom:20px;

border-bottom:1px solid rgba(212,175,55,0.25);

background:rgba(0,0,0,0.55);

backdrop-filter:blur(8px);

position:sticky;
top:0;

z-index:100;

}

.header-inner{

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;

}

.logo-area{

display:flex;

align-items:center;

gap:16px;

}

.tenant-logo{

height:60px;

max-width:240px;

object-fit:contain;

}

.brand-title{

font-family:'Playfair Display',serif;

font-size:26px;

font-weight:700;

letter-spacing:1px;

}

.gold{

color:var(--gold);

}


/* ============================= */
/* NAV */
/* ============================= */

.nav{

display:flex;

align-items:center;

gap:16px;

font-weight:500;

}

.nav a{

color:var(--text);

opacity:.85;

transition:all .25s ease;

}

.nav a:hover{

color:var(--gold);

opacity:1;

}

.nav-divider{

opacity:.35;

}


/* ============================= */
/* MAIN CONTENT */
/* ============================= */

.main-content{

padding-top:40px;

padding-bottom:60px;

flex:1;

}


/* ============================= */
/* CARDS BASE */
/* ============================= */

.card{

background:
linear-gradient(145deg,#161616,#0c0c0c);

border-radius:var(--radius);

padding:28px;

border:1px solid var(--border);

box-shadow:var(--shadow-soft);

position:relative;

overflow:hidden;

transition:all .35s ease;

}

.card:hover{

transform:translateY(-4px);

box-shadow:var(--shadow-gold);

}


/* ============================= */
/* ALERTS */
/* ============================= */

.alert{

padding:14px 18px;

border-radius:10px;

margin-bottom:18px;

font-size:14px;

}

.alert-success{

background:#0f2e18;

border:1px solid #1f7a44;

}

.alert-danger{

background:#2e0f0f;

border:1px solid #7a1f1f;

}

.alert-warning{

background:#2e240f;

border:1px solid #7a6b1f;

}


/* ============================= */
/* LINKS */
/* ============================= */

a{

text-decoration:none;

color:inherit;

transition:.25s;

}

a:hover{

color:var(--gold);

}


/* ============================= */
/* FOOTER */
/* ============================= */

.footer{

border-top:1px solid rgba(212,175,55,0.25);

padding-top:20px;
padding-bottom:20px;

margin-top:auto;

text-align:center;

font-size:14px;

color:var(--muted);

background:rgba(0,0,0,0.6);

backdrop-filter:blur(6px);

}

.footer-inner{

max-width:1200px;

margin:auto;

}


/* ============================= */
/* UTILIDADES */
/* ============================= */

.text-center{
text-align:center;
}

.mt-20{
margin-top:20px;
}

.mt-40{
margin-top:40px;
}

.mt-60{
margin-top:60px;
}

.mb-20{
margin-bottom:20px;
}

.mb-40{
margin-bottom:40px;
}

.mb-60{
margin-bottom:60px;
}
/* ============================= */
/* FIX CANVAS BUG */
/* ============================= */

#luxParticles{
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh !important;
    z-index: -1;
    pointer-events: none;
}