/* ======================================================
   BARBER LUXURY — GLOW EFFECTS
   EFEITOS DE BRILHO DOURADO PREMIUM
   ====================================================== */


/* ============================= */
/* GLOW BASE PARA CARDS */
/* ============================= */

.card::before{

content:"";

position:absolute;

top:-60%;
left:-60%;

width:220%;
height:220%;

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

opacity:0;

transition:opacity .45s ease;

pointer-events:none;

}

.card:hover::before{

opacity:1;

}


/* ============================= */
/* BORDA DOURADA SUAVE */
/* ============================= */

.card::after{

content:"";

position:absolute;

inset:0;

border-radius:inherit;

border:1px solid rgba(212,175,55,0.15);

opacity:0;

transition:opacity .3s ease;

pointer-events:none;

}

.card:hover::after{

opacity:1;

}


/* ============================= */
/* GLOW PARA BOTÕES */
/* ============================= */

.btn-gold{

position:relative;

overflow:hidden;

}

.btn-gold::before{

content:"";

position:absolute;

top:-50%;
left:-50%;

width:200%;
height:200%;

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

opacity:0;

transition:opacity .35s ease;

pointer-events:none;

}

.btn-gold:hover::before{

opacity:1;

}


/* ============================= */
/* TEXTO COM BRILHO */
/* ============================= */

.gold{

color:#D4AF37;

text-shadow:
0 0 6px rgba(212,175,55,0.35),
0 0 14px rgba(212,175,55,0.25);

}


/* ============================= */
/* GLOW SUAVE PARA HEADER */
/* ============================= */

.header{

box-shadow:
0 1px 0 rgba(212,175,55,0.18),
0 10px 40px rgba(0,0,0,0.6);

}


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

.nav a:hover{

text-shadow:
0 0 6px rgba(212,175,55,0.45),
0 0 12px rgba(212,175,55,0.25);

}


/* ============================= */
/* EFEITO AURORA NO FUNDO */
/* ============================= */

.glow-bg{

position:absolute;

width:600px;
height:600px;

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

filter:blur(140px);

pointer-events:none;

z-index:-1;

}

.glow-bg.left{

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

}

.glow-bg.right{

bottom:-250px;
right:-250px;

}


/* ============================= */
/* GLOW PARA INPUTS */
/* ============================= */

input:focus,
select:focus,
textarea:focus{

outline:none;

border-color:#D4AF37;

box-shadow:
0 0 0 1px rgba(212,175,55,0.6),
0 0 12px rgba(212,175,55,0.25);

}


/* ============================= */
/* LINHA DOURADA DECORATIVA */
/* ============================= */

.gold-divider{

width:120px;

height:2px;

margin:20px auto;

background:
linear-gradient(
90deg,
transparent,
#D4AF37,
transparent
);

opacity:.7;

}


/* ============================= */
/* GLOW PARA HERO */
/* ============================= */

.hero-glow{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:800px;
height:800px;

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

filter:blur(160px);

z-index:-1;

pointer-events:none;

}