/* Variação cromática exclusiva do index2.html */
.colorful-version{
  --navy:#17324d;
  --blue:#2375a8;
  --teal:#16877f;
  --sky:#eaf6fb;
  --mint:#eaf7f3;
  --amber:#ffab19;
  --amber-soft:#fff4dc;
  --blue-soft:#edf5fb;
}

.colorful-version .site-header{border-bottom:3px solid var(--amber);box-shadow:0 8px 28px rgba(23,50,77,.07)}
.colorful-version .main-nav a:hover{color:var(--blue)}
.colorful-version .hero:after{content:"";position:absolute;inset:auto 0 0;height:7px;background:linear-gradient(90deg,var(--amber) 0 38%,var(--teal) 38% 68%,var(--blue) 68%)}
.colorful-version .hero-copy .benefit-row span{border-top:3px solid var(--amber)}
.colorful-version .hero-copy .benefit-row span:nth-child(2){border-top-color:var(--teal)}
.colorful-version .hero-copy .benefit-row span:nth-child(3){border-top-color:var(--blue)}
.colorful-version .hero-copy .benefit-row span:nth-child(4){border-top-color:#df7b45}
.colorful-version .hero-copy .benefit-row span:nth-child(2) svg{color:var(--teal)}
.colorful-version .hero-copy .benefit-row span:nth-child(3) svg{color:var(--blue)}
.colorful-version .hero-copy .benefit-row span:nth-child(4) svg{color:#df7b45}

.colorful-version .trust-strip{background:linear-gradient(120deg,#fff8eb 0%,#edf8f6 50%,#edf5fb 100%)}
.colorful-version .trust-grid>div{padding:18px;border:1px solid rgba(23,50,77,.08);border-radius:12px;background:rgba(255,255,255,.72)}
.colorful-version .trust-grid>div:nth-child(2){box-shadow:inset 0 3px var(--teal)}
.colorful-version .trust-grid>div:nth-child(3){box-shadow:inset 0 3px var(--blue)}
.colorful-version .trust-grid>div:nth-child(4){box-shadow:inset 0 3px #df7b45}

.colorful-version .services{background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%)}
.colorful-version .service-card{border-color:rgba(23,50,77,.1);border-top:4px solid var(--amber)}
.colorful-version .service-card:nth-child(3n+2){border-top-color:var(--teal)}
.colorful-version .service-card:nth-child(3n){border-top-color:var(--blue)}
.colorful-version .service-card:nth-child(3n+2) .service-icon{background:var(--mint)}
.colorful-version .service-card:nth-child(3n) .service-icon{background:var(--blue-soft)}

.colorful-version .segments{background:linear-gradient(120deg,#eaf6fb 0%,#f8fbfc 48%,#fff4dc 100%)}
.colorful-version .segment-grid span{border:1px solid rgba(35,117,168,.14);box-shadow:0 9px 24px rgba(23,50,77,.06)}
.colorful-version .segment-grid span:nth-child(2n){background:#f1faf7}
.colorful-version .segment-grid span:nth-child(3n){background:#f1f7fc}

.colorful-version .process{background:var(--navy);color:#fff}
.colorful-version .process .eyebrow{color:#ffc45d}
.colorful-version .process h2{color:#fff}
.colorful-version .process-grid li{color:var(--navy);border:0;box-shadow:0 14px 30px rgba(4,17,30,.22)}
.colorful-version .process-grid li:nth-child(2),.colorful-version .process-grid li:nth-child(5){background:#f0faf7}
.colorful-version .process-grid li:nth-child(3){background:#fff5df}
.colorful-version .process-grid li:nth-child(4){background:#eef6fc}
.colorful-version .process-grid b{background:var(--teal)}
.colorful-version .process-grid li:nth-child(3) b{background:var(--amber);color:var(--navy)}
.colorful-version .process-grid li:nth-child(4) b{background:var(--blue)}

.colorful-version .split-copy{background:linear-gradient(135deg,#edf6fb,#f5fbf9)}
.colorful-version .stats span{padding:18px 10px;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(23,50,77,.08)}
.colorful-version .stats span:nth-child(2){background:var(--mint)}
.colorful-version .stats span:nth-child(3){background:var(--amber-soft)}
.colorful-version .stats span:nth-child(4){background:var(--blue-soft)}

.colorful-version .about{background:linear-gradient(150deg,#fff 0%,#fffaf0 100%)}
.colorful-version .about aside{background:linear-gradient(145deg,var(--navy),var(--blue));box-shadow:0 16px 35px rgba(23,50,77,.2)}
.colorful-version .about aside li:before{color:#ffc45d}

.colorful-version .contact{background:linear-gradient(125deg,#eaf7f3 0%,#f7fafc 58%,#edf5fb 100%)}
.colorful-version .contact-info{background:linear-gradient(145deg,var(--navy),#214c68);color:#fff}
.colorful-version .contact-info p,.colorful-version .contact-info a,.colorful-version .contact-info span{color:rgba(255,255,255,.88)}
.colorful-version .contact-info .eyebrow{color:#ffc45d}
.colorful-version .contact-icon{background:rgba(255,255,255,.1);color:#ffc45d}

.colorful-version .faq{background:#fbfcfd}
.colorful-version .faq details{border-left:4px solid var(--blue)}
.colorful-version .faq details:nth-child(3n+2){border-left-color:var(--teal)}
.colorful-version .faq details:nth-child(3n){border-left-color:var(--amber)}
.colorful-version .faq details[open]{background:var(--blue-soft)}
.colorful-version .faq details:nth-child(3n+2)[open]{background:var(--mint)}
.colorful-version .faq details:nth-child(3n)[open]{background:var(--amber-soft)}

.colorful-version .site-footer{background:linear-gradient(135deg,#f4f8fb,#fff8ec)}

@media(max-width:767px){
  .colorful-version .trust-grid>div{padding:15px}
  .colorful-version .process{background:linear-gradient(165deg,var(--navy),#214d69)}
  .colorful-version .stats span{padding:15px 8px}
}

/* Resultados: composição mais coesa e hierarquia mais clara */
.colorful-version .results{position:relative;border-block:1px solid rgba(23,50,77,.08);background:#f2f8fb}
.colorful-version .results .split-media{isolation:isolate;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.colorful-version .results .split-media:after{z-index:1;background:linear-gradient(90deg,rgba(23,50,77,.08),transparent 54%)}
.colorful-version .results .split-copy{position:relative;background:linear-gradient(135deg,#f2f8fb 0%,#f7fbfa 100%)}
.colorful-version .results .split-copy:before{content:none}
.colorful-version .results .split-copy h2{color:var(--navy);text-wrap:balance}
.colorful-version .results .stats{gap:14px}
.colorful-version .results .stats span{position:relative;overflow:hidden;border:1px solid rgba(23,50,77,.09);background:#fff;color:#425466;box-shadow:0 12px 28px rgba(23,50,77,.08)}
.colorful-version .results .stats span:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--amber)}
.colorful-version .results .stats span:nth-child(2):before{background:var(--teal)}
.colorful-version .results .stats span:nth-child(3):before{background:#dc8c22}
.colorful-version .results .stats span:nth-child(4):before{background:var(--blue)}
.colorful-version .results .stats strong{color:var(--navy)}
.colorful-version .results .stats img.stat-icon{filter:saturate(.9)}

/* Contato: contraste, agrupamento e leitura no mobile */
.colorful-version .contact-info{border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 38px rgba(23,50,77,.2)}
.colorful-version .contact-info:before{height:6px;background:linear-gradient(90deg,var(--amber) 0 42%,#4bc0ad 42% 72%,#63a9d2 72%)}
.colorful-version .contact-info h2{color:#fff;text-wrap:balance}
.colorful-version .contact-info .contact-intro{color:rgba(255,255,255,.82)}
.colorful-version .contact-list{gap:9px}
.colorful-version .contact-list>div{padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.colorful-version .contact-list>div:hover{transform:translateX(3px);border-color:rgba(255,196,93,.38);background:rgba(255,255,255,.09)}
.colorful-version .contact-list small{color:rgba(255,255,255,.66)}
.colorful-version .contact-list strong,
.colorful-version .contact-list>div>span>a{color:#fff;overflow-wrap:anywhere}
.colorful-version .contact-list>div>span>a:hover{color:#ffc45d}
.colorful-version .contact-icon{background:rgba(255,255,255,.11);color:#ffc45d}
.colorful-version .contact-list .contact-whatsapp{box-shadow:0 7px 18px rgba(9,87,45,.28)}

@media(max-width:1100px){
  .colorful-version .results .split-media{clip-path:none}
}

@media(max-width:640px){
  .colorful-version .results .split-copy{padding-inline:16px}
  .colorful-version .results .stats{gap:10px}
  .colorful-version .results .stats span{min-height:132px;padding:14px 8px}
  .colorful-version .contact-info{padding:30px 14px}
  .colorful-version .contact-list>div{grid-template-columns:40px minmax(0,1fr) 36px;gap:10px;padding:12px 10px}
  .colorful-version .contact-list>div:not(:has(.contact-whatsapp)){grid-template-columns:40px minmax(0,1fr)}
  .colorful-version .contact-list strong,
  .colorful-version .contact-list>div>span>a{font-size:16px;line-height:1.35}
}

/* Ajustes do hero no mobile */
@media(max-width:640px){
  .colorful-version .hero-copy > .eyebrow,
  .colorful-version .hero-copy > .benefit-row{display:none}
}