.color-grid{width:100%;height:auto;min-height:100vh;padding-block:calc(var(--fs)*10);justify-content:center;align-items:center;display:flex;position:relative}.color-grid-container{flex-direction:column;justify-content:center;align-items:center;width:95%;height:auto;display:flex;position:relative}.color-grid-head{gap:calc(var(--fs)*1.25);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(720px,90%);display:flex;position:relative}.color-grid-grid{justify-content:center;align-items:center;gap:calc(var(--fs)*1.25);margin-top:calc(var(--fs)*3.049);display:flex;position:relative}.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:53px;font-style:normal;font-weight:400;line-height:120%}@media (min-width:1024px){.color-grid-title{font-size:45px}}@media (min-width:1280px){.color-grid-title{font-size:48px}}.color-grid-title-bold{font-weight:800}.color-grid-lede{color:#606060;text-align:center;font-family:Plus Jakarta Sans;font-size:15px;font-style:normal;font-weight:400;line-height:1.5}@media (min-width:1024px){.color-grid-lede{font-size:13px}}@media (min-width:1280px){.color-grid-lede{font-size:14px}}.color-grid-card{border-radius:calc(var(--fs)*2);background:#f4f4f4;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.color-grid-card--small{width:calc(var(--fs)*20.188);height:calc(var(--fs)*14.75)}.color-grid-card--large{width:calc(var(--fs)*41.375);height:calc(var(--fs)*15.25)}.color-grid-card--medium{width:calc(var(--fs)*32.75);height:calc(var(--fs)*31.125)}.color-grid-glows{pointer-events:none;z-index:0;position:absolute;inset:0}.color-grid-glows--violet .color-grid-glow{background:#c490f39c}.color-grid-glows--yellow .color-grid-glow{background:#fbbf2480}.color-grid-glows--green .color-grid-glow{background:#34d39980}.color-grid-glows--blue .color-grid-glow{background:#60a5fa8f}.color-grid-glow{pointer-events:none;filter:blur(calc(var(--fs) * 5.062));border-radius:9999px;position:absolute}.color-grid-glow--1{width:calc(var(--fs)*42.688);height:calc(var(--fs)*11.625);animation:9s linear infinite colorGridGlow1;bottom:0;right:0;transform:translate(30%,40%)}.color-grid-glow--2{width:calc(var(--fs)*35.125);height:calc(var(--fs)*8.938);opacity:.86;animation:9s linear infinite colorGridGlow2;top:0;left:0;transform:translate(-32%,-40%)}.color-grid-groups{justify-content:center;align-items:center;gap:calc(var(--fs)*1.125);flex-direction:column;width:fit-content;display:flex}.color-grid-groups-top{justify-content:flex-start;align-items:flex-start;gap:calc(var(--fs)*1.125);width:fit-content;display:flex}.color-grid-inner{border-radius:calc(var(--fs)*1.3);z-index:1;padding:calc(var(--fs)*1.375);background:#fff;position:relative}.color-grid-inner--small{width:calc(var(--fs)*18.875);height:calc(var(--fs)*13.562)}.color-grid-inner--large{width:calc(var(--fs)*39.562);height:calc(var(--fs)*13.687)}.color-grid-inner--medium{width:calc(var(--fs)*31.375);height:calc(var(--fs)*29.5)}.color-grid-feature-top{width:100%;height:calc(var(--fs)*3.982);justify-content:flex-start;align-items:center;gap:calc(var(--fs)*1.188);display:flex}.color-grid-contact-top{justify-content:space-between;align-items:center;gap:calc(var(--fs)*1.188);width:100%;display:flex}.color-grid-contact-top__wrapper{gap:calc(var(--fs)*1.188);flex-direction:column;display:flex}.color-grid-contact-desc{color:#8e8e8e;font-family:Plus Jakarta Sans;font-size:11px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125)}@media (min-width:1024px){.color-grid-contact-desc{font-size:10px}}.color-grid-contact-badge{color:#000;text-align:center;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;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);background:#ddeafa;border-radius:9999px}@media (min-width:1024px){.color-grid-contact-badge{font-size:8px}}@media (min-width:1280px){.color-grid-contact-badge{font-size:9px}}.color-grid-chips{justify-content:flex-start;align-items:flex-start;gap:calc(var(--fs)*.5);width:100%;margin:0;margin-top:calc(var(--fs)*1.5);padding:0;display:flex}.color-grid-chips li{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);color:#0d121c;text-overflow:ellipsis;font-family:Plus Jakarta Sans;font-size:11px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125);align-items:center;display:flex;overflow:hidden}@media (min-width:1024px){.color-grid-chips li{font-size:10px}}.color-grid-chips li svg{width:calc(var(--fs)*1);height:calc(var(--fs)*1)}.color-grid-chip--blue{background:#60a5fa33}.color-grid-chip--turquoise{background:#6bc5d333}.color-grid-chip--green{background:#34d39929}.color-grid-line{width:90%;height:1px;margin-block:calc(var(--fs)*1.562);background-color:#e3e8ef;display:block}.color-grid-feature-icon{width:calc(var(--fs)*3.982);height:calc(var(--fs)*3.982);border-radius:calc(var(--fs)*1);justify-content:center;align-items:center;display:flex}.color-grid-feature-icon svg{width:calc(var(--fs)*1.75);height:calc(var(--fs)*1.75)}.color-grid-feature-icon--yellow{background:#fbbf241a;border:.98px solid #fbbf2433;box-shadow:0 0 22.7px #c490f329}.color-grid-feature-icon--green{background:#34d3991a;border:.98px solid #34d39933;box-shadow:0 0 22.7px #c490f329}.color-grid-feature-icon--violet{background:#c490f31a;border:.98px solid #c490f333;box-shadow:0 0 22.7px #c490f329}.color-grid-input{gap:calc(var(--fs)*.625);width:fit-content;margin-top:calc(var(--fs)*1.5);flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.color-grid-input label{color:#4b5565;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938)}@media (min-width:1024px){.color-grid-input label{font-size:8px}}@media (min-width:1280px){.color-grid-input label{font-size:9px}}.color-grid-input input{border-radius:calc(var(--fs)*2);width:calc(var(--fs)*15.875);height:calc(var(--fs)*2.875);padding-left:calc(var(--fs)*1.375);color:#4b5565;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938);background:#f5f5f5bd;border:none;outline:none}@media (min-width:1024px){.color-grid-input input{font-size:8px}}@media (min-width:1280px){.color-grid-input input{font-size:9px}}.color-grid-input input::placeholder{color:#d1d5db}.color-grid-switch{width:calc(var(--fs)*12.562);height:calc(var(--fs)*2.875);border-radius:calc(var(--fs)*4.062);padding-inline:calc(var(--fs)*.188);background:#f5f5f5bd;align-items:center;display:flex;position:relative}.color-grid-switch:before{content:"";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);z-index:0;background:#60a5fa40;transition:transform .3s,background-color .3s;position:absolute}.color-grid-switch--whatsapp:before{background:#25d36640;transform:translate(100%)}.color-grid-switch span{justify-content:center;align-items:center;gap:calc(var(--fs)*.625);color:#0d121c;text-align:center;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125);border-radius:calc(var(--fs)*4.062);cursor:pointer;z-index:1;flex:1;height:100%;transition:color .3s;display:flex;position:relative}@media (min-width:1024px){.color-grid-switch span{font-size:8px}}@media (min-width:1280px){.color-grid-switch span{font-size:9px}}.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}.color-grid-switch span:last-child svg path{fill:#000;transition:fill .3s}.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:fit-content;margin-top:calc(var(--fs)*3.188);justify-content:space-between;align-items:flex-end;gap:calc(var(--fs)*.625);display:flex}.color-grid-submit-btn{height:calc(var(--fs)*3.438);width:calc(var(--fs)*24.938);border-radius:calc(var(--fs)*62.438);background:var(--color-brand);color:#fcfcfd;text-align:center;font-family:Plus Jakarta Sans;font-size:17px;font-style:normal;font-weight:500;line-height:calc(var(--fs)*1.688);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}@media (min-width:1024px){.color-grid-submit-btn{font-size:14px}}@media (min-width:1280px){.color-grid-submit-btn{font-size:15px}}.color-grid-submit{height:calc(var(--fs)*3.438);width:calc(var(--fs)*3.438);border-radius:calc(var(--fs)*62.438);background:var(--color-brand);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.color-grid-submit svg{width:calc(var(--fs)*1.375);height:calc(var(--fs)*1.375)}.color-grid-btns{margin-top:calc(var(--fs)*1.562);margin-bottom:calc(var(--fs)*.938);justify-content:center;align-items:center;display:flex}.color-grid-btns:hover .color-grid-submit-btn,.color-grid-btns:hover .color-grid-submit{opacity:.6}.color-grid-btns:active .color-grid-submit-btn,.color-grid-btns:active .color-grid-submit{opacity:1}.color-grid-final{align-items:center;gap:calc(var(--fs)*.625);margin-bottom:calc(var(--fs)*2.125);flex-direction:column;display:flex}.color-grid-final-text{color:#4b5565;text-align:center;text-overflow:ellipsis;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938);width:calc(var(--fs)*16.625)}@media (min-width:1024px){.color-grid-final-text{font-size:8px}}@media (min-width:1280px){.color-grid-final-text{font-size:9px}}.color-grid-feature-bottom{width:100%;height:calc(var(--fs)*6.159);margin-top:calc(var(--fs)*1.5);align-items:flex-start;display:flex}.color-grid-feature-bottom p{color:#606060;font-family:Plus Jakarta Sans;font-size:11px;font-weight:400;line-height:calc(var(--fs)*1.125)}@media (min-width:1024px){.color-grid-feature-bottom p{font-size:10px}}.color-grid-feature-title{color:#0d121c;font-family:Plus Jakarta Sans;font-size:17px;font-style:normal;font-weight:700;line-height:calc(var(--fs)*1.688)}@media (min-width:1024px){.color-grid-feature-title{font-size:14px}}@media (min-width:1280px){.color-grid-feature-title{font-size:15px}}@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 (max-width:1023.98px){.color-grid-grid{flex-direction:column;width:100%}.color-grid--reverse .color-grid-grid{flex-direction:column}.color-grid-card{height:auto}.color-grid-card--small{width:48%}.color-grid-card--large,.color-grid-card--medium,.color-grid-groups{width:100%}.color-grid-groups-top{justify-content:space-between;width:100%}.color-grid-inner,.color-grid-inner--small,.color-grid-inner--large,.color-grid-inner--medium{width:100%;height:auto}.color-grid-feature-top,.color-grid-feature-bottom{height:auto}}@media (orientation:portrait){.color-grid{height:fit-content;min-height:auto;padding-block:calc(var(--fs)*3)}.color-grid-container{width:90%}.color-grid-grid{gap:calc(var(--fs)*1.5);width:100%;margin-top:calc(var(--fs)*2.5);flex-direction:column}.color-grid--reverse .color-grid-grid{flex-direction:column}.color-grid-head{width:100%}.color-grid-title{width:100%;font-size:24px}}@media (orientation:portrait) and (min-width:1024px){.color-grid-title{font-size:20px}}@media (orientation:portrait) and (min-width:1280px){.color-grid-title{font-size:21px}}@media (orientation:portrait){.color-grid-lede{font-size:10px;line-height:1.5}}@media (orientation:portrait) and (min-width:1024px){.color-grid-lede{font-size:9px}}@media (orientation:portrait){.color-grid-card{height:auto;padding:calc(var(--fs)*.4);border-radius:calc(var(--fs)*1.6)}.color-grid-card--small{width:48%}.color-grid-card--small .color-grid-feature-title{font-size:10px}}@media (orientation:portrait) and (min-width:1024px){.color-grid-card--small .color-grid-feature-title{font-size:8px}}@media (orientation:portrait) and (min-width:1280px){.color-grid-card--small .color-grid-feature-title{font-size:9px}}@media (orientation:portrait){.color-grid-card--large,.color-grid-card--medium{width:100%}.color-grid-groups{gap:calc(var(--fs)*1.2);width:100%}.color-grid-groups-top{justify-content:space-between;gap:calc(var(--fs)*1.2);width:100%}.color-grid-inner{border-radius:calc(var(--fs)*1.2);width:100%;height:auto;padding:calc(var(--fs)*1)}.color-grid-inner--small,.color-grid-inner--large,.color-grid-inner--medium{width:100%;height:auto}.color-grid-feature-top{gap:calc(var(--fs)*.6);height:auto}.color-grid-feature-icon{width:calc(var(--fs)*2.2);height:calc(var(--fs)*2.2);border-radius:calc(var(--fs)*.6);flex-shrink:0}.color-grid-feature-icon svg{width:calc(var(--fs)*1.15);height:calc(var(--fs)*1.15)}.color-grid-feature-title{font-size:14px;line-height:1.25}}@media (orientation:portrait) and (min-width:1024px){.color-grid-feature-title{font-size:12px}}@media (orientation:portrait){.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:9px;line-height:1.4}}@media (orientation:portrait) and (min-width:1024px){.color-grid-feature-bottom p{font-size:8px}}@media (orientation:portrait){.color-grid-contact-desc{font-size:11px;line-height:1.4}}@media (orientation:portrait) and (min-width:1024px){.color-grid-contact-desc{font-size:9px}}@media (orientation:portrait) and (min-width:1280px){.color-grid-contact-desc{font-size:10px}}@media (orientation:portrait){.color-grid-contact-badge{width:fit-content;height:fit-content;padding:calc(var(--fs)*.3) calc(var(--fs)*.8);font-size:9px;line-height:1.3}}@media (orientation:portrait) and (min-width:1024px){.color-grid-contact-badge{font-size:8px}}@media (orientation:portrait){.color-grid-chips{margin-top:calc(var(--fs)*1.1);gap:calc(var(--fs)*.4)}.color-grid-chips li{gap:calc(var(--fs)*.4);padding:calc(var(--fs)*.3) calc(var(--fs)*.8);border-radius:9999px;font-size:10px;line-height:1.4}}@media (orientation:portrait) and (min-width:1024px){.color-grid-chips li{font-size:9px}}@media (orientation:portrait){.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{gap:calc(var(--fs)*.4);flex:1;min-width:0;margin-top:0}.color-grid-input label{font-size:10px}}@media (orientation:portrait) and (min-width:1024px){.color-grid-input label{font-size:8px}}@media (orientation:portrait) and (min-width:1280px){.color-grid-input label{font-size:9px}}@media (orientation:portrait){.color-grid-input input{width:100%;height:calc(var(--fs)*2.5);padding-left:calc(var(--fs)*1);border-radius:9999px;font-size:10px}}@media (orientation:portrait) and (min-width:1024px){.color-grid-input input{font-size:8px}}@media (orientation:portrait) and (min-width:1280px){.color-grid-input input{font-size:9px}}@media (orientation:portrait){.color-grid-switch{width:calc(var(--fs)*9);height:calc(var(--fs)*2.5);padding-inline:calc(var(--fs)*.2);border-radius:9999px;flex-shrink:0}.color-grid-switch span{gap:calc(var(--fs)*.35);font-size:9px}}@media (orientation:portrait) and (min-width:1024px){.color-grid-switch span{font-size:8px}}@media (orientation:portrait){.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{width:auto;height:calc(var(--fs)*2.9);flex:1;font-size:12px}}@media (orientation:portrait) and (min-width:1024px){.color-grid-submit-btn{font-size:10px}}@media (orientation:portrait) and (min-width:1280px){.color-grid-submit-btn{font-size:11px}}@media (orientation:portrait){.color-grid-submit{width:calc(var(--fs)*2.9);height:calc(var(--fs)*2.9);flex-shrink:0}.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{width:100%;font-size:9px}}@media (orientation:portrait) and (min-width:1024px){.color-grid-final-text{font-size:8px}}@media (orientation:portrait){.color-grid-icon-violet{transform-box:fill-box;transform-origin:50%;animation:2.5s ease-in-out infinite colorGridVioletPulse}@keyframes colorGridVioletPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}.color-grid-icon-yellow path:last-child{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite colorGridYellowPlay}@keyframes colorGridYellowPlay{0%,to{opacity:.65;transform:scale(1)}40%,60%{opacity:1;transform:scale(1.28)}}.color-grid-icon-green{transform-box:fill-box;transform-origin:50%;animation:8s linear infinite colorGridGreenSpin}@keyframes colorGridGreenSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}