.step-card[data-step],.prepare-detail[data-step]{--step-accent:#247d68;--step-accent-deep:#155848;--step-soft:#eaf5f1;--step-art:radial-gradient(circle, currentColor 0 4px, transparent 5px)}.step-card[data-step=familia],.prepare-detail[data-step=familia]{--step-accent:#9b5c78;--step-accent-deep:#713a55;--step-soft:#f7edf2;--step-art:radial-gradient(circle at 24% 33%, currentColor 0 5px, transparent 6px), radial-gradient(circle at 68% 25%, currentColor 0 4px, transparent 5px), radial-gradient(circle at 47% 70%, currentColor 0 6px, transparent 7px), linear-gradient(32deg, transparent 46%, currentColor 47% 49%, transparent 50%);--step-icon-radius:50% 50% 42% 58%}.step-card[data-step=casa],.prepare-detail[data-step=casa]{--step-accent:#31806c;--step-accent-deep:#1d5d4c;--step-soft:#eaf5f0;--step-art:linear-gradient(135deg, transparent 42%, currentColor 43% 47%, transparent 48%), linear-gradient(45deg, transparent 42%, currentColor 43% 47%, transparent 48%), linear-gradient(90deg, transparent 24%, currentColor 25% 28%, transparent 29% 71%, currentColor 72% 75%, transparent 76%);--step-icon-radius:12px 12px 23px 23px}.step-card[data-step=autonomia],.prepare-detail[data-step=autonomia]{--step-accent:#c28a18;--step-accent-deep:#8b5e08;--step-soft:#fbf3df;--step-art:repeating-linear-gradient(0deg, transparent 0 15px, currentColor 16px 18px), repeating-linear-gradient(90deg, transparent 0 15px, currentColor 16px 18px);--step-icon-radius:14px}.step-card[data-step=informacao],.prepare-detail[data-step=informacao]{--step-accent:#337ca6;--step-accent-deep:#205a7e;--step-soft:#eaf3f8;--step-art:repeating-radial-gradient(circle at 50% 50%, transparent 0 12px, currentColor 13px 15px, transparent 16px 25px);--step-icon-radius:50%}.step-card[data-step=sair-ou-ficar],.prepare-detail[data-step=sair-ou-ficar]{--step-accent:#d1663f;--step-accent-deep:#9d4427;--step-soft:#faeee9;--step-art:repeating-linear-gradient(135deg, transparent 0 13px, currentColor 14px 17px, transparent 18px 28px);--step-icon-radius:10px 24px 10px 24px}.step-card[data-step]{isolation:isolate;border-top-color:var(--step-accent);background:linear-gradient(155deg, color-mix(in srgb, var(--step-soft) 78%, white), #fff 48%);transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 .45rem 1.4rem #123f4a0e}.step-card[data-step]:before{z-index:0;background:var(--step-accent);content:"";height:5px;position:absolute;inset:0 0 auto}.step-card[data-step]:after{background:var(--step-art);width:9.5rem;height:9.5rem;color:var(--step-accent);opacity:.12;border-radius:50%;transition:opacity .22s,transform .22s;top:.6rem;right:-1.3rem;transform:rotate(-6deg)scale(.92)}.step-card[data-step]>*{z-index:1;position:relative}.step-card[data-step] .step-number{color:var(--step-accent-deep)}.step-card[data-step] .step-icon{border-radius:var(--step-icon-radius,14px);background:var(--step-soft);color:var(--step-accent-deep);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--step-accent) 20%, transparent);transition:transform .22s,background .22s}.step-card[data-step] .card-link{color:var(--step-accent-deep)}.step-card[data-step]:hover,.step-card[data-step]:focus-visible{border-color:color-mix(in srgb, var(--step-accent) 40%, #dce8e5);transform:translateY(-5px);box-shadow:0 1.1rem 2.5rem #123f4a1f}.step-card[data-step]:hover:after,.step-card[data-step]:focus-visible:after{opacity:.2;transform:rotate(2deg)scale(1.02)}.step-card[data-step]:hover .step-icon,.step-card[data-step]:focus-visible .step-icon{background:color-mix(in srgb, var(--step-soft) 76%, white);transform:translateY(-2px)rotate(-2deg)}.step-card[data-step]:focus-visible{outline:3px solid color-mix(in srgb, var(--step-accent) 68%, white);outline-offset:4px}.prepare-detail[data-step]{overflow:clip}.prepare-detail[data-step] .detail-hero{isolation:isolate;border-bottom:1px solid color-mix(in srgb, var(--step-accent) 16%, #dfe9e6);background:radial-gradient(circle at 86% 48%, color-mix(in srgb, var(--step-accent) 12%, transparent), transparent 27%), linear-gradient(150deg, color-mix(in srgb, var(--step-soft) 78%, white), #fff 60%);padding-right:clamp(12.5rem,20vw,15rem);position:relative;overflow:hidden}.prepare-detail[data-step] .detail-hero:after{z-index:-1;aspect-ratio:1;background:var(--step-art);width:clamp(220px,24vw,340px);color:var(--step-accent);content:"";opacity:.055;border-radius:50%;position:absolute;top:50%;right:max(1.2rem,50vw - 620px);transform:translateY(-50%)rotate(-5deg)}.prepare-detail[data-step] .detail-hero>:not(.prepare-detail-mark){z-index:2;position:relative}.prepare-detail[data-step] .detail-hero h1{max-width:15ch;color:var(--step-accent-deep);text-wrap:balance}.prepare-detail[data-step] .detail-hero .subtitle{max-width:48rem;color:var(--step-accent-deep)}.prepare-detail[data-step] .detail-hero .lead{color:#38575d;max-width:48rem}.prepare-detail-mark{z-index:1;aspect-ratio:1;border-radius:var(--step-icon-radius,28px);background:color-mix(in srgb, var(--step-accent) 8%, white 70%);width:clamp(118px,13vw,178px);color:var(--step-accent);opacity:.2;pointer-events:none;place-items:center;animation:5.5s ease-in-out infinite prepare-step-mark-drift;display:grid;position:absolute;top:50%;right:clamp(1.5rem,3vw,2.5rem);transform:translateY(-50%)rotate(-4deg)}.prepare-detail-mark svg{width:58%;height:58%}.prepare-detail[data-step] .detail-hero .eyebrow,.prepare-detail[data-step] .detail-hero .breadcrumbs a,.prepare-detail[data-step] .article>section>.eyebrow{color:var(--step-accent-deep)}.prepare-detail[data-step] .action-card{border-color:color-mix(in srgb, var(--step-accent) 18%, #dce8e5);background:linear-gradient(145deg, color-mix(in srgb, var(--step-soft) 58%, white), #fff)}.prepare-detail[data-step] .action-card>span{border-color:color-mix(in srgb, var(--step-accent) 24%, transparent);background:var(--step-soft);color:var(--step-accent-deep)}.prepare-detail[data-step] .feature-link{border-color:color-mix(in srgb, var(--step-accent) 24%, #d8e4e1);background:linear-gradient(135deg, var(--step-soft), #fff 70%)}.prepare-detail[data-step] .feature-link>span,.prepare-detail[data-step] .next-step>div>span{color:var(--step-accent-deep)}.prepare-detail[data-step] .next-step>a{background:var(--step-accent-deep);color:#fff}@keyframes prepare-step-mark-drift{0%,to{transform:translateY(-50%)rotate(-4deg)}50%{transform:translateY(calc(-50% - 7px))rotate(-1deg)}}@media (max-width:900px){.prepare-detail[data-step] .detail-hero{padding-right:10rem}.prepare-detail-mark{opacity:.14;width:120px;right:1.4rem}.prepare-detail[data-step] .detail-hero:after{width:260px;right:-4rem}}@media (max-width:650px){.step-card[data-step]:after{width:8rem;height:8rem;right:-2.3rem}.prepare-detail[data-step] .detail-hero{padding-bottom:7.5rem;padding-right:0}.prepare-detail[data-step] .detail-hero h1,.prepare-detail[data-step] .detail-hero .subtitle,.prepare-detail[data-step] .detail-hero .lead{max-width:none}.prepare-detail-mark{opacity:.12;width:88px;top:auto;bottom:1rem;right:.5rem;transform:rotate(-5deg)}.prepare-detail[data-step] .detail-hero:after{width:220px;top:auto;bottom:-6rem;right:-4.5rem;transform:rotate(-7deg)}}@media (prefers-reduced-motion:reduce){.step-card[data-step],.step-card[data-step]:after,.step-card[data-step] .step-icon,.prepare-detail-mark{transition:none!important;animation:none!important}.step-card[data-step]:hover,.step-card[data-step]:focus-visible{transform:none}.step-card[data-step]:hover:after,.step-card[data-step]:focus-visible:after{transform:rotate(-6deg)scale(.92)}.step-card[data-step]:hover .step-icon,.step-card[data-step]:focus-visible .step-icon{transform:none}}
