.color-grid{width:100%;min-height:100vh;margin-block:var(--section-gap-y)}.color-grid,.color-grid-container{height:auto;display:flex;justify-content:center;align-items:center;position:relative}.color-grid-container{width:95%;flex-direction:column}.color-grid-head{flex-direction:column;text-align:center;width:min(720px,90%)}.color-grid-grid,.color-grid-head{gap:calc(var(--fs)*1.25);display:flex;justify-content:center;align-items:center;position:relative}.color-grid-grid{margin-top:calc(var(--fs)*3.049)}.color-grid--reverse .color-grid-grid{flex-direction:row-reverse}.color-grid-title{color:#0d121c;text-align:center;font-family:Plus Jakarta Sans;font-size:calc(var(--fs)*3.5);font-style:normal;font-weight:400;line-height:120%}.color-grid-title-bold{font-weight:800}.color-grid-lede{color:#606060;text-align:center;font-family:Plus Jakarta Sans;font-size:calc(var(--fs)*1);font-style:normal;font-weight:400;line-height:1.5}.color-grid-card{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:#f4f4f4;border-radius:calc(var(--fs)*2)}.color-grid-card--small{width:calc(var(--fs)*20.188);height:calc(var(--fs)*17.25)}.color-grid-card--large{width:calc(var(--fs)*41.375);height:calc(var(--fs)*15.25)}.color-grid-card--medium{width:calc(var(--fs)*36.025);height:calc(var(--fs)*33.625)}.color-grid-glows{position:absolute;inset:0;pointer-events:none;z-index:0}.color-grid-glows--violet .color-grid-glow{background:rgba(196,144,243,.61)}.color-grid-glows--yellow .color-grid-glow{background:rgba(251,191,36,.5)}.color-grid-glows--green .color-grid-glow{background:rgba(52,211,153,.5)}.color-grid-glows--blue .color-grid-glow{background:rgba(96,165,250,.56)}.color-grid-glow{position:absolute;border-radius:9999px;pointer-events:none;filter:blur(calc(var(--fs) * 5.062))}.color-grid-glow--1{width:calc(var(--fs)*42.688);height:calc(var(--fs)*11.625);right:0;bottom:0;transform:translate(30%,40%);animation:colorGridGlow1 9s linear infinite}.color-grid-glow--2{width:calc(var(--fs)*35.125);height:calc(var(--fs)*8.938);left:0;top:0;transform:translate(-32%,-40%);opacity:.86;animation:colorGridGlow2 9s linear infinite}.color-grid-groups{flex-direction:column;justify-content:center;align-items:center}.color-grid-groups,.color-grid-groups-top{display:flex;gap:calc(var(--fs)*1.125);width:-moz-fit-content;width:fit-content}.color-grid-groups-top{justify-content:flex-start;align-items:flex-start}.color-grid-inner{border-radius:calc(var(--fs)*1.3);position:relative;background:#fff;z-index:1;padding:calc(var(--fs)*1.375);padding-top:calc(var(--fs)*1.875)}.color-grid-inner--small{width:calc(var(--fs)*18.875);height:calc(var(--fs)*16.062)}.color-grid-inner--large{width:calc(var(--fs)*39.562);height:calc(var(--fs)*13.687)}.color-grid-inner--medium{width:calc(var(--fs)*34.5125);height:calc(var(--fs)*32)}.color-grid-feature-top{height:calc(var(--fs)*3.982);justify-content:flex-start}.color-grid-contact-top,.color-grid-feature-top{display:flex;width:100%;align-items:center;gap:calc(var(--fs)*1.188)}.color-grid-contact-top{justify-content:space-between}.color-grid-contact-top__wrapper{display:flex;flex-direction:column;gap:calc(var(--fs)*1.188)}.color-grid-contact-desc{color:#697586;font-size:max(12px,var(--fs)*.875);line-height:calc(var(--fs)*1.125)}.color-grid-contact-badge,.color-grid-contact-desc{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400}.color-grid-contact-badge{border-radius:9999px;background:#ddeafa;color:#000;text-align:center;font-size:calc(var(--fs)*.625);line-height:calc(var(--fs)*.938);width:calc(var(--fs)*5.688);height:calc(var(--fs)*1.625);padding:calc(var(--fs)*.4) calc(var(--fs)*1.25)}.color-grid-chips{display:flex;width:100%;justify-content:flex-start;align-items:flex-start;gap:calc(var(--fs)*.5);padding:0;margin:0;margin-top:calc(var(--fs)*1.5)}.color-grid-chips li{display:flex;gap:calc(var(--fs)*.625);border-radius:calc(var(--fs)*2.062);padding:calc(var(--fs)*.375) calc(var(--fs)*.938) calc(var(--fs)*.375) calc(var(--fs)*1);align-items:center;color:#0d121c;overflow:hidden;text-overflow:ellipsis;font-family:Plus Jakarta Sans;font-size:calc(var(--fs)*.75);font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125)}.color-grid-chips li svg{width:calc(var(--fs)*1);height:calc(var(--fs)*1)}.color-grid-chip--blue{background:rgba(96,165,250,.2)}.color-grid-chip--turquoise{background:rgba(107,197,211,.2)}.color-grid-chip--green{background:rgba(52,211,153,.16)}.color-grid-inner--scanner{display:flex;flex-direction:column}.color-grid-scan-badge{flex-shrink:0;height:-moz-fit-content;height:fit-content;border-radius:9999px;background:#ddeafa;color:#2563eb;text-align:center;font-family:Plus Jakarta Sans;font-size:max(12px,var(--fs)*.7);font-weight:400;line-height:1.2;white-space:nowrap;padding:calc(var(--fs)*.4) calc(var(--fs)*1)}.color-grid-scan-progress{width:100%;margin-top:calc(var(--fs)*1.5);padding:calc(var(--fs)*1.1) calc(var(--fs)*1.25);border-radius:calc(var(--fs)*1.25);background:rgba(0,160,172,.07)}.color-grid-scan-progress__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--fs)*.75)}.color-grid-scan-progress__label{color:#697586;font-family:Plus Jakarta Sans;font-size:max(12px,var(--fs)*.8);font-weight:400}.color-grid-scan-progress__value{color:#00a0ac;font-family:Plus Jakarta Sans;font-size:max(12px,var(--fs)*.8);font-weight:600}.color-grid-scan-progress__bar{width:100%;height:calc(var(--fs)*.7);border-radius:9999px;background:rgba(0,160,172,.15);overflow:hidden}.color-grid-scan-progress__fill{position:relative;display:block;width:0;height:100%;border-radius:9999px;background:linear-gradient(90deg,#6bc5d3,#00a0ac);overflow:hidden}.color-grid-scan-progress__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75) 50%,rgba(255,255,255,0));transform:translateX(-100%);animation:colorGridScanSweep 1.8s ease-in-out infinite}.color-grid-scan-list{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;gap:calc(var(--fs)*.5);margin:calc(var(--fs)*1.5) 0 0;padding:0;list-style:none}.color-grid-scan-row{display:flex;align-items:center;gap:calc(var(--fs)*.875);opacity:0}.color-grid-scan-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--fs)*2.1);height:calc(var(--fs)*2.1);border-radius:50%;background:#f1f5f9;color:#8a93a3}.color-grid-scan-icon svg{width:calc(var(--fs)*1.05);height:calc(var(--fs)*1.05)}.color-grid-scan-icon--red{background:rgba(239,68,68,.12);color:#ef4444}.color-grid-scan-label{flex:1 1;color:#0d121c;font-weight:400;line-height:1.3}.color-grid-scan-label,.color-grid-scan-status{font-family:Plus Jakarta Sans;font-size:max(12px,var(--fs)*.8)}.color-grid-scan-status{flex-shrink:0;color:#00a0ac;font-weight:500;white-space:nowrap}.color-grid-inner--scanner.is-playing .color-grid-scan-progress__fill{transition:width 1.8s cubic-bezier(.22,1,.36,1)}.color-grid-inner--scanner.is-playing .color-grid-scan-row{animation:colorGridScanRowIn .5s ease-out forwards;animation-delay:calc(var(--row-i)*.18s)}.color-grid-line{width:90%;height:1px;margin-block:calc(var(--fs)*1);display:block;background-color:#e3e8ef}.color-grid-feature-icon{display:flex;width:calc(var(--fs)*3.982);height:calc(var(--fs)*3.982);justify-content:center;align-items:center;border-radius:calc(var(--fs)*1)}.color-grid-feature-icon svg{width:calc(var(--fs)*1.75);height:calc(var(--fs)*1.75)}.color-grid-feature-icon--yellow{border:.98px solid rgba(251,191,36,.2);background:rgba(251,191,36,.1);box-shadow:0 0 22.7px 0 rgba(196,144,243,.16)}.color-grid-feature-icon--green{border:.98px solid rgba(52,211,153,.2);background:rgba(52,211,153,.1);box-shadow:0 0 22.7px 0 rgba(196,144,243,.16)}.color-grid-feature-icon--violet{border:.98px solid rgba(196,144,243,.2);background:rgba(196,144,243,.1);box-shadow:0 0 22.7px 0 rgba(196,144,243,.16)}.color-grid-input{display:flex;flex-direction:column;gap:calc(var(--fs)*.625);align-items:flex-start;width:-moz-fit-content;width:fit-content;position:relative;justify-content:flex-start;margin-top:calc(var(--fs)*1.5)}.color-grid-input input,.color-grid-input label{color:#4b5565;font-family:Plus Jakarta Sans;font-size:max(12px,var(--fs)*.625);font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938)}.color-grid-input input{border-radius:calc(var(--fs)*2);background:rgba(245,245,245,.74);width:calc(var(--fs)*15.875);height:calc(var(--fs)*2.875);border:none;padding-left:calc(var(--fs)*1.375);outline:none}.color-grid-input input::placeholder{color:#d1d5db}.color-grid-switch{display:flex;width:calc(var(--fs)*12.562);height:calc(var(--fs)*2.875);border-radius:calc(var(--fs)*4.062);background:rgba(245,245,245,.74);padding-inline:calc(var(--fs)*.188);position:relative;align-items:center}.color-grid-switch:before{content:"";position:absolute;top:calc(var(--fs)*.188);bottom:calc(var(--fs)*.188);left:calc(var(--fs)*.188);width:calc(50% - var(--fs)*.188);border-radius:calc(var(--fs)*4.062);background:rgba(96,165,250,.25);transition:transform .3s ease,background-color .3s ease;z-index:0}.color-grid-switch--whatsapp:before{transform:translateX(100%);background:rgba(37,211,102,.25)}.color-grid-switch span{display:flex;align-items:center;justify-content:center;gap:calc(var(--fs)*.625);color:#0d121c;text-align:center;font-family:Plus Jakarta Sans;font-size:calc(var(--fs)*.656);font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125);flex:1 1;height:100%;border-radius:calc(var(--fs)*4.062);cursor:pointer;position:relative;z-index:1;transition:color .3s ease}.color-grid-switch span svg{width:calc(var(--fs)*1);height:calc(var(--fs)*1)}.color-grid-switch span:first-child svg path{stroke:#141b34;transition:stroke .3s ease}.color-grid-switch span:last-child svg path{fill:#000;transition:fill .3s ease}.color-grid-switch--email span:first-child{color:#3b82f6}.color-grid-switch--email span:first-child svg path{stroke:#3b82f6}.color-grid-switch--whatsapp span:last-child{color:#25d366}.color-grid-switch--whatsapp span:last-child svg path{fill:#25d366}.color-grid-inputs{width:100%;height:-moz-fit-content;height:fit-content;display:flex;align-items:flex-end;margin-top:calc(var(--fs)*3.188);justify-content:space-between;gap:calc(var(--fs)*.625)}.color-grid-submit-btn{width:calc(var(--fs)*24.938);color:#fcfcfd;text-align:center;font-family:Plus Jakarta Sans;font-size:calc(var(--fs)*1.125);font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.688)}.color-grid-submit,.color-grid-submit-btn{display:flex;justify-content:center;align-items:center;height:calc(var(--fs)*3.438);border-radius:calc(var(--fs)*62.438);background:#00a0ac;border:none;cursor:pointer;transition:all .2s ease}.color-grid-submit{width:calc(var(--fs)*3.438)}.color-grid-submit svg{width:calc(var(--fs)*1.375);height:calc(var(--fs)*1.375)}.color-grid-btns{display:flex;align-items:center;justify-content:center;margin-top:calc(var(--fs)*1.562);margin-bottom:calc(var(--fs)*.938)}.color-grid-btns:hover .color-grid-submit,.color-grid-btns:hover .color-grid-submit-btn{opacity:.6}.color-grid-btns:active .color-grid-submit,.color-grid-btns:active .color-grid-submit-btn{opacity:1}.color-grid-final{display:flex;flex-direction:column;align-items:center;gap:calc(var(--fs)*.625);margin-bottom:calc(var(--fs)*2.125)}.color-grid-final-text{color:#4b5565;text-align:center;text-overflow:ellipsis;font-family:Plus Jakarta Sans;font-size:calc(var(--fs)*.75);font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938);width:100%}.color-grid-feature-bottom{display:flex;align-items:flex-start;width:100%;height:calc(var(--fs)*6.159);margin-top:calc(var(--fs)*.75)}.color-grid-feature-bottom p{color:#697586;font-family:Plus Jakarta Sans;font-size:max(12px,var(--fs)*.875);font-weight:400;line-height:calc(var(--fs)*1.125)}.color-grid-feature-title{color:#0d121c;font-family:Plus Jakarta Sans;font-size:calc(var(--fs)*1.125);font-style:normal;font-weight:700;line-height:calc(var(--fs)*1.688)}@keyframes colorGridScanSweep{0%{transform:translateX(-100%)}60%,to{transform:translateX(100%)}}@keyframes colorGridScanRowIn{0%{opacity:0;transform:translateY(calc(var(--fs) * .7))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.color-grid-scan-progress__fill{transition:none}.color-grid-scan-progress__fill:after{animation:none;opacity:0}.color-grid-scan-row{opacity:1;animation:none}}@keyframes colorGridGlow1{0%{transform:translate(30%,40%)}25%{transform:translate(30%,-80%)}50%{transform:translate(-65%,-80%)}75%{transform:translate(-65%,40%)}to{transform:translate(30%,40%)}}@keyframes colorGridGlow2{0%{transform:translate(-32%,-40%)}25%{transform:translate(-32%,80%)}50%{transform:translate(60%,80%)}75%{transform:translate(60%,-40%)}to{transform:translate(-32%,-40%)}}@media(orientation:portrait){.color-grid{min-height:auto;height:-moz-fit-content;height:fit-content}.color-grid-container{width:90%}.color-grid-grid{width:100%;gap:calc(var(--fs)*1.5);margin-top:calc(var(--fs)*2.5)}.color-grid--reverse .color-grid-grid,.color-grid-grid{flex-direction:column}.color-grid-head{width:100%}.color-grid-title{font-size:calc(var(--fs)*1.55);width:100%}.color-grid-lede{font-size:calc(var(--fs)*.68);line-height:1.5}.color-grid-card{height:auto;padding:calc(var(--fs)*.4);border-radius:calc(var(--fs)*1.6)}.color-grid-card--large,.color-grid-card--medium,.color-grid-card--small{width:100%}.color-grid-groups,.color-grid-groups-top{width:100%;gap:calc(var(--fs)*1.2)}.color-grid-groups-top{flex-direction:column}.color-grid-inner{border-radius:calc(var(--fs)*1.2);padding:calc(var(--fs)*1)}.color-grid-inner,.color-grid-inner--large,.color-grid-inner--medium,.color-grid-inner--small{width:100%;height:auto}.color-grid-feature-top{height:auto;gap:calc(var(--fs)*.6)}.color-grid-feature-icon{flex-shrink:0;width:calc(var(--fs)*2.2);height:calc(var(--fs)*2.2);border-radius:calc(var(--fs)*.6)}.color-grid-feature-icon svg{width:calc(var(--fs)*1.15);height:calc(var(--fs)*1.15)}.color-grid-feature-title{font-size:calc(var(--fs)*.9);line-height:1.25}.color-grid-line{margin-block:calc(var(--fs)*.7)}.color-grid-feature-bottom{height:auto;margin-top:calc(var(--fs)*.6)}.color-grid-feature-bottom p{font-size:max(12px,var(--fs)*.6);line-height:1.4}.color-grid-contact-desc{font-size:max(12px,var(--fs)*.7);line-height:1.4}.color-grid-contact-badge{font-size:calc(var(--fs)*.62);line-height:1.3;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:calc(var(--fs)*.3) calc(var(--fs)*.8)}.color-grid-chips{margin-top:calc(var(--fs)*1.1);gap:calc(var(--fs)*.4)}.color-grid-chips li{gap:calc(var(--fs)*.4);border-radius:9999px;padding:calc(var(--fs)*.3) calc(var(--fs)*.8);font-size:calc(var(--fs)*.68);line-height:1.4}.color-grid-chips li svg{width:calc(var(--fs)*.82);height:calc(var(--fs)*.82)}.color-grid-inputs{margin-top:calc(var(--fs)*1.2);gap:calc(var(--fs)*.6)}.color-grid-input{flex:1 1;min-width:0;gap:calc(var(--fs)*.4);margin-top:0}.color-grid-input label{font-size:max(12px,var(--fs)*.64)}.color-grid-input input{width:100%;padding-left:calc(var(--fs)*1);font-size:max(12px,var(--fs)*.64)}.color-grid-input input,.color-grid-switch{height:calc(var(--fs)*2.5);border-radius:9999px}.color-grid-switch{flex-shrink:0;width:calc(var(--fs)*9);padding-inline:calc(var(--fs)*.2)}.color-grid-switch span{font-size:calc(var(--fs)*.6);gap:calc(var(--fs)*.35)}.color-grid-switch span svg{width:calc(var(--fs)*.78);height:calc(var(--fs)*.78)}.color-grid-btns{margin-top:calc(var(--fs)*1.3);margin-bottom:calc(var(--fs)*.5);gap:calc(var(--fs)*.5);width:100%}.color-grid-submit-btn{flex:1 1;width:auto;height:calc(var(--fs)*2.9);font-size:calc(var(--fs)*.82)}.color-grid-submit{flex-shrink:0;width:calc(var(--fs)*2.9);height:calc(var(--fs)*2.9)}.color-grid-submit svg{width:calc(var(--fs)*1.15);height:calc(var(--fs)*1.15)}.color-grid-final{margin-top:calc(var(--fs)*1);margin-bottom:0}.color-grid-final-text{font-size:calc(var(--fs)*.62);width:100%}.color-grid-icon-violet{transform-box:fill-box;transform-origin:center;animation:colorGridVioletPulse 2.5s ease-in-out infinite}@keyframes colorGridVioletPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.14);opacity:1}}.color-grid-icon-yellow path:last-child{transform-box:fill-box;transform-origin:center;animation:colorGridYellowPlay 1.8s ease-in-out infinite}@keyframes colorGridYellowPlay{0%,to{transform:scale(1);opacity:.65}40%,60%{transform:scale(1.28);opacity:1}}.color-grid-icon-green{transform-box:fill-box;transform-origin:center;animation:colorGridGreenSpin 8s linear infinite}@keyframes colorGridGreenSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}