: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{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}.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;font-weight:500}.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 #contenedor{min-height:800px}.accordion-button:focus{box-shadow:none}h6{font-size:18px;font-weight:400;margin-bottom:20px}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}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}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{display:flex;align-items:center;gap:15px;margin:5px 0}section#paso-4 label p{font-weight:700}.accordion-item{border:none!important;margin:10px 0}.accordion-header{border:none;background-color:#fff;;border-radius:8px!important}.accordion-button:not(.collapsed){background-color:#fff;color:#19171A}.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}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}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}input#comprar{color:#6A686A;background-color:transparent}label[for=add_to_cart] i{font-size:18px;margin-right:10px}input#add_to_cart{color:#fff;background-color:transparent}.verde{display:flex;align-items:center;color:var(--color-btn);font-weight:400}.verde>span{text-decoration:underline}.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}}