/* ================= RESET ================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body,h1,h2,h3,h4,p,ul,ol,figure{margin:0;padding:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
ul{list-style:none}

/* ================= BASE ================= */
body{
    background:var(--holo-bg);
    color:var(--holo-text);
    font-family:'Rajdhani',system-ui,sans-serif;
    font-size:17px;
    line-height:1.65;
    min-height:100vh;
    overflow-x:hidden;
    position:relative;
}

h1,h2,h3,h4{
    font-family:'Orbitron',sans-serif;
    letter-spacing:.04em;
    line-height:1.2;
    color:#eaf4ff;
}

code,kbd,pre{font-family:'Share Tech Mono',monospace}

.container{width:min(1200px,92%);margin-inline:auto}

/* ================= FUNDO HOLOGRÁFICO ================= */
#holo-grid-bg{
    position:fixed;inset:0;z-index:-2;pointer-events:none;
    background:
        radial-gradient(circle at 15% 10%, rgba(0,212,255,.18), transparent 45%),
        radial-gradient(circle at 85% 90%, rgba(255,122,24,.14), transparent 45%),
        linear-gradient(180deg,#05070f 0%,#070b16 60%,#05070f 100%);
}
#holo-grid-bg::after{
    content:"";position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(0,212,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,212,255,.06) 1px, transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(circle at 50% 40%, #000 30%, transparent 80%);
    -webkit-mask-image:radial-gradient(circle at 50% 40%, #000 30%, transparent 80%);
}
#holo-scanline{
    position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:repeating-linear-gradient(180deg, transparent 0 3px, rgba(0,212,255,.025) 3px 4px);
    mix-blend-mode:overlay;
}

/* ================= HEADER ================= */
.holo-header{
    position:sticky;top:0;z-index:50;
    backdrop-filter:blur(14px);
    background:rgba(5,7,15,.72);
    border-bottom:1px solid var(--holo-border);
    box-shadow:0 1px 0 rgba(0,212,255,.08), 0 10px 40px -20px rgba(0,212,255,.4);
}
.holo-header__inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:2rem;padding:1rem 0;
}
.holo-logo-text{display:flex;align-items:center;gap:.6rem}
.holo-logo-mark{
    color:var(--holo-blue);
    text-shadow:var(--holo-glow-blue);
    font-size:1.6rem;
    animation:holo-spin 8s linear infinite;
}
@keyframes holo-spin{to{transform:rotate(360deg)}}
.holo-logo-name{
    font-family:'Orbitron',sans-serif;font-weight:900;
    font-size:1.35rem;letter-spacing:.12em;text-transform:uppercase;
    color:#fff;
    text-shadow:0 0 12px rgba(0,212,255,.5);
}
.holo-logo-name::after{
    content:"";display:inline-block;width:.5em;height:.5em;
    background:var(--holo-orange);border-radius:50%;
    margin-left:.35em;transform:translateY(-2px);
    box-shadow:var(--holo-glow-orange);
}
.holo-tagline{
    font-size:.78rem;color:var(--holo-text-dim);
    letter-spacing:.25em;text-transform:uppercase;margin-top:2px;
}

.holo-nav ul{display:flex;gap:1.5rem;align-items:center}
.holo-nav a{
    font-family:'Share Tech Mono',monospace;
    font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;
    color:var(--holo-text-dim);
    padding:.4rem .2rem;position:relative;transition:color .2s;
}
.holo-nav a::before{
    content:"//";color:var(--holo-blue);opacity:0;
    margin-right:.35em;transition:opacity .2s;
}
.holo-nav a:hover,.holo-nav .current-menu-item > a{
    color:var(--holo-blue);text-shadow:var(--holo-glow-blue);
}
.holo-nav a:hover::before,.holo-nav .current-menu-item > a::before{opacity:1}

.holo-nav__toggle{display:none;flex-direction:column;gap:5px}
.holo-nav__toggle span{width:24px;height:2px;background:var(--holo-blue);box-shadow:var(--holo-glow-blue)}

/* ================= LAYOUT ================= */
.holo-main{min-height:60vh;padding:3rem 0}
.holo-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:3rem;
}
.holo-layout--page{grid-template-columns:minmax(0,1fr)}

