/* ==========================================================================
   IntrudeRaven-aligned theme layer
   Brings the main CryoBeeAI site visually closer to intruderaven.cryobee.ai:
   Outfit display font, kicker badges, and soft cyan/purple/pink glow accents.
   Pure CSS additions on top of the existing theme - no markup framework changes.
   ========================================================================== */

:root {
    --ir-cyan: #00E5FF;
    --ir-purple: #7000FF;
    --ir-pink: #E20098;
    --ir-bg-card: #0c1322;
}

/* Hyphenate long headings gracefully instead of an abrupt mid-word break
   (e.g. "Processamento" in narrow tablet-width card columns) */
.c-servicos h3,
.card-body h3 {
    hyphens: auto;
    -webkit-hyphens: auto;
}

/* Dark info/highlight card, replaces the old light "bg-secondary" boxes */
.ir-card {
    background: var(--ir-bg-card);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
}

.ir-card h5 {
    color: var(--ir-cyan) !important;
}

.ir-card .ai-check {
    color: var(--ir-cyan) !important;
}

/* Headings use the same display font as IntrudeRaven; body stays on Inter */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Outfit', 'Inter', sans-serif !important;
}

/* Kicker / eyebrow badge (dot + uppercase label) used above section titles */
.ir-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'JetBrains Mono', 'Inter', monospace;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ir-cyan);
    margin-bottom: 14px;
}

.ir-kicker::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ir-cyan);
    box-shadow: 0 0 8px 2px rgba(0, 229, 255, .7);
}

/* Solid "available" pill badge (used on the Solutions page) */
.ir-badge-pill {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(90deg, var(--ir-cyan) 0%, var(--ir-pink) 100%);
    border-radius: 9999px;
    padding: .45rem 1rem;
}

/* Decorative background glow (fixed, behind content, non-interactive) */
.ir-bg-glow {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.ir-bg-glow .ir-laser {
    position: absolute;
    top: 30%;
    right: -10%;
    width: 700px;
    max-width: 140%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 229, 255, .8) 45%, rgba(226, 0, 152, .4), transparent);
    box-shadow: 0 0 20px 2px rgba(0, 229, 255, .7), 0 0 45px 5px rgba(226, 0, 152, .35);
    transform: rotate(-30deg);
    animation: ir-laser-shimmer 10s ease-in-out infinite alternate;
}

.ir-bg-glow .ir-laser.ir-laser-2 {
    top: auto;
    bottom: 10%;
    right: -15%;
    width: 600px;
    animation-duration: 13s;
    animation-delay: -4s;
}

@keyframes ir-laser-shimmer {
    0%   { opacity: .5; }
    50%  { opacity: 1; }
    100% { opacity: .6; }
}

/* Section content must sit above the glow layer */
.ir-bg-glow + * ,
.ir-bg-glow ~ .container {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .ir-bg-glow .ir-laser {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    .ir-bg-glow .ir-laser {
        display: none;
    }
}

/* ==========================================================================
   Header: never overlap page content while scrolling.
   The nav was fixed on top of the page (position: fixed), so any section
   scrolling past the top of the viewport passed underneath it, temporarily
   hiding text behind the bar. Switching it to normal document flow means it
   scrolls away with the page instead of staying pinned over the content.
   ========================================================================== */
header.navbar.fixed-top {
    position: relative !important;
    top: auto !important;
}

/* The hero/banner sections had extra top padding to clear the navbar when it
   was floating (position: fixed) over the page. Now that the navbar takes up
   real space in normal document flow, that extra padding is redundant and
   left a large empty gap below it — trim it back down. */
.quantum-hero-gradient {
    padding-top: 1.25rem !important;
}
.quantum-hero-gradient > .container {
    padding-top: 0.5rem !important;
}