/* 
 * PIRANOT PREMIUM V11 — UNIFIED DESIGN SYSTEM
 * O fim dos remendos. Do zero para a perfeição.
 */

:root {
    --pira-red: #E60000;
    --pira-oxford: #333333;
    --pira-light: #f4f4f4;
    --pira-border: rgba(0,0,0,0.08);
    --glass-bg: rgba(255, 255, 255, 0.9);
}

* { box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; color: var(--pira-oxford); background: #fff; margin: 0; padding: 0; overflow-x: hidden; }

.pira-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* HEADER V11 — NBC STYLE */
.pira-header-v11 {
    height: 80px;
    background: var(--glass-bg);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid var(--pira-border);
    position: sticky;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
}

.header-grid { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.header-logo img { height: 35px; width: auto; }

.pira-menu-v11 { display: flex; list-style: none; margin: 0; padding: 0; }
.pira-menu-v11 a {
    text-decoration: none;
    color: var(--pira-oxford);
    font-weight: 600;
    font-size: 14px;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: color 0.2s;
}
.pira-menu-v11 a:hover { color: var(--pira-red); }

/* SINGLE V11 — IMMERSIVE */
.single-v11 { padding: 40px 0; }
.single-header { text-align: center; margin-bottom: 40px; }
.entry-title { 
    font-family: 'Source Serif 4', serif; 
    font-size: clamp(32px, 5vw, 56px); 
    font-weight: 900; 
    line-height: 1.1; 
    margin: 20px 0; 
}
.entry-meta { font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: 1px; }

.featured-image-v11 img { width: 100%; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }

.single-layout { display: grid; grid-template-columns: 1fr 320px; gap: 60px; }

.content-text { font-family: 'Source Serif 4', serif; font-size: 20px; line-height: 1.7; color: #222; }
.content-text p { margin-bottom: 25px; }

.single-sidebar-v11 .sidebar-widget { position: sticky; top: 100px; }
.widget-title { border-bottom: 2px solid var(--pira-oxford); padding-bottom: 10px; margin-bottom: 20px; font-weight: 900; }

.side-card { display: block; text-decoration: none; color: inherit; padding: 15px 0; border-bottom: 1px solid var(--pira-light); }
.side-card h5 { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; }
.side-card:hover h5 { color: var(--pira-red); }

@media (max-width: 992px) {
    .single-layout { grid-template-columns: 1fr; }
    .header-nav { display: none; } /* Adicionar menu mobile real depois */
}