/* Sections 03 / Services and 05 / Audience, adopted from original-motion.
   Base styles.css + agency.css supply the original cards, typography and layout.
   These rules restore their original dimensions and isolate the motion materials. */
:is(#solucoes,#para-quem).section-space{padding-block:112px}
:is(#solucoes,#para-quem) .container{width:min(1240px,calc(100% - 112px))}
:is(#solucoes,#para-quem) h2,:is(#solucoes,#para-quem) h3{font-weight:550}
#solucoes,#para-quem{isolation:isolate;position:relative;overflow:clip}
:is(#solucoes,#para-quem) .section-orb{position:absolute;z-index:-1;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.14;pointer-events:none;animation:nexus-prism-drift 14s ease-in-out infinite alternate}
#solucoes .section-orb-violet{background:var(--cobalt);right:-260px;top:15%}
#solucoes .section-orb-aqua{background:var(--aqua);left:-300px;top:42%;animation-delay:-4s}
#para-quem .section-orb-gold{background:var(--gold);left:25%;bottom:-370px;animation-delay:-7s}
#para-quem .section-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 12% 25%,#F7E0B0 0 1px,transparent 1.5px),radial-gradient(circle at 78% 18%,white 0 1px,transparent 1.5px),radial-gradient(circle at 65% 72%,#D6B16C 0 1px,transparent 1.5px);background-size:210px 230px;animation:nexus-star-shift 20s linear infinite}
#solucoes .solution-card{backdrop-filter:blur(24px) saturate(162%);-webkit-backdrop-filter:blur(24px) saturate(162%);transition:transform .6s var(--ease),box-shadow .35s,border-color .35s}
#solucoes .solution-card::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--surface-x,50%) var(--surface-y,50%),#FFFFFFA0,transparent 65%);opacity:0;transition:opacity .35s}
#solucoes .solution-hitarea{position:relative;min-width:0;border-radius:28px;transform-origin:50% 0}
#solucoes .solution-hitarea-featured{grid-column:1/-1}
#solucoes .solution-card:hover{transform:none;box-shadow:inset 0 1px 0 #FFFFFF,0 15px 45px #2B2B2E06}
#solucoes .solution-hitarea.is-pointer-over>.solution-card{transform:translateY(-8px);border-color:#D6B16C60;box-shadow:0 24px 55px rgba(43,43,46,.1)}
#solucoes .solution-hitarea.is-pointer-over>.solution-card::after{opacity:1}
#solucoes .solution-card .service-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
#solucoes .solution-hitarea.is-pointer-over .service-icon{transform:rotate(-7deg) translateY(-2px);box-shadow:0 8px 24px #D6B16C25}
#solucoes .solution-card.is-tilting{transition:transform .12s ease-out,box-shadow .35s,border-color .35s}
.selected-motion #solucoes .solution-grid{perspective:1400px}
.selected-motion #solucoes .solution-card{transform-origin:50% 0}
.selected-motion #solucoes .solution-card:focus-within,
.selected-motion #solucoes .solution-card:has(details[open]){translate:none!important;rotate:none!important;scale:none!important;transform:none!important}
.selected-motion #solucoes .solution-hitarea:focus-within,
.selected-motion #solucoes .solution-hitarea:has(details[open]){translate:none!important;rotate:none!important;scale:none!important}
.selected-wide #para-quem{transform-origin:center 30%}
.motion-paused #solucoes .solution-card{transform:none!important}
@keyframes nexus-prism-drift{to{transform:translate3d(7vw,6vh,0) scale(1.16)}}
@keyframes nexus-mesh-rotate{to{transform:rotate(360deg)}}
@keyframes nexus-star-shift{to{background-position:210px 230px}}
@media(max-width:1150px){:is(#solucoes,#para-quem) .container{width:calc(100% - 72px)}}
@media(max-width:900px){:is(#solucoes,#para-quem).section-space{padding-block:80px}:is(#solucoes,#para-quem) .container{width:calc(100% - 48px)}}
@media(max-width:580px){:is(#solucoes,#para-quem).section-space{padding-block:65px}:is(#solucoes,#para-quem) .container{width:calc(100% - 40px)}:is(#solucoes,#para-quem) .section-orb{width:320px;height:320px;filter:blur(65px)}#solucoes .section-orb-violet{right:-200px}#solucoes .section-orb-aqua{left:-220px}#solucoes .solution-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(hover:none),(pointer:coarse){#solucoes .solution-hitarea.is-pointer-over>.solution-card{transform:none}}
@media(prefers-reduced-motion:reduce){#solucoes .solution-card{transform:none!important}}
@media print{#solucoes .solution-hitarea,#solucoes .solution-card,#para-quem{translate:none!important;rotate:none!important;scale:none!important;transform:none!important;border-radius:0!important}}
