/* fix-responsive.css - corrige menu do cabecalho desalinhado em telas de desktop/notebook, onde os links quebravam em duas linhas por falta de espaco */ .main-nav a, .nav-dropdown-btn, .header-cta, .logo-text { white-space: nowrap; } .main-nav > a, .main-nav > .nav-dropdown { flex-shrink: 0; } .site-header .container { max-width: 1400px; } .main-nav { gap: 26px; } @media (max-width: 1360px) { .main-nav { display: none; } .header-cta { display: none; } .hamburger { display: flex; } } @media (max-width: 480px) { .logo-text { font-size: 0.92rem; } .hero-cta { width: 100%; } .hero-cta .btn { width: 100%; text-align: center; } } .site-header { background: rgba(51, 61, 46, 0.42); backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); } .site-header.scrolled { background: rgba(51, 61, 46, 0.82); } .nav-dropdown-btn { font-size: 0.82rem; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 500; } .nav-dropdown-btn { transform: translateY(-2px); } .breadcrumb-bar { display: none; } .coffee-media { position: relative; min-height: 380px; }