/* Continuum Sistemas — camada visual moderna. Mantém o tema legado como base. */
:root {
  --continuum-navy: #10233f;
  --continuum-blue: #2459d3;
  --continuum-blue-dark: #1744ad;
  --continuum-cyan: #52d6d0;
  --continuum-text: #17243a;
  --continuum-muted: #68758a;
  --continuum-surface: #f5f8fc;
  --continuum-radius: 22px;
}
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { color: var(--continuum-text); font-family: "Open Sans", sans-serif; }
a { transition: color .2s ease, background-color .2s ease, transform .2s ease; }
#topbar { background: var(--continuum-navy); min-height: 42px; font-size: 12px; }
#topbar .contact-info a { color: rgba(255,255,255,.86); }
#topbar .contact-info a:hover { color: #fff; }
#topbar .cta a { color: #fff; font-weight: 700; letter-spacing: .02em; }
#header { height: 82px; background: rgba(255,255,255,.96); box-shadow: 0 6px 28px rgba(18,35,63,.07); position: sticky; top: 0; z-index: 997; }
#header .logo img { max-height: 52px; width: auto; }
#header .navbar ul { align-items: center; }
#header .navbar a, #header .navbar a:focus { color: #23334b; font-weight: 600; font-size: 13px; }
#header .navbar a:hover, #header .navbar .active { color: var(--continuum-blue); }
#header .navbar .nav-cta a { background: var(--continuum-blue); color: #fff; border-radius: 999px; padding: 12px 19px; margin-left: 12px; }
#header .navbar .nav-cta a:hover { background: var(--continuum-blue-dark); color: #fff; transform: translateY(-1px); }
.hero-modern { position: relative; isolation: isolate; overflow: hidden; min-height: 610px; padding: 92px 0 100px; color: #fff; background: radial-gradient(ellipse at 80% 20%, rgba(49,100,209,.45), transparent 38%), linear-gradient(125deg, #0d1b32 0%, #132d54 55%, #1d4381 100%); }
.hero-modern:before { content:""; position:absolute; z-index:-1; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to right,transparent,#000); }
.hero-modern h1 { max-width: 760px; margin: 22px 0; font-family: "Raleway", sans-serif; font-size: clamp(2.6rem, 5vw, 4.5rem); line-height: 1.08; font-weight: 800; letter-spacing: -.045em; color: #fff; }
.hero-modern h1 span { color: var(--continuum-cyan); }
.hero-eyebrow { display:inline-flex; align-items:center; gap:10px; padding:9px 14px; border:1px solid rgba(255,255,255,.19); border-radius:999px; color:#dce8ff; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; background:rgba(255,255,255,.055); }
.hero-dot { width:8px; height:8px; background:var(--continuum-cyan); border-radius:50%; box-shadow:0 0 0 5px rgba(82,214,208,.13); }
.hero-lead { max-width:620px; margin-bottom:28px; color:#c6d3e8; font-size:17px; line-height:1.85; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:13px; }
.btn-hero-primary,.btn-hero-secondary { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 22px; border-radius:12px; font-size:14px; font-weight:700; text-decoration:none; }
.btn-hero-primary { background:var(--continuum-cyan); color:#0d263c; box-shadow:0 10px 25px rgba(0,0,0,.12); }
.btn-hero-primary:hover { background:#75e7e1; color:#0d263c; transform:translateY(-2px); }
.btn-hero-secondary { color:#fff; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.04); }
.btn-hero-secondary:hover { color:#fff; background:rgba(255,255,255,.1); }
.hero-trust { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:28px; color:#c2d0e6; font-size:12px; }
.hero-trust i { color:var(--continuum-cyan); }
.hero-trust span { width:4px; height:4px; margin:0 5px; border-radius:50%; background:#7187a9; }
.hero-visual { position:relative; min-height:370px; display:flex; align-items:center; justify-content:center; }
.visual-orbit { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.orbit-one { width:370px; height:370px; }
.orbit-two { width:285px; height:285px; border-style:dashed; }
.visual-card-main { position:relative; z-index:2; width:min(100%,360px); padding:23px; border:1px solid rgba(255,255,255,.24); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.06)); box-shadow:0 28px 80px rgba(0,0,0,.25); backdrop-filter:blur(12px); }
.visual-card-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:21px; border-bottom:1px solid rgba(255,255,255,.12); }
.visual-window-dots { display:flex; gap:5px; }.visual-window-dots b { width:6px;height:6px;border-radius:50%;background:#b7c8e2; }
.visual-label { color:#b8cbe8; font-size:9px; letter-spacing:.14em; }
.visual-hello { padding:25px 0 22px; font-size:23px; font-weight:700; line-height:1.35; }.visual-hello span { color:var(--continuum-cyan); }
.visual-bars { display:flex; align-items:end; gap:7px; height:70px; padding:0 10px 8px; border-bottom:1px solid rgba(255,255,255,.14); }
.visual-bars i { flex:1; border-radius:5px 5px 1px 1px; background:linear-gradient(180deg,#52d6d0,#3474dc); }
.visual-bars i:nth-child(1){height:28%}.visual-bars i:nth-child(2){height:48%}.visual-bars i:nth-child(3){height:39%}.visual-bars i:nth-child(4){height:62%}.visual-bars i:nth-child(5){height:52%}.visual-bars i:nth-child(6){height:72%}.visual-bars i:nth-child(7){height:58%}.visual-bars i:nth-child(8){height:83%}.visual-bars i:nth-child(9){height:66%}.visual-bars i:nth-child(10){height:91%}.visual-bars i:nth-child(11){height:75%}.visual-bars i:nth-child(12){height:100%}
.visual-bottom { display:flex; justify-content:space-between; gap:10px; padding-top:18px; color:#d6e4f8; font-size:10px; }.visual-bottom i { margin-right:5px; color:var(--continuum-cyan); }
.floating-chip { position:absolute; z-index:3; display:flex; align-items:center; gap:11px; padding:13px 16px; border:1px solid rgba(255,255,255,.45); border-radius:14px; background:#fff; color:#14243c; box-shadow:0 15px 45px rgba(0,0,0,.2); }
.floating-chip>i { display:grid; place-items:center; width:37px;height:37px;border-radius:11px;background:#e7f8f7;color:#168f91;font-size:18px; }
.floating-chip strong,.floating-chip small { display:block; }.floating-chip strong { font-size:11px; }.floating-chip small { margin-top:3px; color:#7b8798; font-size:9px; }
.chip-top { top:18px; right:-4px; }.chip-bottom { bottom:12px; left:-5px; }
#intro { padding:70px 0; }
#intro .content { border-radius:20px; padding:32px; background:var(--continuum-blue); box-shadow:0 18px 40px rgba(36,89,211,.18); }
#intro .content h3, #intro .content p { color:#fff; }
#intro .content h3 { font-size:25px; font-weight:800; }
#intro .more-btn { border-radius:999px; padding:10px 19px; }
#intro .icon-box { width:100%; padding:27px 22px; border-radius:18px; background:#fff; box-shadow:0 10px 32px rgba(18,35,63,.07); transition:transform .25s, box-shadow .25s; }
#intro .icon-box:hover, #services .icon-box:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(18,35,63,.12); }
#intro .icon-box i { color:var(--continuum-blue); }
section { scroll-margin-top:90px; }
.section-title h2 { font-weight:800; letter-spacing:-.025em; }
.section-title p { color:var(--continuum-muted); line-height:1.8; }
.sobre, #sobre { padding:5px 0; }
#sobre img { box-shadow:180px 180px 0 rgba(36,89,211,.12); }
#services .icon-box { height:100%; min-height:180px; padding:28px; border:1px solid #e8edf5; border-radius:18px; background:#fff; box-shadow:0 8px 26px rgba(18,35,63,.045); transition:transform .25s,box-shadow .25s; }
#services .icon-box .icon { color:var(--continuum-blue); }
#services .title a { color:var(--continuum-navy); font-weight:800; }
#services .description { color:var(--continuum-muted); line-height:1.8; }
#portfolio { background:linear-gradient(120deg,#122747,#2459d3)!important; padding:64px 0; }
#portfolio h3 { color:#fff; font-weight:800; }
#portfolio p { color:#dce7fb; }
.btn-cont { display:inline-flex; justify-content:center; align-items:center; gap:8px; border:0; border-radius:10px; padding:12px 22px; background:var(--continuum-blue); color:#fff; font-weight:700; text-decoration:none; transition:all .2s; }
.btn-cont:hover { background:var(--continuum-blue-dark); color:#fff; transform:translateY(-1px); }
#faq .card { overflow:hidden; border-radius:20px; box-shadow:0 15px 45px rgba(18,35,63,.08)!important; }
#faq .card-body { padding:clamp(24px,4vw,42px)!important; }
#faq .btn.btn-primary { border-radius:10px; background:var(--continuum-blue); border-color:var(--continuum-blue); }
#iugu .topic { border-radius:18px; transition:transform .2s; }.topic:hover { transform:translateY(-4px); }
#contact { padding:85px 0; background:#f5f8fc; }
#contact .info-box { height:100%; border:1px solid #e6ecf5; border-radius:18px; background:#fff; box-shadow:0 8px 25px rgba(18,35,63,.04); }
#contact .info-box i { color:var(--continuum-blue); }
#contact .info-box a { color:inherit; }
#contact .php-email-form { border-radius:20px; padding:28px; background:#fff; box-shadow:0 12px 38px rgba(18,35,63,.07); }
#contact .form-control { min-height:48px; border-radius:10px; border-color:#dfe6f0; padding:12px 14px; }
#contact textarea.form-control { min-height:140px; }
#contact .form-control:focus { border-color:#7c9ff0; box-shadow:0 0 0 .2rem rgba(36,89,211,.1); }
#footer { background:#0d1b32; color:#d0d9e8; }
#footer .footer-top { background:#10233f; border-bottom:1px solid rgba(255,255,255,.08); }
#footer h4 { color:#fff; font-weight:800; }
#footer a { color:#c2cee0; } #footer a:hover { color:var(--continuum-cyan); }
#footer .copyright { color:#aebbd0; font-size:12px; }
#footer .social-links a { border-radius:50%; }
.back-to-top { background:var(--continuum-blue); border-radius:12px; }
@media (max-width: 991px) {
  #header { height:72px; }
  #header .logo img { max-height:45px; }
  #header .navbar ul { background:#fff; border-radius:14px; box-shadow:0 15px 40px rgba(18,35,63,.14); }
  #header .navbar .nav-cta a { margin:8px 15px; text-align:center; }
  .hero-modern { padding:72px 0 82px; }
  .hero-visual { margin-top:8px; min-height:340px; }
  .orbit-one { width:320px;height:320px; }.orbit-two { width:245px;height:245px; }
  .chip-top { right:0; }.chip-bottom { left:0; }
}
@media (max-width: 575px) {
  #topbar .contact-info { gap:8px; flex-wrap:wrap; justify-content:center; font-size:10px; }
  #topbar .contact-info .ms-4 { margin-left:8px!important; }
  .hero-modern { padding:56px 0 65px; }
  .hero-modern h1 { font-size:clamp(2.35rem,11vw,3.2rem); }
  .hero-lead { font-size:15px; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .btn-hero-primary,.btn-hero-secondary { width:100%; }
  .hero-trust { line-height:1.8; }
  .hero-visual { min-height:310px; margin-top:12px; }
  .visual-card-main { width:calc(100% - 32px); padding:18px; }
  .visual-hello { font-size:20px; }
  .orbit-one { width:290px;height:290px; }.orbit-two { width:220px;height:220px; }
  .floating-chip { padding:9px 11px; }.floating-chip>i { width:30px;height:30px; }
  .chip-top { top:0; right:-2px; }.chip-bottom { bottom:0; left:-2px; }
  #intro .content { padding:26px 22px; }
  #contact .php-email-form { padding:18px; }
}




/* EXPERIÊNCIA - CONTINUUM SISTEMAS */

.experiencia-section {
    background: #f3f6fb;
}

.experiencia-card {
    position: relative;
    overflow: hidden;
    padding: 55px;
    border-radius: 24px;
    color: #ffffff;
    background: linear-gradient(135deg, #0b1730 0%, #142d52 100%);
    box-shadow: 0 20px 55px rgba(11, 23, 48, 0.12);
}

.experiencia-label {
    display: inline-flex;
    align-items: center;
    padding: 9px 14px;
    border: 1px solid rgba(141, 197, 255, 0.35);
    border-radius: 50px;
    background: rgba(141, 197, 255, 0.08);
    color: #a8cfff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.experiencia-titulo {
    max-width: 680px;
    font-size: clamp(30px, 4vw, 45px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;
}

.experiencia-titulo span {
    color: #75b5ff;
}

.experiencia-texto {
    color: #d0dbea;
    font-size: 16px;
    line-height: 1.85;
}

.btn-experiencia {
    padding: 13px 23px;
    border: none;
    border-radius: 10px;
    background: #2674e8;
    color: #fff;
    font-weight: 600;
    transition: all 0.25s ease;
}

.btn-experiencia:hover {
    background: #4389f2;
    color: #fff;
    transform: translateY(-2px);
}

.experiencia-indicadores {
    padding: 15px 25px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
}

.indicador-item {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 22px 0;
}

.indicador-item + .indicador-item {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.indicador-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(117, 181, 255, 0.12);
    color: #8dc5ff;
    font-size: 24px;
}

.indicador-item h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.indicador-item p {
    margin: 0;
    color: #b9c8dc;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 767.98px) {
    .experiencia-card {
        padding: 30px 22px;
        border-radius: 18px;
    }

    .experiencia-titulo {
        font-size: 31px;
        letter-spacing: -0.5px;
    }

    .experiencia-texto {
        font-size: 15px;
    }

    .experiencia-indicadores {
        padding: 8px 18px;
    }

    .indicador-item {
        gap: 13px;
        padding: 18px 0;
    }
}