/* 
 * PIRANOT PREMIUM V10.2 — CORREÇÃO DE LAYOUT & FLEXIBILIDADE
 * Part 3: Fix overflow, responsive container & modular grids
 */

:root {
    --pira-red: #E60000;
    --pira-blue: #0b3b8f;
    --pira-dark: #333333;
    --radius-lg: 20px;
    --radius-md: 12px;
}

/* RESET GLOBAL & FIX OVERFLOW */
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Elimina o estouro lateral */
}

.pira-wrap {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 24px; /* Respiro nas bordas em mobile */
}

/* GRID MODULAR FIX */
.pira-grid-modular {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

/* LOTERIAS MODULAR */
.pira-loterias-grid {
    background: #f8f9fa;
    padding: 30px;
    border-radius: var(--radius-lg);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

.loteria-card {
    background: #fff;
    padding: 20px;
    border-radius: var(--radius-md);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.loteria-card:hover { transform: translateY(-5px); }

.loteria-badge { color: var(--pira-red); font-weight: 800; font-size: 11px; }
.loteria-btn { font-size: 12px; font-weight: 700; color: var(--pira-blue); text-decoration: none; }

/* AJUSTE HERO MOBILE */
@media (max-width: 768px) {
    .editorial-hero { grid-template-columns: 1fr; }
    .hero-main-story .story-image-wrap { height: 350px; }
    .main-title { font-size: 28px; }
    .editorial-card { flex-direction: column; }
    .editorial-card .sub-image { width: 100%; height: 180px; }
}


/* FRAME REMOVAL FIX */
html, body {
    background: #ffffff !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

#error-page {
    max-width: 100% !important;
    margin: 0 !important;
    border: none !important;
}
