/* ============================================================
   TecnoTip — Infraestrutura & Segurança (depende de landing.css)
   ============================================================ */

/* ---------- Processo (ideia -> produto) ---------- */
.ig-process { display: flex; flex-direction: column; gap: 0; max-width: 900px; margin: 0 auto; }
.ig-step {
    display: grid; grid-template-columns: 64px 1fr; gap: 1.4rem;
    padding: 1.6rem 0; position: relative;
}
.ig-step:not(:last-child)::after {
    content: ""; position: absolute; left: 31px; top: 70px; bottom: -10px; width: 2px;
    background: linear-gradient(var(--tt-orange), transparent);
}
.ig-step .n {
    width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center;
    background: linear-gradient(135deg, rgba(255,107,0,0.22), rgba(255,107,0,0.05));
    border: 1px solid rgba(255,107,0,0.3); color: var(--tt-orange); font-size: 1.5rem;
    flex-shrink: 0; z-index: 1;
}
.ig-step h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: .35rem; }
.ig-step p { color: var(--tt-muted); margin: 0; font-size: .94rem; }
.ig-step .tag { display: inline-block; margin-top: .5rem; font-size: .72rem; color: var(--tt-orange-2); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }

/* ---------- Normas / metodologia ---------- */
.ig-norm {
    height: 100%; background: var(--tt-card); border: 1px solid var(--tt-border); border-radius: 18px;
    padding: 2rem 1.7rem; transition: transform .3s, border-color .3s, background .3s;
}
.ig-norm:hover { transform: translateY(-8px); border-color: rgba(255,107,0,0.5); background: rgba(255,107,0,0.05); }
.ig-norm .ic {
    width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center;
    background: linear-gradient(135deg, rgba(255,107,0,0.2), rgba(255,107,0,0.05));
    color: var(--tt-orange); font-size: 1.4rem; margin-bottom: 1.1rem;
}
.ig-norm h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: .5rem; }
.ig-norm p { color: var(--tt-muted); font-size: .9rem; margin: 0; }

/* ---------- Datacenter / soberania ---------- */
.ig-dc {
    background: linear-gradient(145deg, rgba(255,107,0,0.06), rgba(255,255,255,0.02));
    border: 1px solid var(--tt-border); border-radius: 24px; padding: clamp(2rem, 4vw, 3.2rem);
    position: relative; overflow: hidden;
}
.ig-dc-facts { list-style: none; margin: 1.6rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .9rem; }
.ig-dc-facts li { display: flex; align-items: flex-start; gap: .7rem; font-size: .95rem; }
.ig-dc-facts li i { color: var(--tt-orange); margin-top: .25rem; flex: 0 0 auto; }
.ig-dc-facts li b { color: var(--tt-text); }
.ig-dc-facts li span { color: var(--tt-muted); }

.ig-sov {
    text-align: center; padding: clamp(2rem, 4vw, 3.5rem) clamp(1.2rem, 3vw, 2.5rem);
    border-radius: 24px; border: 1px solid rgba(255,107,0,0.25);
    background: radial-gradient(60% 100% at 50% 0%, rgba(255,107,0,0.10), transparent 70%);
}
.ig-sov i { font-size: 2.6rem; color: var(--tt-orange); margin-bottom: 1rem; }
.ig-sov h2 { max-width: 760px; margin: 0 auto 1rem; }
.ig-sov p { max-width: 640px; margin: 0 auto; color: var(--tt-muted); }