/* Global APPIP Styles */
html { overflow-x: hidden; width: 100%; max-width: 100vw; }
body { background-color: #060e20 !important; color: #f6f6ff !important; scroll-behavior: smooth; font-family: 'Inter', sans-serif; overflow-x: hidden; width: 100%; }
.font-headline { font-family: 'Outfit', sans-serif; }
.glass-nav { background: rgba(6, 14, 32, 0.8); backdrop-filter: blur(20px); }
.text-gradient-primary { background: linear-gradient(135deg, #50e1f9 0%, #006573 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bg-gradient-cta { background: linear-gradient(135deg, #a83206 0%, #ffc4b3 100%); }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.logo-gradient { background: linear-gradient(135deg, #50e1f9 0%, #ffc4b3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Components */
.glass-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.3s ease; }
.glass-card:hover { background: rgba(255, 255, 255, 0.06); transform: translateY(-5px); border-color: rgba(80, 225, 249, 0.2); }

/* Mobile Menu Animation */
#mobileMenu { transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s linear; }
#mobileMenu.hidden-menu { transform: translateX(100%); opacity: 0; pointer-events: none; }
#mobileMenu.active-menu { transform: translateX(0); opacity: 1; pointer-events: auto; }

/* Dropdown */
.appip-nav-item { position: relative !important; display: flex !important; align-items: center !important; height: 100% !important; }
.appip-nav-list {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    pointer-events: none !important;
    z-index: 9999 !important;
    min-width: 260px !important;
}
.appip-nav-item:hover .appip-nav-list {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
}

/* Page.php / Bootstrap Overrides */
.modal { z-index: 9999; }
.modal-backdrop { z-index: 9998; }
.modal.fade:not(.show) { display: none !important; }
.modal-content { background-color: #060e20; color: #fff; border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; }
.btn-close { filter: invert(1); }

/* Parceiros.php Variables override */
:root {
    --primary: #08fdd8;
    --secondary: #1d1d1d;
    --accent: #ff4d5a;
}