.holo-page-head{margin-bottom:2.5rem}
.holo-page-title{
    font-size:clamp(1.6rem,3vw,2.4rem);
    text-transform:uppercase;letter-spacing:.08em;
}
.holo-bracket{color:var(--holo-orange);text-shadow:var(--holo-glow-orange)}

/* ================= GRID DE CARDS ================= */
.holo-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
    gap:1.75rem;
}

.holo-card{
    position:relative;
    background:linear-gradient(180deg, rgba(13,21,38,.9), rgba(10,15,30,.9));
    border:1px solid var(--holo-border);
    border-radius:14px;
    overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s;
    clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.holo-card:hover{
    transform:translateY(-4px);
    border-color:var(--holo-blue);
    box-shadow:0 0 0 1px rgba(0,212,255,.4), 0 15px 45px -20px rgba(0,212,255,.7);
}
.holo-card__media{
    position:relative;display:block;aspect-ratio:16/9;
    background:#050a14;overflow:hidden;
}
.holo-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.holo-card:hover .holo-card__media img{transform:scale(1.06)}
.holo-card__placeholder{
    width:100%;height:100%;display:grid;place-items:center;
    background:
        repeating-linear-gradient(45deg, rgba(0,212,255,.06) 0 8px, transparent 8px 16px),
        radial-gradient(circle at 50% 50%, rgba(0,212,255,.15), transparent 70%);
}
.holo-card__placeholder-icon{font-size:2.4rem;color:var(--holo-blue);opacity:.7}
.holo-card__scan{
    position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg, transparent 40%, rgba(0,212,255,.35) 50%, transparent 60%);
    transform:translateY(-100%);
    transition:transform .8s ease;
}
.holo-card:hover .holo-card__scan{transform:translateY(100%)}

.holo-card__body{padding:1.25rem 1.25rem 1.5rem}
.holo-chip{
    display:inline-block;
    font-family:'Share Tech Mono',monospace;font-size:.7rem;
    letter-spacing:.15em;text-transform:uppercase;
    color:var(--holo-orange);
    border:1px solid rgba(255,122,24,.5);
    background:rgba(255,122,24,.08);
    padding:.2rem .6rem;border-radius:4px;margin-bottom:.75rem;
    box-shadow:inset 0 0 12px rgba(255,122,24,.15);
}
.holo-card__title{
    font-size:1.05rem;text-transform:uppercase;letter-spacing:.03em;
    margin-bottom:.6rem;
}
.holo-card__title a:hover{color:var(--holo-blue);text-shadow:var(--holo-glow-blue)}
.holo-card__excerpt{
    color:var(--holo-text-dim);font-size:.92rem;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.holo-card__meta{
    margin-top:1rem;padding-top:.9rem;
    border-top:1px dashed rgba(0,212,255,.2);
    display:flex;align-items:center;gap:.6rem;
    font-family:'Share Tech Mono',monospace;font-size:.75rem;
    color:var(--holo-text-dim);letter-spacing:.08em;text-transform:uppercase;
}
.holo-dot{width:4px;height:4px;background:var(--holo-blue);border-radius:50%;box-shadow:var(--holo-glow-blue)}

/* ================= SINGLE ================= */
.holo-single{
    background:rgba(13,21,38,.65);
    border:1px solid var(--holo-border);
    border-radius:14px;
    padding:2.5rem clamp(1.25rem,4vw,3rem);
    backdrop-filter:blur(6px);
}
.holo-single__head{margin-bottom:1.5rem}
.holo-single__title{
    font-size:clamp(1.6rem,3.4vw,2.6rem);
    text-transform:uppercase;letter-spacing:.04em;
    margin:.75rem 0 1rem;
    text-shadow:0 0 30px rgba(0,212,255,.25);
}
.holo-single__meta{
    display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;
    font-family:'Share Tech Mono',monospace;font-size:.8rem;
    color:var(--holo-text-dim);text-transform:uppercase;letter-spacing:.1em;
}
.holo-single__meta a:hover{color:var(--holo-blue)}
.holo-single__thumb{margin:1.75rem 0;border:1px solid var(--holo-border);border-radius:10px;overflow:hidden}
.holo-single__foot{margin-top:2rem;padding-top:1.25rem;border-top:1px dashed rgba(0,212,255,.2)}
.holo-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-family:'Share Tech Mono',monospace;font-size:.8rem}
.holo-tags a{
    border:1px solid var(--holo-border);padding:.2rem .55rem;border-radius:4px;
    color:var(--holo-blue);transition:.2s;
}
.holo-tags a:hover{background:rgba(0,212,255,.1);box-shadow:var(--holo-glow-blue)}

