.como-funciona{position:relative;width:100%;overflow:hidden;background:var(--cf-bg);color:var(--cf-text)}.como-funciona *,.como-funciona *:before,.como-funciona *:after{box-sizing:border-box}.como-funciona__inner{position:relative;z-index:2;width:min(100%,var(--cf-max-width));margin-inline:auto;padding:var(--cf-pad-top-mobile) var(--cf-section-pad-mobile) var(--cf-pad-bottom-mobile)}.como-funciona__header{width:min(100%,920px);margin-inline:auto;text-align:center}.como-funciona__eyebrow{margin:0 0 18px;color:var(--cf-muted);font-size:clamp(.75rem,1.2vw,.95rem);font-weight:750;line-height:1;letter-spacing:.32em;text-transform:uppercase}.como-funciona__heading{margin:0;color:var(--cf-text);font-family:var(--font-heading--family, inherit);font-size:var(--cf-heading-size-mobile);font-weight:800;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.como-funciona__heading>span{display:inline}.como-funciona__heading-accent{color:var(--cf-accent)}.como-funciona__description{max-width:760px;margin:20px auto 0;color:var(--cf-muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.45}.como-funciona__description>*{margin:0}.como-funciona__cards{display:grid;grid-auto-flow:column;grid-auto-columns:min(var(--cf-card-width-mobile),86vw);gap:var(--cf-gap-mobile);margin:clamp(34px,7vw,68px) calc(var(--cf-section-pad-mobile) * -1) 0;padding:6px var(--cf-section-pad-mobile) 14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.como-funciona__cards::-webkit-scrollbar{display:none}.como-funciona__cards--stack-mobile{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr;overflow:visible;scroll-snap-type:none}.como-funciona__card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:visible;scroll-snap-align:start;padding:26px 20px 18px;background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-card-radius);box-shadow:0 18px 46px rgba(20,20,20,var(--cf-shadow-opacity))}.como-funciona__step-number{position:absolute;inset-block-start:18px;inset-inline-start:18px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--cf-accent-soft);color:var(--cf-accent);font-size:1.05rem;font-weight:800;line-height:1}.como-funciona__icon-wrap{display:grid;place-items:center;min-height:calc(var(--cf-icon-size-mobile) + 32px);padding-top:24px}.como-funciona__icon,.como-funciona__icon-placeholder{width:var(--cf-icon-size-mobile);height:var(--cf-icon-size-mobile);object-fit:contain}.como-funciona__icon{display:block;filter:drop-shadow(0 12px 18px rgba(237,17,29,.1))}.como-funciona__icon-placeholder{display:grid;place-items:center;padding:14%;border-radius:18px;color:var(--cf-accent);background:linear-gradient(180deg,#ffffff 0%,var(--cf-accent-soft) 100%);box-shadow:0 10px 30px #0a142814}.como-funciona__icon-placeholder svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.como-funciona__content{margin-top:12px}.como-funciona__card-title{margin:0;color:var(--cf-text);font-family:var(--font-heading--family, inherit);font-size:var(--cf-title-size-mobile);font-weight:780;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.como-funciona__card-copy{margin:16px 0 0;color:var(--cf-muted);font-size:var(--cf-body-size-mobile);line-height:1.38}.como-funciona__note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;margin-top:auto;padding:13px 14px;border:1px solid var(--cf-border);border-radius:12px;color:var(--cf-muted);background:color-mix(in srgb,var(--cf-surface) 94%,var(--cf-text) 6%);font-size:.9rem;line-height:1.25}.como-funciona__note-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:var(--cf-accent)}.como-funciona__note-icon svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.como-funciona__empty{display:grid;place-items:center;min-height:260px;padding:28px;color:var(--cf-muted);border:1px dashed var(--cf-border);border-radius:var(--cf-card-radius);text-align:center}.como-funciona__decor{display:none;position:absolute;pointer-events:none;z-index:0}.como-funciona--decorated .como-funciona__decor{display:block}.como-funciona__decor--left{top:-120px;left:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(237,17,29,.08),rgba(237,17,29,.02) 68%,transparent 70%)}.como-funciona__decor--right{top:116px;right:-190px;width:520px;height:520px;border:1px solid rgba(237,17,29,.45);border-radius:50%}.como-funciona__decor--right:after{content:"";position:absolute;top:100px;right:100px;bottom:100px;left:100px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(237,17,29,.05),transparent 67%)}@media screen and (min-width:750px){.como-funciona__inner{padding:var(--cf-pad-top-desktop) var(--cf-section-pad-desktop) var(--cf-pad-bottom-desktop)}.como-funciona__heading{font-size:var(--cf-heading-size-desktop)}.como-funciona__cards{grid-auto-flow:initial;grid-auto-columns:unset;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cf-gap-desktop);margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none}.como-funciona__icon-wrap{min-height:calc(var(--cf-icon-size-desktop) + 32px)}.como-funciona__icon,.como-funciona__icon-placeholder{width:var(--cf-icon-size-desktop);height:var(--cf-icon-size-desktop)}.como-funciona__card-title{font-size:var(--cf-title-size-desktop)}.como-funciona__card-copy{font-size:var(--cf-body-size-desktop)}}@media screen and (min-width:1100px){.como-funciona__cards{grid-template-columns:repeat(var(--cf-desktop-columns),minmax(0,1fr))}.como-funciona__card{min-height:var(--cf-card-min-height-desktop);padding:28px 22px 20px}.como-funciona__cards:not(.como-funciona__cards--no-connectors) .como-funciona__card:not(:last-child):after{content:"";position:absolute;top:31%;left:calc(100% + 5px);width:max(8px,calc(var(--cf-gap-desktop) - 10px));height:5px;background:radial-gradient(circle,var(--cf-accent) 2px,transparent 2.4px) left center / 9px 5px repeat-x;pointer-events:none}}@media(hover:hover)and (pointer:fine){.como-funciona--motion .como-funciona__card{transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}.como-funciona--motion .como-funciona__icon{transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease}.como-funciona--motion .como-funciona__card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--cf-accent) 30%,var(--cf-border));box-shadow:0 26px 60px rgba(20,20,20,calc(var(--cf-shadow-opacity) + .05))}.como-funciona--motion .como-funciona__card:hover .como-funciona__icon{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 16px 20px rgba(237,17,29,.16))}}@media(prefers-reduced-motion:no-preference){.como-funciona--motion .como-funciona__card{animation:comoFuncionaEnter .56s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--cf-index) * 70ms)}@keyframes comoFuncionaEnter{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}}@media(prefers-reduced-motion:reduce){.como-funciona--motion .como-funciona__card,.como-funciona--motion .como-funciona__icon{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/como-funciona.css.map */