:root{--font-family-sans-serif:$font-family-sans-serif;--v10px:.625rem;--v12px:.75rem;--v14px:.875rem;--v16px:1rem;--v18px:1.125rem;--v20px:1.25rem;--v24px:1.5rem;--v28px:1.75rem;--v32px:2rem;--v36px:2.25rem;--v40px:2.5rem;--v44px:2.75rem;--v48px:3rem;--v52px:3.25rem;--v60px:3.75rem;--v63px:3.938rem;--base-color-tertiary:#2c5697;--font-color-secondary:#888b8d;}*{box-sizing:border-box;padding:0;margin:0;border:0;}html{font-family:"Asap",sans-serif;font-family:"Roboto",sans-serif;font-size:16px;color:#000;line-height:1.15;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility!important;-moz-osx-font-smoothing:grayscale!important;-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,.004);overflow-x:hidden;}body{font-family:"Asap",sans-serif;font-family:"Roboto",sans-serif;font-size:1rem;margin:0;width:auto;height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;}main{overflow:hidden;}.fLight{font-weight:300;}.fRegular{font-weight:400;}.fMedium{font-weight:500;}.fBold{font-weight:700;}.fHeavy{font-weight:800;}.lazy{transition:opacity 1s;}.padding-inline{padding-inline:5vw;}.disabled{pointer-events:none!important;opacity:.6!important;cursor:not-allowed!important;}.d-none{display:none!important;}.ver-mas a{width:100%;display:flex;flex-direction:row;justify-content:space-between;color:#000;text-decoration:none;position:relative;align-items:center;gap:7px;}.ver-mas a .text{font-size:var(--v16px);transition:.5s ease;}.ver-mas a .flechas{display:flex;flex-direction:row;position:relative;overflow:hidden;}.ver-mas a .flechas .flecha{padding:5px;}.ver-mas a .flechas .flecha span{transform:translateY(3px);transition:.5s ease;}.ver-mas a .flechas .flecha-desactivada{position:absolute;transform:translateX(-50px);transition:.5s ease;}.ver-mas a .flechas .flecha-activada{transition:.5s ease;}.ver-mas a::after{content:"";position:absolute;height:2px;width:0;left:0;bottom:0;transition:.7s ease;background-color:#888b8d;}.ver-mas a:hover .text{color:#888b8d;}.ver-mas a:hover .flecha span{color:#888b8d;}.ver-mas a:hover .flecha-desactivada{transform:translateX(0);}.ver-mas a:hover .flecha-activada{transform:translateX(100px);}.ver-mas a:hover::after{width:100%;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.textValidar{font-size:var(--v14px);font-weight:300;color:#f00;padding-block:3px;display:block;}.olvide-password{color:#000;font-size:var(--v16px);margin-left:6px;}.auth-container{width:100vw;padding-block:100px;}.auth-container .auth{width:100%;display:flex;flex-direction:column;gap:30px;}.auth-container .auth .form-auth{display:flex;flex-direction:column;gap:20px;}.auth-container .auth .form-auth .titulo-auth{font-size:var(--v28px);}.auth-container .auth .form-auth .input span{color:#f00;}.auth-container .auth .form-auth .ingresar-codigo-mayorista-container{width:100%;padding-top:0;display:block;}.auth-container .auth .form-auth .ingresar-codigo-mayorista-container .ingresar-codigo-mayorista{min-width:100%;}.auth-container .auth .form-auth .boton-continuar{width:100%;}.auth-container .auth .form-auth .boton-continuar button{width:100%;background-color:#000;text-align:center;padding-block:15px;color:#fff;border-radius:10px;font-size:var(--v16px);position:relative;overflow:hidden;z-index:2;cursor:pointer;}.auth-container .auth .form-auth .boton-continuar button span{z-index:2;position:relative;}.auth-container .auth .form-auth .boton-continuar button::after{content:"";position:absolute;height:100%;width:0;transition:.5s ease;background-color:#2c5697;left:0;top:0;z-index:1;}.auth-container .auth .form-auth .boton-continuar button:hover::after{width:100%;}.auth-container .auth .form-auth .boton-reenviar-email{background-color:#efefef;border-radius:20px;padding:10px 12px;width:fit-content;cursor:pointer;font-size:var(--v16px);position:relative;overflow:hidden;z-index:2;transition:.5s ease;color:#000;}.auth-container .auth .form-auth .boton-reenviar-email .icon{display:none;height:18px;justify-content:center;align-items:center;}.auth-container .auth .form-auth .boton-reenviar-email span{z-index:2;position:relative;}.auth-container .auth .form-auth .boton-reenviar-email::after{content:"";position:absolute;width:0;height:100%;top:0;left:0;background-color:#2c5697;transition:.5s ease;z-index:1;}.auth-container .auth .form-auth .boton-reenviar-email:hover::after{width:100%;}.auth-container .auth .form-auth .boton-reenviar-email:hover{color:#fff;}.auth-container .auth .form-auth .boton-reenviar-email-enviado{display:flex;flex-direction:row;gap:3px;align-items:center;}.auth-container .auth .form-auth .boton-reenviar-email-enviado .icon{display:flex;}.auth-container .auth .separador{width:100%;display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;}.auth-container .auth .separador .linea{width:100%;height:2px;background-color:#c8c9c7;}.auth-container .auth .separador .o-separador{color:#c8c9c7;}.auth-container .auth .ingresar-google{width:100%;}.auth-container .auth .ingresar-google a{display:block;padding:10px 12px;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#000;gap:15px;background-color:#efefef;border-radius:10px;transition:.5s ease;}.auth-container .auth .ingresar-google a .icon-google img{width:30px;aspect-ratio:1/1;object-fit:cover;}.auth-container .auth .ingresar-google a span{font-size:var(--v16px);}.auth-container .auth .ingresar-google a:hover{background-color:#c8c9c7;}.input-personalizado{width:100%;font-size:var(--v20px);padding:10px 0 10px 12px;background-color:#efefef;color:#888b8d;border-radius:10px;}.input-personalizado:focus{outline-color:#000;}.input-codigo{width:100%;font-size:var(--v63px);padding:15px 10px;border-bottom:2px solid #c8c9c7;text-align:center;}.input-codigo:focus{outline:0;}.input-password-container{width:100%;display:flex;flex-direction:column;gap:5px;}.input-password-container .input-password{position:relative;width:100%;}.input-password-container .input-password .ojo{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;padding-right:10px;cursor:pointer;}.input-password-container .input-password .ojo span{color:#888b8d;}.input-password-container span:not(.material-symbols-outlined){color:#f00;}.boton-volver{width:100%;display:flex;justify-content:start;}.boton-volver a{padding-inline:15px 12px;padding-block:7px;display:flex;flex-direction:row;color:#000;text-decoration:none;align-items:center;justify-content:center;gap:10px;font-size:var(--v18px);background-color:#efefef;border-radius:20px;position:relative;overflow:hidden;}.boton-volver a .material-symbols-outlined{transform:scale(1.1);width:10px;height:10px;display:flex;align-items:center;justify-content:center;}.boton-volver a span{z-index:2;transition:.5s ease;}.boton-volver a::after{content:"";position:absolute;height:100%;width:0;right:0;top:0;transition:.5s ease;background-color:#2c5697;z-index:1;}.boton-volver a:hover span{color:#fff;}.boton-volver a:hover::after{width:100%;}.error{color:#f00;font-size:var(--v16px);}.ingresar-codigo-mayorista-container{width:100vw;padding-top:100px;display:flex;flex-direction:column;gap:30px;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista{border-radius:12px;background-color:#000;display:flex;justify-content:center;gap:15px;flex-direction:column;overflow:hidden;z-index:1;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .header-ingresar-codigo{display:flex;flex-direction:row;justify-content:space-between;color:#fff;padding:10px 15px;background-color:rgba(136,139,141,.5);z-index:2;align-items:center;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .header-ingresar-codigo .titulo{font-size:var(--v14px);}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .header-ingresar-codigo .copiar{font-size:var(--v14px);display:flex;flex-direction:row;align-items:center;cursor:pointer;position:relative;user-select:none;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .header-ingresar-codigo .copiar .material-symbols-outlined{transform:scale(.7);}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .header-ingresar-codigo .copiar::after{content:"";position:absolute;width:100%;height:100%;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .body-ingresar-codigo{padding-inline:15px;padding-bottom:15px;display:flex;flex-direction:column;gap:15px;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .body-ingresar-codigo .codigo-container{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:10px;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .body-ingresar-codigo .codigo-container input{width:100%;aspect-ratio:1/1;text-align:center;font-size:var(--v40px);border-radius:5px;background-color:#efefef;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .body-ingresar-codigo .codigo-container input:focus{outline:0;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .body-ingresar-codigo .mostrar-error{width:100%;padding-block:10px;border-radius:20px;background-color:#efefef;color:#f00;font-size:var(--v16px);padding-inline:12px;position:relative;overflow:hidden;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .body-ingresar-codigo .mostrar-error::after{content:"";position:absolute;width:100%;height:100%;background-color:#000;top:0;right:0;transition:1s ease;}.ingresar-codigo-mayorista-container .ingresar-codigo-mayorista .body-ingresar-codigo .mostrar-error-abierto::after{content:"";width:0;}#dialog-personalizado{width:100vw;height:100vh;background-color:transparent;position:absolute;z-index:999;transition:.5s ease;}#dialog-personalizado .modal-personalizado{opacity:0;transform:translateY(-200px);transition:.5s ease;}.dialog-personalizado-abierto{background-color:rgba(0,0,0,.5)!important;overflow-y:auto;}.dialog-personalizado-abierto .modal-personalizado{opacity:1!important;transform:translateY(0)!important;}.modal-personalizado{width:100%;padding:5vw;}.modal-personalizado .modal-personalizado-container{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:15px;padding-inline:5vw;gap:20px;}.modal-personalizado .modal-personalizado-container .header-modal{width:100%;border-bottom:#efefef 1px solid;}.modal-personalizado .modal-personalizado-container .header-modal .titulo{font-size:var(--v24px);display:flex;justify-content:center;padding-block:30px;}.modal-personalizado .modal-personalizado-container .body-modal{width:100%;}.modal-personalizado .modal-personalizado-container .footer-modal{width:100%;display:flex;flex-direction:row;justify-content:end;gap:10px;padding-block:20px;border-top:1px solid #efefef;}.modal-personalizado .modal-personalizado-container .footer-modal .cancelar{padding:15px;border-radius:25px;font-size:var(--v14px);background-color:transparent;border:1px solid #000;cursor:pointer;transition:.3s;}.modal-personalizado .modal-personalizado-container .footer-modal .cancelar:hover{background-color:#fcd3d3;color:#d9534f;border:1px solid #d9534f;}.modal-personalizado .modal-personalizado-container .footer-modal .cancelar:focus{outline-color:#000;}.modal-personalizado .modal-personalizado-container .footer-modal .guardar-cambios{padding:15px;border-radius:25px;font-size:var(--v14px);background-color:#000;color:#fff;cursor:pointer;transition:.3s;border:1px solid #000;}.modal-personalizado .modal-personalizado-container .footer-modal .guardar-cambios:hover{background-color:#d0e9c6;color:#4caf50;border:1px solid #4caf50;}.modal-personalizado .modal-personalizado-container .footer-modal .guardar-cambios:focus{outline-color:#fff;}.modal-personalizado{width:100%;padding:5vw;}.modal-personalizado .modal-confirmacion-container{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:15px;padding-inline:5vw;}.modal-personalizado .modal-confirmacion-container .header-modal{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}.modal-personalizado .modal-confirmacion-container .header-modal .titulo{font-size:var(--v24px);display:flex;justify-content:center;padding-block:30px;}.modal-personalizado .modal-confirmacion-container .header-modal .btn-cerrar button{border:0;background-color:transparent;color:#888b8d;cursor:pointer;}.modal-personalizado .modal-confirmacion-container .body-modal{width:100%;}.modal-personalizado .modal-confirmacion-container .body-modal .texto-body-modal{font-size:var(--v18px);}.modal-personalizado .modal-confirmacion-container .footer-modal{width:100%;display:flex;flex-direction:row;justify-content:end;gap:10px;padding-block:20px;}.modal-personalizado .modal-confirmacion-container .footer-modal .cancelar{padding:10px 15px;border-radius:10px;font-size:var(--v12px);background-color:#d4d1e3;border:1px solid #d4d1e3;cursor:pointer;transition:.3s;color:#130c44;}.modal-personalizado .modal-confirmacion-container .footer-modal .guardar-cambios{padding:10px 15px;border-radius:10px;font-size:var(--v12px);color:#fff;cursor:pointer;transition:.3s;background-color:#000;}.modal-personalizado .modal-confirmacion-container .footer-modal .confimar-baja{background-color:#d44e5b;color:#fff;}.modal-personalizado .modal-confirmacion-container .footer-modal .confimar-alta{background-color:#2ecc71;color:#fff;}@media(min-width:992px){.auth-container{display:flex;justify-content:center;}.auth-container .auth{width:360px;}.auth-container .auth .ingresar-google a span{font-size:var(--v18px);}.boton-volver a{padding-inline:12px 10px;padding-block:7px;font-size:var(--v16px);}.boton-volver a .material-symbols-outlined{transform:scale(1);}.modal-personalizado{display:flex;justify-content:center;}.modal-personalizado .modal-personalizado-container{width:700px;padding-inline:30px;}.modal-personalizado .modal-personalizado-container .header-modal .titulo{font-size:var(--v24px);padding-block:30px 50px;}.modal-personalizado .modal-personalizado-container .body-modal{width:100%;}.modal-personalizado .modal-personalizado-container .footer-modal{width:100%;display:flex;flex-direction:row;justify-content:end;gap:10px;padding-block:20px;border-top:1px solid #efefef;}.modal-personalizado .modal-personalizado-container .footer-modal .cancelar{padding:15px;border-radius:25px;font-size:var(--v14px);background-color:transparent;border:1px solid #000;}.modal-personalizado .modal-personalizado-container .footer-modal .cancelar:focus{outline-color:#000;}.modal-personalizado .modal-personalizado-container .footer-modal .guardar-cambios{padding:15px;border-radius:25px;font-size:var(--v14px);background-color:#000;color:#fff;}.modal-personalizado .modal-personalizado-container .footer-modal .guardar-cambios:focus{outline-color:#fff;}.modal-personalizado .modal-confirmacion-container{width:400px;padding-inline:30px;}}