/* conteúdo corrido */
.holo-prose{font-size:1.05rem;line-height:1.8}
.holo-prose p{margin:0 0 1.2em}
.holo-prose h2,.holo-prose h3{margin:2em 0 .6em;text-transform:uppercase;letter-spacing:.05em}
.holo-prose h2{border-left:3px solid var(--holo-blue);padding-left:.7rem;box-shadow:-3px 0 12px -3px rgba(0,212,255,.7)}
.holo-prose a{color:var(--holo-blue);text-decoration:underline;text-decoration-color:rgba(0,212,255,.4)}
.holo-prose a:hover{text-decoration-color:var(--holo-blue);text-shadow:var(--holo-glow-blue)}
.holo-prose img{border-radius:10px;margin:1.5rem 0;border:1px solid var(--holo-border)}
.holo-prose blockquote{
    border-left:3px solid var(--holo-orange);
    background:rgba(255,122,24,.06);
    padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 8px 8px 0;
    font-style:italic;color:#ffe2c9;
}
.holo-prose code{
    background:rgba(0,212,255,.1);color:var(--holo-blue-soft);
    padding:.15em .45em;border-radius:4px;font-size:.9em;
    border:1px solid rgba(0,212,255,.2);
}
.holo-prose pre{
    background:#050a14;border:1px solid var(--holo-border);
    border-radius:10px;padding:1.25rem;overflow:auto;margin:1.5rem 0;
    box-shadow:inset 0 0 40px rgba(0,212,255,.08);
}
.holo-prose pre code{background:none;border:0;padding:0;color:#b7f5ff}
.holo-prose ul,.holo-prose ol{margin:0 0 1.2em 1.4em}
.holo-prose ul li{list-style:none;position:relative;padding-left:.4em}
.holo-prose ul li::before{content:"▸";color:var(--holo-orange);position:absolute;left:-1.1em}
.holo-prose ol li{list-style:decimal;color:var(--holo-text)}
.holo-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}
.holo-prose th,.holo-prose td{border:1px solid var(--holo-border);padding:.6rem .8rem;text-align:left}
.holo-prose th{background:rgba(0,212,255,.08);color:var(--holo-blue);font-family:'Share Tech Mono',monospace;text-transform:uppercase;font-size:.8rem}

/* ================= PAGINAÇÃO ================= */
.holo-pagination{margin-top:3rem;display:flex;justify-content:center}
.holo-pagination .page-numbers{
    display:inline-block;padding:.5rem .85rem;margin:0 .2rem;
    border:1px solid var(--holo-border);border-radius:6px;
    font-family:'Share Tech Mono',monospace;color:var(--holo-text-dim);
    transition:.2s;
}
.holo-pagination .page-numbers:hover,
.holo-pagination .page-numbers.current{
    color:var(--holo-blue);border-color:var(--holo-blue);
    box-shadow:var(--holo-glow-blue);
    background:rgba(0,212,255,.08);
}

/* ================= POST NAV ================= */
.holo-post-nav{
    display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;
}
.holo-post-nav a{
    display:block;padding:1rem 1.25rem;
    background:rgba(13,21,38,.7);border:1px solid var(--holo-border);
    border-radius:10px;font-family:'Share Tech Mono',monospace;
    font-size:.85rem;color:var(--holo-text-dim);
    transition:.2s;text-transform:uppercase;letter-spacing:.05em;
}
.holo-post-nav a:hover{color:var(--holo-blue);border-color:var(--holo-blue);box-shadow:var(--holo-glow-blue)}
.holo-post-nav__next{text-align:right}

