/* ==========================
   SOBRE — ITA DIGITAL
   ========================== */

   .about-page .about-hero { padding-block: clamp(28px, 6vw, 56px); }
   .about-page .about-hero__head { text-align:center; max-width: 920px; margin: 0 auto; }
   .about-page .about-hero .eyebrow{
     color:#0b63f3; text-transform:uppercase; letter-spacing:.08em; font-weight:800; margin:0 0 6px;
   }
   .about-page .about-hero h1{
     margin:0 0 8px; line-height:1.08; font-size: clamp(1.8rem, 4vw, 2.6rem);
   }
   .about-page .about-hero .lead{ margin:0 auto 12px; color:#475569; max-width: 820px; }
   .theme-dark .about-page .about-hero .lead{ color:#cbd5e1; }
   
   .about-page .about-badges{
     display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:10px;
     margin: 10px auto 10px; max-width: 820px;
   }
   .about-page .about-badges li{
     list-style:none; background: rgba(255,255,255,.75); border:1px solid rgba(148,163,184,.25);
     border-radius:14px; padding:12px; display:grid; place-items:center; gap:4px;
   }
   .theme-dark .about-page .about-badges li{
     background: rgba(15,23,42,.55); border-color: rgba(148,163,184,.22);
   }
   .about-page .about-badges strong{ font-size:1.3rem; }
   .about-page .about-badges span{ color:#475569; }
   .theme-dark .about-page .about-badges span{ color:#cbd5e1; }
   
   /* Diferenciais */
   .about-page .about-grid{
     display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:14px;
   }
   .about-page .about-grid .glass-card{
     padding:14px; border-radius:16px;
   }
   .about-page .card-title{
     display:flex; align-items:center; gap:8px; margin:0 0 6px; font-weight:800;
   }
   .about-page .card-title .i{ font-size:18px; }
   
   /* Processo */
   .about-page .about-steps{
     margin-top:16px; border-radius:16px; padding:14px;
   }
   .about-page .section-title{
     display:flex; align-items:center; gap:8px; margin:0 0 8px; font-size:1.15rem; font-weight:800;
   }
   .about-page .section-title .i{ font-size:18px; }
   .about-page .steps{
     list-style:none; padding:0; margin:0; display:grid; gap:10px;
   }
   .about-page .steps li{
     display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start;
     border:1px dashed rgba(148,163,184,.35); border-radius:12px; padding:8px 10px;
     background: rgba(255,255,255,.7);
   }
   .theme-dark .about-page .steps li{
     background: rgba(15,23,42,.45); border-color: rgba(148,163,184,.25);
   }
   .about-page .steps .badge{
     width:28px; height:28px; border-radius:999px; display:grid; place-items:center;
     background:#0b63f3; color:#fff; font-weight:800;
   }
   
   /* Resultados */
   .about-page .about-results{
     display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; margin-top:14px;
   }
   .about-page .about-results .r{
     padding:14px; border-radius:16px; text-align:center; display:grid; gap:4px;
   }
   .about-page .about-results .r strong{ font-size:1.3rem; }
   .about-page .about-results .r span{ color:#475569; }
   .theme-dark .about-page .about-results .r span{ color:#cbd5e1; }
   
   /* Depoimentos */
   .about-page .about-testis{
     display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:14px;
   }
   .about-page .about-testis .t{ padding:14px; border-radius:16px; }
   .about-page .quote{ margin:0 0 6px; font-size:1.05rem; }
   .about-page .who{ margin:0; color:#64748b; }
   
   /* Integrações */
   .about-page .integrations{ margin-top:16px; padding:14px; border-radius:16px; }
   .about-page .integrations .marquee{
     overflow:hidden; position:relative;
     mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
   }
   .about-page .integrations .chips{
     display:flex; gap:10px; padding:0; margin:0; list-style:none;
     animation: slide 26s linear infinite;
   }
   .about-page .integrations .chips li{
     white-space:nowrap; padding:8px 12px; border-radius:999px;
     background: rgba(255,255,255,.75);
     border:1px solid rgba(148,163,184,.25);
     font-weight:700; color:#0f172a;
   }
   .theme-dark .about-page .integrations .chips li{
     background: rgba(15,23,42,.45); color:#e2e8f0; border-color: rgba(148,163,184,.22);
   }
   @keyframes slide{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
   
   /* Garantias */
   .about-page .about-guards{ margin-top:16px; padding:14px; border-radius:16px; }
   .about-page .bullets{ list-style: none; padding:0; margin:0; display:grid; gap:8px; }
   .about-page .bullets li{ position:relative; padding-left:22px; }
   .about-page .bullets li::before{
     content:""; position:absolute; left:0; top:7px; width:12px; height:12px; border-radius:999px; background:#10b981;
     box-shadow: inset 0 0 0 2px #ecfdf5;
   }
   
   /* FAQ */
   .about-page .about-faq{ margin-top:16px; padding:14px; border-radius:16px; }
   .about-page .faq details{ border:1px solid rgba(148,163,184,.25); border-radius:12px; padding:10px 12px; background: rgba(255,255,255,.75); }
   .about-page .faq details + details{ margin-top:8px; }
   .about-page .faq summary{ cursor:pointer; font-weight:700; }
   .about-page .faq p{ margin:.4rem 0 0; color:#475569; }
   .theme-dark .about-page .faq details{ background: rgba(15,23,42,.55); border-color: rgba(148,163,184,.22); }
   .theme-dark .about-page .faq p{ color:#cbd5e1; }
   
   /* CTA final */
   .about-page .about-cta{ text-align:center; margin:16px 0 0; }
   .about-page .about-cta h2{ margin:0 0 6px; }
   .about-page .about-cta p{ margin:0 0 10px; color:#475569; }
   .theme-dark .about-page .about-cta p{ color:#cbd5e1; }
   
   /* Responsivo */
   @media (max-width: 1000px){
     .about-page .about-grid{ grid-template-columns: 1fr 1fr; }
     .about-page .about-results{ grid-template-columns: 1fr 1fr; }
     .about-page .about-testis{ grid-template-columns: 1fr; }
   }
   @media (max-width: 640px){
     .about-page .about-badges{ grid-template-columns: 1fr; }
     .about-page .about-grid{ grid-template-columns: 1fr; }
   }