/* --------------------------------------------------------------------------
   PROJECT: Usina da Pizza | BASE STRUCTURE
   DEVELOPER: Jonas Dahm | Bem Visto Marketing (www.bemvistomarketing.com.br)
   -------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Oleo+Script&display=swap');

:root {
    --usina-red:     #D32F2F; 
    --usina-green:   #388E3C; 
    --usina-yellow:  #FFC107; 
    --usina-dark:    #1A1A1A; 
    --usina-gray:    #F4F4F4; 
    --usina-white:   #FFFFFF;
    --container-width: 1200px;
    --header-height:   80px;
    --ease-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* Garante que a transição de saída seja suave e não quebre o layout */
.hero-section {
    will-change: transform, opacity;
}

.hero-visual {
    will-change: transform;
}


* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--usina-gray);
    color: var(--usina-dark);
    line-height: 1.6;
    overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }

/* --- UTILITÁRIOS --- */
.container { width: 90%; max-width: var(--container-width); margin: 0 auto; position: relative; }
.text-highlight { font-family: 'Oleo Script', cursive; color: var(--usina-red); }
.text-center { text-align: center; }

.btn-cta {
    display: inline-block; background-color: var(--usina-yellow); color: var(--usina-dark);
    padding: 1rem 2rem; font-weight: 800; text-transform: uppercase; border-radius: 50px;
    text-decoration: none; box-shadow: 0 4px 15px rgba(255, 193, 7, 0.4); transition: var(--ease-smooth);
}
.btn-cta:hover { background-color: var(--usina-red); color: var(--usina-white); transform: translateY(-3px); }

/* --- HEADER --- */
#main-header {
    position: fixed; top: 0; left: 0; width: 100%; height: var(--header-height);
    z-index: 1000; display: flex; align-items: center; transition: var(--ease-smooth);
}
#main-header.scrolled { background: rgba(255, 255, 255, 0.98); box-shadow: 0 2px 20px rgba(0,0,0,0.1); }
.header-content { display: flex; justify-content: space-between; width: 100%; align-items: center; }
.logo a { font-family: 'Oleo Script', cursive; font-size: 1.8rem; text-decoration: none; color: var(--usina-dark); }
.desktop-nav ul { list-style: none; display: flex; gap: 2rem; }
.desktop-nav a { text-decoration: none; color: var(--usina-dark); font-weight: 600; }

/* --- SEÇÕES GERAIS (História, Destaques, etc) --- */
.section-padding { padding: 80px 0; }
.bg-white { background-color: #fff; }
.bg-gray { background-color: #f9f9f9; }
.bg-dark { background-color: #121212; color: #fff; }
.section-title { font-size: 2.5rem; font-weight: 900; margin-bottom: 2rem; }

/* Manter estilos de cards e footer que já estavam funcionando... */
.grid-produtos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
/* ... (restante do código de cards e footer permanece igual) ... */

@media (max-width: 992px) {
    .desktop-nav { display: none; }
    .grid-produtos { grid-template-columns: 1fr; }
}