/* ================= SIDEBAR ================= */
.holo-sidebar{position:sticky;top:100px;align-self:start}
.holo-widget{
    background:rgba(13,21,38,.7);
    border:1px solid var(--holo-border);
    border-radius:12px;
    padding:1.25rem 1.35rem;
    margin-bottom:1.5rem;
}
.holo-widget .widget-title{
    font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;
    color:var(--holo-blue);margin-bottom:1rem;
    padding-bottom:.6rem;border-bottom:1px solid rgba(0,212,255,.2);
    font-family:'Orbitron',sans-serif;
}
.holo-widget ul li{padding:.4rem 0;border-bottom:1px dashed rgba(0,212,255,.12)}
.holo-widget ul li:last-child{border-bottom:0}
.holo-widget a{color:var(--holo-text-dim);transition:.2s}
.holo-widget a:hover{color:var(--holo-blue)}

/* Search form */
.search-form{display:flex;gap:.5rem}
.search-form input[type=search]{
    flex:1;background:rgba(5,10,20,.8);
    border:1px solid var(--holo-border);color:var(--holo-text);
    padding:.55rem .8rem;border-radius:6px;font-family:'Share Tech Mono',monospace;
    font-size:.85rem;
}
.search-form input[type=search]:focus{outline:0;border-color:var(--holo-blue);box-shadow:var(--holo-glow-blue)}
.search-form input[type=submit],.search-form button{
    background:linear-gradient(135deg,var(--holo-blue),#0088cc);
    color:#00131c;font-family:'Orbitron',sans-serif;font-weight:700;
    padding:.55rem 1rem;border-radius:6px;letter-spacing:.08em;
    text-transform:uppercase;font-size:.8rem;
    box-shadow:var(--holo-glow-blue);
}

/* ================= BOTÕES ================= */
.holo-btn{
    display:inline-block;padding:.75rem 1.5rem;
    background:linear-gradient(135deg,var(--holo-orange),#c94f00);
    color:#1a0a00;font-family:'Orbitron',sans-serif;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;
    border-radius:6px;
    box-shadow:var(--holo-glow-orange);
    transition:transform .2s;
}
.holo-btn:hover{transform:translateY(-2px)}

/* ================= FOOTER ================= */
.holo-footer{
    margin-top:5rem;
    border-top:1px solid var(--holo-border);
    background:linear-gradient(180deg, rgba(5,7,15,0), rgba(0,212,255,.04));
    padding:3rem 0 1.5rem;
}
.holo-footer__widgets{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:2rem;margin-bottom:2.5rem;
}
.holo-footer__bottom{
    border-top:1px solid rgba(0,212,255,.12);
    padding-top:1.5rem;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
    font-family:'Share Tech Mono',monospace;font-size:.78rem;
    color:var(--holo-text-dim);letter-spacing:.08em;text-transform:uppercase;
}
.holo-text-blue{color:var(--holo-blue);text-shadow:var(--holo-glow-blue)}
.holo-footer__sig{display:flex;align-items:center;gap:.5rem}
.holo-pulse{
    width:8px;height:8px;border-radius:50%;background:var(--holo-orange);
    box-shadow:var(--holo-glow-orange);
    animation:holo-pulse 1.6s ease-in-out infinite;
}
@keyframes holo-pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.4;transform:scale(1.4)}
}

/* ================= 404 ================= */
.holo-404{text-align:center;padding:5rem 0}
.holo-404__code{
    font-family:'Orbitron',sans-serif;font-weight:900;
    font-size:clamp(6rem,20vw,12rem);line-height:1;
    color:transparent;-webkit-text-stroke:2px var(--holo-blue);
    text-shadow:0 0 40px rgba(0,212,255,.5);
    margin-bottom:1rem;
}

/* ================= EMPTY ================= */
.holo-empty{text-align:center;padding:4rem 1rem}

/* ================= RESPONSIVO ================= */
@media (max-width:960px){
    .holo-layout{grid-template-columns:1fr}
    .holo-sidebar{position:static}
}
@media (max-width:720px){
    .holo-nav__toggle{display:flex}
    .holo-nav ul{
        position:absolute;top:100%;left:0;right:0;
        flex-direction:column;gap:0;
        background:rgba(5,7,15,.98);
        border-bottom:1px solid var(--holo-border);
        padding:1rem;display:none;
    }
    .holo-nav ul.is-open{display:flex}
    .holo-nav li{width:100%;border-bottom:1px dashed rgba(0,212,255,.15)}
    .holo-nav a{display:block;padding:.9rem .5rem}
    .holo-post-nav{grid-template-columns:1fr}
    .holo-post-nav__next{text-align:left}
}

