/* ============ LIGHTBOX ============ */
  .lightbox{
    position:fixed; inset:0; background:rgba(6,10,9,.92); backdrop-filter:blur(6px);
    display:none; align-items:center; justify-content:center; z-index:200; padding:40px; cursor:zoom-out;
  }
  .lightbox.open{display:flex;}
  .lightbox img{max-width:100%; max-height:100%; border-radius:10px; box-shadow:0 30px 80px -20px rgba(0,0,0,.7);}
  .lightbox-close{
    position:absolute; top:24px; right:24px; width:40px;height:40px; border-radius:50%;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); color:#f3f1ea; font-size:16px; cursor:pointer;
  }

  /* ============ DARK MODE ============ */
  body{transition:background-color .35s ease, color .35s ease;}
  header, .featured-post, .post-card, .module-card, .price-card, .pain-card, .contract-card,
  .brand-banner, .brand-banner-video-frame, .bi-video-wrap, .article-hero-img, .featured-thumb, .post-thumb{
    transition:background-color .35s ease, border-color .35s ease, box-shadow .35s ease;
  }
  html.dark-mode{
    --bg:#0e1319;
    --surface:rgba(21, 28, 38, 0.82);
    --surface-2:#19222e;
    --surface-3:#222e3d;
    --border:rgba(255, 255, 255, 0.12);
    --border-soft:rgba(255, 255, 255, 0.06);
    --text:#f8fafc;
    --text-muted:#94a3b8;
    --text-faint:#64748b;
    --green:#10b981;
    --green-soft:#34d399;
    --blue:#38bdf8;
    --blue-soft:#93c5fd;
    --amber:#fbbf24;
    --amber-soft:#fcd34d;
    --violet:#a78bfa;
    --violet-soft:#c4b5fd;
    --red:#f87171;
    --grad: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --shadow-glow: 0 0 0 1px rgba(255,255,255,.08), 0 24px 60px -20px rgba(0,0,0,.6);
  }
  html.dark-mode body::before{
    opacity:.95;
    background-image:
      radial-gradient(ellipse 70% 50% at 20% -10%, rgba(16,185,129,.16), transparent 65%),
      radial-gradient(ellipse 60% 45% at 85% 15%, rgba(56,189,248,.12), transparent 60%),
      radial-gradient(ellipse 70% 50% at 50% 50%, rgba(16,185,129,.07), transparent 70%),
      radial-gradient(ellipse 80% 60% at 50% 95%, rgba(99,102,241,.10), transparent 70%);
  }
  html.dark-mode body::after{opacity:.03;}
  html.dark-mode .lightbox img{box-shadow:0 30px 80px -20px rgba(0,0,0,.95);}

  .theme-toggle{
    width:40px; height:40px; border-radius:50%;
    border:1px solid var(--border);
    background:rgba(255, 255, 255, 0.06);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.25), 0 4px 12px -2px rgba(0,0,0,0.1);
    color:var(--text-muted); display:flex; align-items:center; justify-content:center; cursor:pointer;
    transition:all .28s cubic-bezier(0.16, 1, 0.3, 1); flex-shrink:0;
  }
  html:not(.dark-mode) .theme-toggle{
    background:rgba(255, 255, 255, 0.7);
    border-color:rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 1.5px rgba(255,255,255,0.9), 0 4px 12px -2px rgba(0,0,0,0.05);
  }
  .theme-toggle:hover{
    color:var(--green-soft); border-color:var(--green-soft);
    transform:translateY(-1px) scale(1.05);
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.4), 0 6px 16px -2px rgba(16,185,129,0.25);
  }
  .theme-toggle svg{width:18px;height:18px;}
  .theme-toggle .icon-moon{display:none;}
  html.dark-mode .theme-toggle .icon-sun{display:none;}
  html.dark-mode .theme-toggle .icon-moon{display:block;}

  /* ============ AZLTECH (missão/visão/valores) ============ */
  .mvo-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:8px;}
  .mvo-card{
    background:var(--surface); border:1px solid var(--border); border-radius:20px;
    padding:34px 28px; text-align:center; box-shadow:0 1px 2px rgba(22,33,31,.05);
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .mvo-card:hover{transform:translateY(-4px); box-shadow:0 22px 40px -22px rgba(22,33,31,.28); border-color:var(--green-soft);}
  .mvo-icon{
    width:56px; height:56px; margin:0 auto 18px; border-radius:16px;
    background:linear-gradient(135deg, var(--green), var(--green-soft));
    display:flex; align-items:center; justify-content:center; color:#fff;
    box-shadow:0 10px 20px -8px var(--green); overflow:hidden;
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
  }
  .mvo-card:hover .mvo-icon{transform:scale(1.12) rotate(-6deg); box-shadow:0 16px 28px -8px var(--green);}
  .mvo-icon svg{width:26px;height:26px;}
  .mvo-icon img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
  .mvo-card:hover .mvo-icon img{transform:scale(1.15);}
  .mvo-card h3{font-size:18px; margin-bottom:10px;}
  .mvo-card p{font-size:14.5px; color:var(--text-muted); line-height:1.65;}

  .values-title{font-size:22px; font-family:var(--font-display);}
  .values-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:18px 16px; margin-top:8px;}
  .value-card{
    background:var(--surface); border:1px solid var(--border-soft); border-radius:16px;
    padding:24px 18px; text-align:center;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .value-card:hover{transform:translateY(-3px); box-shadow:0 18px 32px -20px rgba(22,33,31,.25); border-color:var(--green-soft);}
  .value-icon{
    width:46px; height:46px; margin:0 auto 14px; border-radius:50%;
    background:var(--surface-2); border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center; color:var(--green-soft); overflow:hidden;
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), border-color .3s ease;
  }
  .value-card:hover .value-icon{transform:scale(1.15) rotate(8deg); border-color:var(--green-soft);}
  .value-icon svg{width:21px;height:21px;}
  .value-icon img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
  .value-card:hover .value-icon img{transform:scale(1.18);}
  .value-card h4{font-size:14.5px; font-weight:600; margin-bottom:6px;}
  .value-card p{font-size:13px; color:var(--text-muted); line-height:1.55;}

  .azltech-quote{
    margin-top:44px; padding:26px 30px; border-radius:16px;
    background:var(--grad-soft); border:1px solid var(--border);
    display:flex; align-items:center; gap:18px;
  }
  .azltech-quote svg{width:30px; height:30px; color:var(--green-soft); flex-shrink:0;}
  .azltech-quote p{font-size:15px; color:var(--text); line-height:1.6; margin:0;}

  @media (max-width:900px){
    .mvo-grid{grid-template-columns:1fr;}
    .values-grid{grid-template-columns:1fr 1fr;}
    .azltech-quote{flex-direction:column; text-align:center;}
  }
  @media (max-width:560px){
    .values-grid{grid-template-columns:1fr;}
  }
