:root{--neo-bg: #030305;--neo-bg-gradient: radial-gradient(1600px 1000px at 10% 5%, rgba(0, 242, 234, .25), rgba(0, 0, 0, 0) 45%), radial-gradient(1400px 900px at 90% 15%, rgba(112, 0, 255, .25), rgba(0, 0, 0, 0) 45%), radial-gradient(1000px 700px at 50% 85%, rgba(168, 85, 247, .15), rgba(0, 0, 0, 0) 55%), linear-gradient(180deg, #12131a 0%, #07080e 40%, #0d0e16 100%);--neo-text-primary: #ffffff;--neo-text-secondary: #a1a1aa;--neo-qrc-primary: #00f2ea;--neo-qrc-glow: rgba(0, 242, 234, .6);--neo-map-primary: #7000ff;--neo-map-secondary: #4c1d95;--neo-map-glow: rgba(112, 0, 255, .6);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--neo-bg);background:var(--neo-bg-gradient);color:var(--neo-text-primary);overflow-x:hidden;line-height:1.6;}a,button,[role=button],input,select,textarea{}@media(hover:none)and (pointer:coarse){body{cursor:auto!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neo-bg)}::-webkit-scrollbar-thumb{background:var(--neo-qrc-primary);border-radius:5px;border:2px solid var(--neo-bg);box-shadow:0 0 10px var(--neo-qrc-primary)}::-webkit-scrollbar-thumb:hover{background:#fff;box-shadow:0 0 15px #fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px}@media(max-width:768px){}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--neo-qrc-primary);outline-offset:3px;box-shadow:0 0 0 4px #00f2ea40;border-radius:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}







/* ==================================================
   🔥 SUPER PREMIUM GLASS-CARD UPGRADE (OPTIMIZED) 🔥
   ================================================== */
.glass-card {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    will-change: transform; /* Boosts performance */
}

/* Reduzir o número de sombras e remover backdrop-filter que causa lag em alguns devices */
.glass-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(0, 242, 234, 0.4) !important;
    z-index: 10 !important;
}

/* Simple opacity transition instead of gradients and masks for performance */
.glass-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255,255,255,0.03);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.glass-card:hover::before {
    opacity: 1;
}

.glass-card img {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform;
}

/* Removemos o filter: drop-shadow() pois ele causa muito lag em hover */
.glass-card:hover img {
    transform: scale(1.08) translateY(-2px) !important;
}

.glass-card h2, .glass-card h3 {
    transition: color 0.3s ease !important;
}

.glass-card a {
    transition: letter-spacing 0.3s ease, color 0.3s ease !important;
}

.glass-card:hover a {
    letter-spacing: 0.5px !important;
}

/* Simplifying pulse to avoid box-shadow repaints */
@keyframes tag-pulse-optimized {
    0% { opacity: 0.8; }
    50% { opacity: 1; }
    100% { opacity: 0.8; }
}

.glass-card:hover div[style*="border-radius: 9999px"] {
    animation: tag-pulse-optimized 1.5s infinite !important;
}
/* ==================================================
   🛠️ GRID & LAYOUT FIX FOR CARDS
   ================================================== */
/* Garante que os cards preencham a altura inteira do grid */
.glass-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100% !important;
    justify-content: flex-start !important;
}

/* Empurra o link "Visitar site" ou o último elemento para o fundo do card */
.glass-card > :last-child {
    margin-top: auto !important;
}

/* Limita o texto da descrição (o <p>) para não quebrar o layout com textos gigantes */
.glass-card p {
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 1.5rem !important;
}


/* ==================================================
   🖼️ FIX BAD BACKGROUNDS AND LOGOS
   ================================================== */
/* Os 3 cards do topo não usam a classe glass-card padrão, mas estão dentro do showcase.
Vamos esconder a imagem de fundo que está fixa (o dinossauro, maçã, circuito)
como eles estão renderizados em divs ou imgs. */

div[style*="backgroundImage"] {
    background-image: none !important;
}

/* Fallback icons for broken logos in case favicons 404 */
img[src=""] {
    display: none !important;
}


