#solucoes { position:relative; overflow:hidden; padding-top:9.5rem; background:#fff; }
#solucoes:before { display:none; }
#solucoes .solutions-story { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch; gap:clamp(2.5rem,6vw,7rem); margin-bottom:6.5rem; }
#solucoes .section-heading { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:0; margin:0; padding:1.2rem 0 1rem; }
#solucoes .section-heading h2 { font-size:clamp(3.25rem,4.65vw,5.45rem); max-width:620px; margin:0; }
#solucoes .section-heading>p:last-child { align-self:auto; max-width:355px; margin:2.1rem 0 0; padding:1.3rem 0 0; border-top:1px solid rgba(1,31,120,.18); }
#solucoes .solution-list { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:13px; padding-top:34px; border:0; }
#solucoes .solution-list:before { content:""; position:absolute; top:0; left:8%; right:8%; height:1px; background:repeating-linear-gradient(90deg,#F28209 0 4px,transparent 4px 11px); }
#solucoes .solution-card { isolation:isolate; display:flex; flex-direction:column; align-items:flex-start; gap:0; min-height:590px; padding:1.5rem; border:1px solid rgba(1,31,120,.14); background:#fff; color:#011F78; transition:transform .3s ease,box-shadow .3s ease,background .3s ease; }
#solucoes .solution-card:nth-child(2),#solucoes .solution-card:nth-child(4) { transform:translateY(28px); }
#solucoes .solution-card:after { content:""; position:absolute; top:-40px; left:50%; width:11px; height:11px; border:3px solid #fff; border-radius:50%; background:#F28209; box-shadow:0 0 0 1px #F28209; transform:translateX(-50%); }
#solucoes .solution-card:before { display:none; }
#solucoes .solution-card:hover { padding:1.5rem; transform:translateY(-8px); box-shadow:0 24px 45px rgba(1,31,120,.16); background:#011F78; color:#fff; }
#solucoes .solution-card:nth-child(2):hover,#solucoes .solution-card:nth-child(4):hover { transform:translateY(16px); }
#solucoes .solution-index { margin-bottom:1.4rem; font-size:9px; color:#60709a; }
#solucoes .solution-image { position:relative; order:1; width:calc(100% + 3rem); height:162px; margin:0 -1.5rem 1.4rem; overflow:hidden; background:#011F78; }
#solucoes .solution-image:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(1,31,120,0) 35%,rgba(1,31,120,.35) 100%); pointer-events:none; }
#solucoes .solution-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .7s cubic-bezier(.2,.65,.25,1); }
#solucoes .solution-card:hover .solution-image img { transform:scale(1.09); }
#solucoes .solution-arrow { position:relative; inset:auto; order:2; margin-left:auto; opacity:1; transform:none; color:#F28209; }
#solucoes .solution-name { order:3; align-items:flex-start; flex-direction:column; gap:.85rem; margin-bottom:1rem; }
#solucoes .mini-icon { width:43px; height:43px; }
#solucoes .solution-card h3 { font-size:clamp(2rem,2.6vw,2.7rem); }
#solucoes .solution-card p { order:4; display:block; margin-bottom:1.3rem; font-size:12px; color:#627095; }
#solucoes .solution-card ul { order:5; margin:0 0 1.6rem; font-size:10px; color:#60709a; }
#solucoes .solution-card>a { order:6; margin-top:auto; text-align:left; color:inherit; }
#solucoes .solution-card:hover p,#solucoes .solution-card:hover ul { color:rgba(255,255,255,.72); }
#solucoes .solution-card:hover .solution-index { color:#F28209; }
@media(max-width:1000px) { #solucoes .solutions-story { grid-template-columns:1fr; gap:2.5rem; margin-bottom:4.5rem; } #solucoes .section-heading { padding:0; } #solucoes .section-heading>p:last-child { max-width:480px; } #solucoes .solution-list { grid-template-columns:repeat(2,1fr); row-gap:48px; } #solucoes .solution-card:nth-child(2),#solucoes .solution-card:nth-child(4) { transform:none; } #solucoes .solution-card:nth-child(2):hover,#solucoes .solution-card:nth-child(4):hover { transform:translateY(-8px); } }
@media(max-width:720px) { #solucoes { padding-top:5.8rem; } #solucoes .solutions-story { gap:2rem; margin-bottom:3.5rem; } #solucoes .section-heading { display:block; margin:0; } #solucoes .section-heading>p:last-child { margin-top:1.5rem; } #solucoes .solution-list { display:block; padding-top:0; } #solucoes .solution-list:before,#solucoes .solution-card:after { display:none; } #solucoes .solution-card,#solucoes .solution-card:hover { min-height:0; margin-bottom:10px; padding:1.4rem; transform:none; } #solucoes .solution-index { margin-bottom:1.15rem; } #solucoes .solution-image { width:calc(100% + 2.8rem); height:190px; margin:0 -1.4rem 1.25rem; } #solucoes .solution-name { flex-direction:row; align-items:center; } #solucoes .solution-card h3 { font-size:2.2rem; } }