/* ============================================================
   HERO HOLOGRÁFICO
   ============================================================ */
.holo-hero{
    position:relative;
    min-height:calc(100vh - 90px);
    display:flex;align-items:center;
    overflow:hidden;
    padding:5rem 0 4rem;
    isolation:isolate;
}

.holo-hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.holo-hero__orb{
    position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;
    animation:holo-float 14s ease-in-out infinite;
}
.holo-hero__orb--blue{
    width:520px;height:520px;
    background:radial-gradient(circle, #00d4ff, transparent 70%);
    top:-120px;left:-80px;
}
.holo-hero__orb--orange{
    width:460px;height:460px;
    background:radial-gradient(circle, #ff7a18, transparent 70%);
    bottom:-160px;right:-100px;
    animation-delay:-7s;
}
@keyframes holo-float{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(40px,-30px) scale(1.08)}
}
.holo-hero__grid{
    position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(0,212,255,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,212,255,.07) 1px, transparent 1px);
    background-size:56px 56px;
    mask-image:radial-gradient(ellipse at 50% 45%, #000 25%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at 50% 45%, #000 25%, transparent 75%);
}
#holo-particles{
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;opacity:.8;
}

.holo-hero__inner{
    position:relative;text-align:left;
    max-width:900px;
}

.holo-hero__kicker{
    display:inline-flex;align-items:center;gap:.6rem;
    font-family:'Share Tech Mono',monospace;
    font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;
    color:var(--holo-blue);
    border:1px solid var(--holo-border);
    background:rgba(0,212,255,.06);
    padding:.35rem .9rem;border-radius:999px;
    margin-bottom:1.5rem;
}
.holo-hero__kicker-dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--holo-orange);
    box-shadow:var(--holo-glow-orange);
    animation:holo-pulse 1.6s ease-in-out infinite;
}

.holo-hero__title{
    font-family:'Orbitron',sans-serif;
    font-weight:900;
    font-size:clamp(2.2rem, 7vw, 5.2rem);
    line-height:1;
    letter-spacing:.02em;
    text-transform:uppercase;
    margin:0 0 1.25rem;
}
.holo-hero__line{
    display:block;
    background:linear-gradient(90deg, #eaf4ff 0%, var(--holo-blue) 45%, var(--holo-orange) 100%);
    background-size:200% auto;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:holo-shift 6s linear infinite;
    text-shadow:0 0 40px rgba(0,212,255,.25);
}
.holo-hero__line--sub{
    font-size:.42em;
    letter-spacing:.15em;
    margin-top:.5rem;
    background:linear-gradient(90deg, var(--holo-blue), var(--holo-orange), var(--holo-blue));
    background-size:200% auto;
    -webkit-background-clip:text;background-clip:text;
}
@keyframes holo-shift{
    to{background-position:200% center}
}

.holo-hero__lead{
    font-size:clamp(1rem, 1.6vw, 1.2rem);
    color:var(--holo-text-dim);
    max-width:640px;
    margin:0 0 2rem;
}

.holo-hero__cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.holo-btn--primary{
    background:linear-gradient(135deg, var(--holo-blue), #0077b6);
    color:#00131c;
    box-shadow:var(--holo-glow-blue);
}
.holo-btn--ghost{
    background:transparent;
    color:var(--holo-blue);
    border:1px solid var(--holo-blue);
    box-shadow:inset 0 0 20px rgba(0,212,255,.15);
}
.holo-btn--ghost:hover{background:rgba(0,212,255,.1)}

.holo-hero__stats{
    display:flex;gap:2.5rem;flex-wrap:wrap;
    padding-top:1.75rem;
    border-top:1px solid rgba(0,212,255,.15);
}
.holo-stat{display:flex;flex-direction:column;gap:.2rem}
.holo-stat__num{
    font-family:'Orbitron',sans-serif;font-weight:700;
    font-size:1.8rem;
    color:var(--holo-blue);
    text-shadow:var(--holo-glow-blue);
    line-height:1;
}
.holo-stat__label{
    font-family:'Share Tech Mono',monospace;
    font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
    color:var(--holo-text-dim);
}

.holo-hero__scroll{
    position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);
    width:22px;height:36px;
    border:1px solid var(--holo-blue);border-radius:12px;
    display:flex;justify-content:center;padding-top:6px;
    box-shadow:var(--holo-glow-blue);
}
.holo-hero__scroll span{
    width:3px;height:8px;border-radius:2px;background:var(--holo-blue);
    animation:holo-scroll 1.6s ease-in-out infinite;
}
@keyframes holo-scroll{
    0%{transform:translateY(0);opacity:1}
    100%{transform:translateY(14px);opacity:0}
}

/* ============================================================
   SECÇÕES GENÉRICAS DA HOME
   ============================================================ */
.holo-section{padding:4.5rem 0}
.holo-section--cats{background:linear-gradient(180deg, transparent, rgba(0,212,255,.03) 50%, transparent)}
.holo-section__head{
    display:flex;justify-content:space-between;align-items:end;
    gap:1rem;margin-bottom:2.25rem;flex-wrap:wrap;
}
.holo-section__title{
    font-size:clamp(1.4rem, 2.6vw, 2rem);
    text-transform:uppercase;letter-spacing:.08em;
}
.holo-section__link{
    font-family:'Share Tech Mono',monospace;font-size:.85rem;
    color:var(--holo-blue);letter-spacing:.1em;text-transform:uppercase;
    transition:.2s;
}
.holo-section__link:hover{text-shadow:var(--holo-glow-blue)}

/* ============================================================
   CARDS DE CATEGORIA
   ============================================================ */
.holo-cat-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
    gap:1.5rem;
}
.holo-cat-card{
    position:relative;display:flex;flex-direction:column;
    background:linear-gradient(180deg, rgba(13,21,38,.9), rgba(10,15,30,.9));
    border:1px solid var(--holo-border);
    border-radius:14px;overflow:hidden;
    transition:transform .3s ease, border-color .3s, box-shadow .3s;
    clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}