img {
    text-indent: -10000px;
}
img:-moz-loading {
    visibility: hidden;
}
/* If an image is broken, hide it */
img[alt]:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}


/* ==================================================
   🖼️ LOGO PLACEHOLDERS FIX
   ================================================== */
img[src=""] {
    display: inline-block !important;
    background: linear-gradient(135deg, var(--neo-qrc-primary) 0%, var(--neo-text-primary) 100%);
    border-radius: 50%;
    opacity: 0.5;
    text-indent: -9999px; /* Hides alt text */
}


/* ==================================================
   🚀 HERO SECTION & GLOBAL PERFORMANCE OPTIMIZATIONS
   ================================================== */
/* Move the heavy radial gradients to a hardware-accelerated fixed layer */
body {
    background: var(--neo-bg) !important; 
}
body::before {
    content: '';
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background: var(--neo-bg-gradient);
    z-index: -9999;
    transform: translateZ(0); /* Hardware Acceleration */
    will-change: transform;
    pointer-events: none;
}

/* Force hardware acceleration on typical animating elements in the Hero */
.text-gradient,
h1, h2, h3, p, span {
    transform: translateZ(0);
}

/* Reduce lag from React Framer Motion by hinting the browser */
[style*="opacity"], [style*="transform"] {
    will-change: transform, opacity;
}
\n
/* ==================================================
   🚀 PREMIUM REDESIGN FOR TOP CARDS (WOW FACTOR)
   ================================================== */
.glass-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    background: linear-gradient(145deg, rgba(20,20,30,0.6) 0%, rgba(5,5,10,0.9) 100%) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.glass-card:hover {
    transform: translateY(-12px) scale(1.02) !important;
    box-shadow: 0 25px 50px rgba(0, 242, 234, 0.15) !important;
    border-color: rgba(0, 242, 234, 0.3) !important;
}

/* Make the image float nicely in a dark void if it's square */
.glass-card [style*="background-image"],
.glass-card[style*="background-image"] {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border-bottom: none !important;
    position: relative;
}

/* Add a beautiful fade from the image to the content */
.glass-card [style*="background-image"]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(to top, rgba(5,5,10,1), transparent);
    z-index: 1;
    pointer-events: none;
}

/* Tone down the default dark overlay so the logo is brighter */
.glass-card [style*="background-image"] > div:first-child {
    opacity: 0.2 !important;
}

/* Premium text effect for the card titles */
.glass-card h3 {
    font-size: 2.2rem !important;
    letter-spacing: 1px;
    background: linear-gradient(90deg, #ffffff, #00f2ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none !important;
    position: relative;
    z-index: 3;
    padding-bottom: 5px;
}

/* ==================================================
   🚀 WOW FACTOR AGENDA MODERNA
   ================================================== */
.agenda-hero-card {
    position: relative;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    border: 1px solid rgba(255, 51, 0, 0.2) !important;
}

/* Glowing top orb */
.agenda-hero-card::before {
    content: "";
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 60%;
    background: radial-gradient(circle at 50% 50%, rgba(255, 51, 0, 0.15) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    animation: pulse-glow 4s infinite alternate;
}

/* Subtle futuristic grid */
.agenda-hero-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 0;
    opacity: 0.3;
    pointer-events: none;
}

/* Elevate hover effect */
.agenda-hero-card:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 30px 60px rgba(255, 51, 0, 0.25) !important;
    border-color: rgba(255, 51, 0, 0.5) !important;
}

/* Glow animation */
@keyframes pulse-glow {
    0% { opacity: 0.6; transform: translateX(-50%) scale(0.9); }
    100% { opacity: 1; transform: translateX(-50%) scale(1.1); }
}

/* Make sure text elements stay above the absolute backgrounds */
.agenda-hero-card > div {
    position: relative;
    z-index: 2;
}

.glass-card {
    background: rgba(20, 20, 25, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    border-radius: 24px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.glass-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 40px 0 rgba(0, 242, 234, 0.15) !important;
    border-color: rgba(0, 242, 234, 0.3) !important;
}