/* Reset e tema (igual ao formulário/produtos) */
* { margin:0; padding:0; box-sizing:border-box; }
:root { --primary-gold:#D4AF37; --dark-gold:#B8860B; --charcoal:#2C2C2C; --cream:#F5F5DC; --black:#1A1A1A; --white:#FFFFFF; --transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94); }
body { font-family:'Inter',sans-serif; background: linear-gradient(135deg, var(--black) 0%, var(--charcoal) 100%); color: var(--white); line-height:1.7; min-height:100vh; }

/* Navegação */
nav { display:flex; justify-content:center; background: rgba(44,44,44,0.95); backdrop-filter: blur(10px); padding:1rem 0; border-bottom:1px solid var(--primary-gold); position:sticky; top:0; z-index:1000; }
.nav-container { display:flex; justify-content:center; align-items:center; max-width:1200px; margin:0 auto; padding:0 2rem; }
nav a { color:var(--white); text-decoration:none; padding:12px 25px; margin:0 10px; font-weight:500; text-transform:uppercase; letter-spacing:1px; position:relative; transition:var(--transition); border-radius:25px; }
nav a::after { content:''; position:absolute; bottom:0; left:50%; width:0; height:2px; background:var(--primary-gold); transition:var(--transition); transform:translateX(-50%); }
nav a:hover::after { width:80%; }
nav a:hover { color:var(--primary-gold); background: rgba(212,175,55,0.1); }

/* Estilo para botão de login */
.login-btn { 
    background: linear-gradient(45deg, var(--primary-gold), var(--dark-gold));
    color: var(--black) !important;
    font-weight: 600;
    margin-left: 20px !important;
}
.login-btn:hover { 
    background: linear-gradient(45deg, var(--dark-gold), var(--primary-gold)) !important;
    color: var(--black) !important;
}
.login-btn::after { display: none; }

/* Container e card principal */
.container { max-width:1100px; margin:0 auto; padding:40px 20px; }
.card-page { background: rgba(44,44,44,0.95); backdrop-filter: blur(10px); padding:40px; border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,0.3); border:1px solid var(--primary-gold); position:relative; overflow:hidden; }
.card-page::before { content:''; position:absolute; inset:0; background: linear-gradient(45deg, var(--primary-gold) 0%, transparent 50%, var(--dark-gold) 100%); opacity:0.05; }
.card-page > * { position:relative; z-index:1; }
h1 { text-align:center; color:var(--primary-gold); font-family:'Playfair Display',serif; text-transform:uppercase; font-size:2.2rem; margin-bottom:10px; letter-spacing:2px; text-shadow:0 0 20px rgba(212,175,55,0.3); }
.subtitle { text-align:center; color:var(--cream); margin-bottom:30px; font-size:1.05rem; opacity:0.9; }

/* Lista de cortes (cards internos) */
.cortes { display:flex; flex-direction:column; gap:28px; }
.corte-card { background: rgba(60,60,60,0.5); border:1px solid rgba(212,175,55,0.25); border-radius:14px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,0.25); transition:var(--transition); }
.corte-card:hover { transform: translateY(-3px); box-shadow:0 15px 40px rgba(212,175,55,0.15); }
.card-content { display:flex; gap:0; align-items:stretch; }
.corte-card.invert .card-content { flex-direction:row-reverse; }
.imagem { flex:1 1 50%; min-height:260px; position: relative; }
.imagem img { width:100%; height:100%; object-fit:cover; display:block; filter: grayscale(10%); transition:var(--transition); }
.imagem video { width:100%; height:100%; object-fit:cover; display:block; }
.video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: var(--transition); }
.corte-card:hover .video-overlay { opacity: 1; }
.play-button { background: var(--primary-gold); color: var(--black); border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 24px; cursor: pointer; transition: var(--transition); }
.play-button:hover { transform: scale(1.1); background: var(--dark-gold); }
.corte-card:hover .imagem img { filter: grayscale(0%); transform:scale(1.02); }
.texto { flex:1 1 50%; padding:28px; display:flex; flex-direction:column; justify-content:center; }
.texto h2 { font-size:24px; margin-bottom:10px; color:var(--white); font-family:'Playfair Display',serif; }
.texto h2 .accent { color:var(--primary-gold); }
.texto p { color:var(--cream); line-height:1.8; }
.badge { display:inline-block; background:transparent; color:var(--primary-gold); border:1px solid var(--primary-gold); border-radius:999px; padding:4px 10px; font-size:12px; letter-spacing:.5px; text-transform:uppercase; margin-bottom:10px; }

/* Loading e estados vazios */
.loading { text-align: center; padding: 40px; color: var(--cream); }
.empty-state { text-align: center; padding: 60px 20px; color: var(--cream); }
.empty-state i { font-size: 48px; color: var(--primary-gold); margin-bottom: 20px; }

/* Responsivo */
@media (max-width: 900px){
    .card-content { flex-direction:column; }
    .corte-card.invert .card-content { flex-direction:column; }
    .imagem { min-height:220px; }
}
@media(max-width: 768px){ .container{ padding:24px 16px; } nav a{ margin:5px; padding:8px 15px; font-size:.9rem; } }