.holo-cat-card:hover{
    transform:translateY(-5px);
    border-color:var(--holo-orange);
    box-shadow:0 0 0 1px rgba(255,122,24,.4), 0 20px 50px -25px rgba(255,122,24,.7);
}
.holo-cat-card__media{
    position:relative;
    height:150px;
    background:
        repeating-linear-gradient(45deg, rgba(0,212,255,.08) 0 10px, transparent 10px 20px),
        radial-gradient(circle at 50% 60%, rgba(0,212,255,.25), transparent 70%),
        #060c18;
    background-size:cover, cover, auto;
    background-position:center;
    border-bottom:1px solid var(--holo-border);
}
.holo-cat-card__index{
    position:absolute;top:.75rem;left:.9rem;
    font-family:'Orbitron',sans-serif;font-weight:900;
    font-size:1.8rem;
    color:transparent;
    -webkit-text-stroke:1.5px var(--holo-blue);
    text-shadow:0 0 20px rgba(0,212,255,.6);
    opacity:.85;
}
.holo-cat-card__body{padding:1.1rem 1.25rem 1.35rem;flex:1;display:flex;flex-direction:column;gap:.4rem}
.holo-cat-card__name{
    font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;
    color:#eaf4ff;
}
.holo-cat-card__count{
    font-family:'Share Tech Mono',monospace;
    font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;
    color:var(--holo-text-dim);
}
.holo-cat-card__arrow{
    margin-top:auto;align-self:flex-end;
    font-size:1.4rem;color:var(--holo-orange);
    transition:transform .3s;
}
.holo-cat-card:hover .holo-cat-card__arrow{transform:translateX(6px)}

/* Responsivo hero */
@media (max-width:720px){
    .holo-hero{min-height:auto;padding:4rem 0 3rem}
    .holo-hero__stats{gap:1.5rem}
    .holo-stat__num{font-size:1.4rem}
}

/* ============================================================
   HERO: CIRCUITO ANIMADO + LINHA EM ROTAÇÃO
   ============================================================ */
