.stepper-grid{display:grid;gap:1rem;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding-top:40px;position:relative}.stepper-grid:before{background:#fae8c7;border-radius:40px;content:"";height:18px;left:6%;position:absolute;right:6%;top:113px;z-index:-1}.stepper-grid>.group-label{position:absolute;text-align:center;width:100%}.stepper-grid>.group-label:before{border:1px dashed #4b858e;border-bottom:0;content:"";height:200px;left:0;position:absolute;right:0;top:10px;width:100%;z-index:-1}.stepper-grid>.group-label span{background:#ecf1f2;border-radius:20px;color:#4b858e;display:inline-block;font-size:14px;font-style:italic;font-weight:700;padding:5px 10px}.step-group{display:contents}.step{cursor:pointer;grid-row:2;padding-bottom:30px;position:relative;text-align:center}.step-ico{align-items:center;display:flex;height:50px;justify-content:center;margin:auto;width:50px}.step-ico img{display:block;height:auto;margin:auto;max-height:100%;max-width:100%;width:auto}.circle{align-items:center;background:#ac863c;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;line-height:24px;margin:20px auto;position:relative;width:24px}.step.active .circle:before,.step:hover .circle:before{border:1px solid #ac863c;border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.step-title{font-size:14px;margin:auto;max-width:115px;text-align:center}.step-connector{bottom:0;display:none;justify-content:center;left:50%;margin-top:10px;position:absolute;transform:translateX(-50%)}.step.active .step-connector{display:flex}.step-connector svg{height:auto}.info-box{background:#fff9f1;border-radius:30px;grid-column:1/span 1;grid-row:2;max-width:450px;min-width:450px;padding:1rem;transition:all .2s ease;width:40%}.info-box .t-paso{color:#ac863c}.box-content p{margin:0}.align-left{justify-self:start;transform:translateX(0)}.align-center{justify-self:center;transform:translateX(0)}.align-right{justify-self:end;transform:translateX(0)}.stepper-grid .d-none{display:none!important}@media (max-width:768px){.stepper-grid{border-radius:30px;box-shadow:0 4px 20px 0 rgba(195,156,81,.1);display:block;padding:10px 15px}.step,.stepper-grid:before,.stepper-grid>.group-label{display:none!important}.info-box{background:transparent;border-bottom:1px solid #6a6a6a;border-radius:0;display:block!important;grid-column:1/-1!important;justify-self:stretch;max-width:unset;min-width:unset;transform:none!important;width:100%}.info-box:last-of-type{border-bottom:0}.info-box .t-paso{color:#4b858e;cursor:pointer;display:block;margin:0;padding-left:35px;padding-right:20px;position:relative}.info-box .t-paso:before{align-items:center;background:#ac863c;border-radius:50%;color:#fff;content:attr(data-step);display:flex;font-size:12px;height:24px;justify-content:center;left:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%);width:24px}.info-box .t-paso:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E%3Cpath fill='none' stroke='%236A6A6A' stroke-width='2' d='m1 1 7.5 7L16 1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:10px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform .3s ease;width:17px}.info-box.active .t-paso:after{transform:translateY(-50%) rotate(180deg)}.info-box .box-content{display:none;padding-top:20px}.info-box .box-content p{margin:0}.info-box.active .box-content{display:block}.t-paso span{font-size:12px;font-style:italic;line-height:130%;text-transform:lowercase}}