/* -------------------------------------------
   ESTILO GLOBAL - RESTAURAÇÃO DE LAYOUT
   ------------------------------------------- */
:root {
    --primary: #cc0000;
    --primary-glow: rgba(204, 0, 0, 0.4);
    --bg-dark: #050505;
    --card-bg: rgba(26, 26, 26, 0.8);
    --glass-border: rgba(255, 255, 255, 0.08);
    --text-main: #ffffff;
    --text-sec: #a0a0a0;
}

[data-theme="light"] {
    --bg-dark: #ffffff;
    --card-bg: #f4f4f4;
    --glass-border: rgba(0, 0, 0, 0.1);
    --text-main: #0a0a0a;
    --text-sec: #444444;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; }

body { 
    background-color: var(--bg-dark); 
    color: var(--text-main); 
    transition: 0.3s;
}

/* HEADER PADRONIZADO (ORIGINAL) */
header {
    background: rgba(0, 0, 0, 0.9);
    padding: 15px 5%;
    display: flex; justify-content: space-between; align-items: center;
    border-bottom: 2px solid var(--primary);
    position: sticky; top: 0; z-index: 1000;
}

.logo { font-weight: 900; text-transform: uppercase; font-size: 1.4rem; color: var(--text-main); }
.logo span { color: var(--primary); }

.nav-menu { display: flex; list-style: none; gap: 20px; }
.nav-menu a { color: var(--text-main); text-decoration: none; font-weight: 700; font-size: 0.8rem; text-transform: uppercase; }

/* CARDS (VOLTANDO AO SEU DESIGN) */
.glass-card, .timeline-content, .gallery-item {
    background: var(--card-bg);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

/* IMAGENS (RESTAURANDO O VISUAL QUE VOCÊ GOSTA) */
.timeline-content img, .gallery-item img {
    width: 100%;
    height: 250px; /* Altura original */
    object-fit: cover; /* Voltando ao modo que preenche o card bonitinho */
    border-radius: 8px;
    display: block;
}

/* BOTÃO DE TEMA (DISCRETO) */
.btn-tema-float {
    position: fixed; bottom: 20px; right: 20px;
    width: 45px; height: 45px; border-radius: 50%;
    background: var(--primary); color: white;
    border: none; cursor: pointer; z-index: 9999;
}
:root {
    --primary: #cc0000;
    --bg-dark: #0a0a0a;
    --card-bg: #1a1a1a;
    --text-white: #ffffff;
}

[data-theme="light"] {
    --bg-dark: #ffffff;
    --card-bg: #f4f4f4;
    --text-white: #0a0a0a;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; }

body { background-color: var(--bg-dark); color: var(--text-white); transition: 0.4s; }

header {
    background: rgba(0,0,0,0.9); padding: 20px 5%; display: flex; justify-content: space-between; align-items: center;
    position: sticky; top: 0; z-index: 1000; border-bottom: 2px solid var(--primary);
}

.logo { font-weight: 900; text-transform: uppercase; letter-spacing: 2px; }
.logo span { color: var(--primary); }

.nav-menu { display: flex; list-style: none; gap: 25px; }
.nav-menu a { color: white; text-decoration: none; font-weight: 700; text-transform: uppercase; font-size: 0.8rem; }
/* Botão Estilizado do Instagram */
.btn-instagram {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-instagram:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(220, 39, 67, 0.4);
}

.insta-icon {
    width: 20px;
    margin-right: 10px;
    filter: brightness(0) invert(1); /* Deixa o ícone branco */
}