.holo-hero__circuit{
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;opacity:.55;
    -webkit-mask-image:radial-gradient(ellipse 62% 72% at 82% 48%, #000 12%, transparent 70%);
    mask-image:radial-gradient(ellipse 62% 72% at 82% 48%, #000 12%, transparent 70%);
}
.holo-hero__trace path{
    fill:none;stroke:rgba(0,212,255,.65);stroke-width:1.4;stroke-linecap:round;
    stroke-dasharray:12 9;
    animation:holo-trace 26s linear infinite;
}
@keyframes holo-trace{to{stroke-dashoffset:-420}}
.holo-hero__nodes circle{
    fill:var(--holo-blue);
    animation:holo-node 3.2s ease-in-out infinite;
}
@keyframes holo-node{
    0%,100%{opacity:.3;r:2.4}
    50%{opacity:1;r:5}
}
.holo-hero__nodes circle:nth-child(2n){fill:var(--holo-orange);animation-delay:-1.1s}
.holo-hero__nodes circle:nth-child(3n){animation-delay:-2.2s}
.holo-hero__nodes circle:nth-child(5n){animation-delay:-.6s}

.holo-hero__rotate{
    display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;
    font-family:'Share Tech Mono',monospace;
    font-size:clamp(.9rem,1.7vw,1.25rem);
    letter-spacing:.12em;text-transform:uppercase;
    color:var(--holo-text-dim);
    margin:0 0 1.5rem;
    min-height:1.7em;
}
.holo-hero__rotate-prefix{
    color:var(--holo-blue);text-shadow:var(--holo-glow-blue);opacity:.8;
}
.holo-hero__rotate-word{
    color:var(--holo-orange);
    text-shadow:var(--holo-glow-orange);
}
.holo-hero__caret{
    display:inline-block;width:2px;height:1.15em;
    background:var(--holo-orange);
    box-shadow:var(--holo-glow-orange);
    animation:holo-caret 1s steps(1,end) infinite;
}
@keyframes holo-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
/* FIM BLOCO HERO-CIRCUITO */

/* ============================================================
   PERCURSO: DA IDEIA AO TERRENO
   ============================================================ */
.holo-section--process{
    position:relative;
    background:linear-gradient(180deg, transparent, rgba(255,122,24,.045) 45%, transparent);
}
.holo-section__sub{
    font-family:'Share Tech Mono',monospace;
    font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
    color:var(--holo-text-dim);max-width:430px;margin:0;
}

.holo-flow{
    position:relative;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:1.25rem;
    padding-top:2.6rem;
    list-style:none;
}
.holo-flow::before{
    content:"";position:absolute;top:1rem;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(0,212,255,.5), rgba(255,122,24,.5), transparent);
}
.holo-flow::after{
    content:"";position:absolute;top:calc(1rem - 2.5px);left:0;
    width:6px;height:6px;border-radius:50%;
    background:var(--holo-blue);box-shadow:var(--holo-glow-blue);
    animation:holo-flow-run 7s linear infinite;
}
@keyframes holo-flow-run{
    0%{left:0;opacity:0}
    8%{opacity:1}
    92%{opacity:1}
    100%{left:100%;opacity:0}
}

.holo-flow__step{
    position:relative;
    padding:1.6rem 1.2rem 1.35rem;
    background:linear-gradient(180deg, rgba(13,21,38,.85), rgba(10,15,30,.92));
    border:1px solid var(--holo-border);
    border-radius:12px;
    overflow:hidden;
}
.holo-flow__step::before{
    content:"";position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg, var(--holo-blue), var(--holo-orange));
    transform:scaleX(0);transform-origin:left;
    transition:transform .55s ease;
    transition-delay:calc(var(--i,0) * 80ms);
}
.holo-flow__step.is-visible::before{transform:scaleX(1)}
.holo-flow__step:hover{
    transform:translateY(-5px);
    border-color:var(--holo-blue);
    box-shadow:0 0 0 1px rgba(0,212,255,.4), 0 18px 45px -22px rgba(0,212,255,.8);
}
.holo-flow__index{
    position:absolute;top:.55rem;right:.85rem;
    font-family:'Orbitron',sans-serif;font-weight:900;font-size:1.5rem;line-height:1;
    color:transparent;-webkit-text-stroke:1.2px rgba(0,212,255,.45);
}
.holo-flow__icon{
    display:block;width:46px;height:46px;
    color:var(--holo-blue);
    margin-bottom:1rem;
    filter:drop-shadow(0 0 8px rgba(0,212,255,.35));
}
.holo-flow__icon svg{width:100%;height:100%;overflow:visible;display:block}
.holo-flow__icon svg *{
    fill:none;stroke:currentColor;stroke-width:2;
    stroke-linecap:round;stroke-linejoin:round;
}
.holo-flow__title{
    font-size:.98rem;text-transform:uppercase;letter-spacing:.06em;
    margin-bottom:.35rem;
}
.holo-flow__text{font-size:.9rem;color:var(--holo-text-dim);margin:0}
.holo-flow__note{
    margin-top:2rem;text-align:center;
    font-family:'Share Tech Mono',monospace;font-size:.78rem;
    letter-spacing:.12em;text-transform:uppercase;color:var(--holo-text-dim);
}

