:root{--color-btn:#027333}.btn-primary{background-color:var(--color-btn);color:white}.btn-primary:hover{background-color:#02642d}.btn-secondary{background:white;color:#19171A}.btn-secondary:hover{background:#f2f2f2;color:#19171A}#contenedor{display:flex}#contenedor>*{width:40%}#contenedor #wizard .contenido{padding-bottom:50px;position:relative}#contenedor #wizard{width:60%;position:relative}.producto{display:flex;justify-content:center;align-items:center;padding:20px}.producto img{height:100%;object-fit:contain}#wizard{padding:20px}#wizard>p{font-weight:300}#wizard h1{text-align:center}#wizard a{color:var(--color-btn)}.progressbar{position:relative;margin-top:30px}.barra-container{width:100%;height:10px;background:#ddd;border-radius:10px;overflow:hidden;margin:20px 0}#linea{position:relative;top:0;width:100%;display:flex;justify-content:space-between;gap:20px}.paso{position:relative;display:inline-block;width:100%;text-align:center}.paso .barra{position:absolute;bottom:-15px;left:0;width:100%;height:12px;border-radius:100px;background:#DDDCDD;transition:background .3s}.paso p{color:#6A686A;font-weight:300;margin-bottom:0}.paso.active .barra{width:100%;background:#19171A}.paso.active h4.etiqueta-paso{font-weight:700}.paso h4.etiqueta-paso{color:#19171A;font-weight:300;font-size:18px}.paso.completed .barra{width:100%;background:#027333}.paso.completed h4{color:#027333}#botones{display:flex;justify-content:space-between;margin:30px 0}#botones button{padding:0;background-color:#fff;color:#19171A;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;border:1px solid var(--color-btn);padding:10px;border-radius:8px;font-weight:700}.contenido section{width:100%;height:100%;margin-top:50px;justify-content:center}.contenido section.paso{display:none}.contenido section.paso.active{display:block}.contenido section h2{text-align:center}.contenido section .color label{border:2px solid transparent}.contenido section .color input[type="radio"]:checked+label{border-color:#ff5100;box-shadow:0 0 5px rgba(255,89,0,0.5)}.contenido section .color input[type="radio"]:focus+label{outline:3px solid rgba(11,132,255,0.18);outline-offset:3px}#resumen-final p{margin:0}.modal-header{position:absolute;right:0;border:none;z-index:999}.modal-header h1{display:none}.modal-body #wizard{min-height:800px}.accordion-button:focus{box-shadow:none}h6{font-size:18px;font-weight:400}p.subtitulo-paso{margin-bottom:60px}div#warning{width:100%;position:absolute;top:70px}section#paso-1 label{padding:0;overflow:hidden;position:relative}section#paso-1 label h3{position:absolute;z-index:99;bottom:0;left:0;width:100%;text-align:center;font-size:20px;font-weight:700}section#paso-1 label.out_stock{background-color:#DDDCDD42!important}section#paso-1 label.out_stock::before{content:"";width:200%;height:1px;background-color:#DDDCDD!important;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);z-index:99}section#paso-1 label.out_stock img{filter:grayscale(1);opacity:.3}label.in_stock,label.out_stock{height:180px;display:flex;align-items:center}label.in_stock img,label.out_stock img{object-fit:contain;object-position:center}section#paso-1 label,section#paso-3 label,section#paso-4 label{border:1px solid #ddd;margin:5px 0;box-shadow:1px 1px 5px 2px transparent}section#paso-3 label,section#paso-4 label{padding:10px}.product-options__file-wrapper{height:80px!important;position:relative;background-color:transparent!important;border:none!important}.product-options__file-wrapper label{width:100%!important;height:40px;cursor:pointer}.product-options__file-wrapper label i{font-size:18px}.product-options__file-wrapper .product-options__file-name{position:absolute;bottom:0;left:0;width:50%}input[type=radio]{display:none}label{text-align:start;width:100%;border-radius:8px}label p{margin:0}.contenido-paso{}.contenido-paso .col-12{text-align:left}label[for="con-receta"]{background-color:var(--color-btn)!important;padding:5px 10px!important;display:flex;justify-content:center;align-items:center;cursor:pointer}label[for="con-receta"] p{color:#fff}label[for="solo-marco"]{background-color:#fff!important;padding:5px 10px!important;display:flex;justify-content:center;align-items:center;cursor:pointer}#prescripcion{display:flex;flex-direction:column;gap:10px}.datos-prescripcion{display:grid;grid-template-columns:1fr 4fr 4fr 4fr 4fr;width:100%;justify-content:space-between;align-items:end;gap:20px;margin:5px 0}#prescripcion label{display:inline-grid;justify-items:left;width:100%}#prescripcion label select{border:1px solid #DDDCDD;width:100%;padding:5px 10px;appearance:none;border-radius:8px;position:relative;background-image:url('flecha.svg');background-repeat:no-repeat;background-position:95%;background-size:15px 15px}#prescripcion h3{text-align:start;margin:0;font-size:18px;font-weight:700;padding:10px 0}#check-whatsapp{display:none}#receta{display:flex;justify-content:center;align-items:flex-start;gap:20px}#adjunto-whatsapp{display:grid;gap:10px;margin:30px 0}#adjunto-whatsapp p{font-weight:400;text-align:start}label[for="distancia-pupilar"]{display:grid!important;align-items:center;grid-template-columns:6fr 7fr;margin:5px 0;width:54%!important}#paso-2 label p{color:#19171A}#paso-2 label .opcional{color:#6A686A;font-size:15px}#paso-2 label .obligatorio{color:red;display:none}#warning p{text-align:start;color:#d30909}#paso-3 .col-12:nth-child(1){order:1}#paso-3 .col-12:nth-child(2){order:3}#paso-3 .col-12:nth-child(3){order:2}#paso-3 .col-12:nth-child(4){order:4}section#paso-4 h5{font-size:20px;font-weight:500;margin:0}section#paso-4 label img{width:60px;height:60px;object-fit:contain}section#paso-4 label{position:relative;display:flex;align-items:center;gap:15px;margin:5px 0}section#paso-4 label p{font-size:13px;font-weight:600;line-height:15px;width:100px}section#paso-4 label span{font-size:12px;display:block;line-height:18px;margin-top:5px}section#paso-4 label span.precio-label{position:absolute;top:5px;right:5px;font-weight:600;margin:0}section#paso-4 .accordion-item{border:none!important;margin:10px 0}section#paso-4 .accordion-header{border:none;background-color:#fff;;border-radius:8px!important}section#paso-4 .accordion-button:not(.collapsed){background-color:#fff;color:#19171A}section#paso-4 .accordion-button{background-color:#fff;border:1px solid #DDDCDD;border-radius:8px!important;color:#19171A}#paso-5 div#input-resumen{display:none}.btn-action{margin-top:20px;display:flex;gap:10px}#paso-5 label[for=add_to_cart]{width:50%;background-color:var(--color-btn);padding:5px 10px!important;display:flex;justify-content:center;align-items:center;border-radius:8px;color:#fff}#paso-5 label[for=comprar]{width:50%;background-color:#fff;padding:5px 10px!important;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #6A686A;color:#6A686A}#paso-5 input#comprar{color:#6A686A;background-color:transparent}#paso-5 label[for=add_to_cart] i{font-size:18px;margin-right:10px}#paso-5 input#add_to_cart{color:#fff;background-color:transparent}#paso-5 .verde{display:flex;align-items:center;color:var(--color-btn);font-weight:400}#paso-5 .verde>span{text-decoration:underline}#paso-5 .verde i{font-size:20px}@media(min-width:576px){.modal-dialog{max-width:90%;z-index:99999}.btn-close{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 2.5l11 11m0-11l-11 11' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/1em auto no-repeat!important;opacity:1!important;width:1em;height:1em}}@media(min-width:1280px){section#paso-4 label{padding:20px 8px 8px 8px;gap:10px}section#paso-4 label img{width:45px;height:45px;object-fit:contain}section#paso-4 label p{font-size:12px;font-weight:500;line-height:13px}}@media(max-width:991px){div#warning{top:80px}.modal-body #wizard{min-height:500px;padding:5px}.modal-body #contenedor{flex-wrap:wrap}.modal-body #contenedor .producto,.modal-body #contenedor #wizard{width:100%}.producto img{max-width:400px;width:100%;margin:0 auto}.paso h4.etiqueta-paso{display:none}.paso.active h4.etiqueta-paso{display:block;position:absolute;top:-35px}.paso.active[data-paso='1'] h4.etiqueta-paso{transform:translateX(200%);width:100%;margin-left:40px}.paso.active[data-paso='2'] h4.etiqueta-paso{transform:translateX(10%);width:250%;margin-left:20px}.paso.active[data-paso='3'] h4.etiqueta-paso{transform:translateX(-35%);width:300%}.paso.active[data-paso='4'] h4.etiqueta-paso{transform:translateX(-70%);width:300%;margin-left:-10px}.paso.active[data-paso='5'] h4.etiqueta-paso{transform:translateX(-125%);width:200%;margin-left:-35px}#botones{margin-bottom:50px}.datos-prescripcion{display:grid;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto;grid-template-areas:"a a" "b c" "d e"}.datos-prescripcion h3{grid-area:a}#paso-2 label[for='esfera-od'],#paso-2 label[for='esfera-oi']{grid-area:b}#paso-2 label[for='cilindro-od'],#paso-2 label[for='cilindro-oi']{grid-area:c}#paso-2 label[for='eje-od'],#paso-2 label[for='eje-oi']{grid-area:d}#paso-2 label[for='add-od'],#paso-2 label[for='add-oi']{grid-area:e}label[for="distancia-pupilar"]{width:100%!important}label[for="distancia-pupilar"]{grid-template-columns:6fr 5fr}label[for="distancia-pupilar"] h3{font-size:15px!important}#receta label{height:100%;display:flex;align-items:center;justify-content:center;max-height:60px;font-size:13px}#resumen-final p span:first-child{text-align:start}}