/* Ícones animados do percurso */
.holo-ico-draw{
    stroke-dasharray:130;stroke-dashoffset:130;
    animation:holo-ico-draw 3.8s ease-in-out infinite;
}
@keyframes holo-ico-draw{
    0%{stroke-dashoffset:130}
    45%,100%{stroke-dashoffset:0}
}
.holo-ico-blink{animation:holo-ico-blink 2s ease-in-out infinite}
@keyframes holo-ico-blink{0%,100%{opacity:.35}50%{opacity:1}}
.holo-ico-pulse{
    transform-box:fill-box;transform-origin:center;
    animation:holo-ico-pulse 2.8s ease-in-out infinite;
}
@keyframes holo-ico-pulse{
    0%,100%{transform:scale(.86);opacity:.45}
    50%{transform:scale(1.06);opacity:1}
}
/* FIM BLOCO PERCURSO */

/* ============================================================
   REVELAÇÃO AO ENTRAR NO ECRÃ
   ============================================================ */
.holo-has-js .holo-flow__step.holo-reveal,
.holo-has-js .holo-cat-card.holo-reveal,
.holo-has-js .holo-card.holo-reveal{
    opacity:0;
    translate:0 26px;
}
.holo-has-js .holo-flow__step.holo-reveal.is-visible,
.holo-has-js .holo-cat-card.holo-reveal.is-visible,
.holo-has-js .holo-card.holo-reveal.is-visible{
    opacity:1;
    translate:0 0;
}
.holo-has-js .holo-flow__step.holo-reveal{
    transition:opacity .6s ease, translate .6s ease, transform .3s ease, border-color .3s, box-shadow .3s;
    transition-delay:calc(var(--i,0) * 80ms), calc(var(--i,0) * 80ms), 0s, 0s, 0s;
}
.holo-has-js .holo-cat-card.holo-reveal{
    transition:opacity .6s ease, translate .6s ease, transform .3s ease, border-color .3s, box-shadow .3s;
    transition-delay:calc(var(--i,0) * 90ms), calc(var(--i,0) * 90ms), 0s, 0s, 0s;
}
.holo-has-js .holo-card.holo-reveal{
    transition:opacity .55s ease, translate .55s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    transition-delay:calc(var(--k,0) * 80ms), calc(var(--k,0) * 80ms), 0s, 0s, 0s;
}
.holo-has-js .holo-grid .holo-card.holo-reveal:nth-child(2){--k:1}
.holo-has-js .holo-grid .holo-card.holo-reveal:nth-child(3){--k:2}
.holo-has-js .holo-grid .holo-card.holo-reveal:nth-child(4){--k:3}
.holo-has-js .holo-grid .holo-card.holo-reveal:nth-child(5){--k:4}
.holo-has-js .holo-grid .holo-card.holo-reveal:nth-child(6){--k:5}

/* ============================================================
   RESPONSIVO E MOVIMENTO REDUZIDO
   ============================================================ */
@media (max-width:720px){
    .holo-hero__circuit{display:none}
    .holo-flow{padding-top:0}
    .holo-flow::before,.holo-flow::after{display:none}
    .holo-section__sub{max-width:none}
}

@media (prefers-reduced-motion:reduce){
    .holo-hero__circuit,
    .holo-hero__trace path,
    .holo-hero__nodes circle,
    .holo-ico-draw,
    .holo-ico-blink,
    .holo-ico-pulse{animation:none}
    .holo-flow::after{animation:none;opacity:0}
    .holo-flow__step::before{transform:scaleX(1);transition:none}
    .holo-has-js .holo-flow__step.holo-reveal,
    .holo-has-js .holo-cat-card.holo-reveal,
    .holo-has-js .holo-card.holo-reveal{
        opacity:1;translate:none;
        transition:none;
    }
}
/* FIM BLOCO REVELACAO */