.max-container{display:block;margin:5rem auto;width:90%}div#button-mapa{display:none}span.date{color:var(--primary-color);font-size:11px;font-weight:700}.max-container h1{color:var(--primary-color);font-size:24px;margin-bottom:2rem}.menu-general{display:block!important}.sub-container-fluid{display:flex;gap:30px;width:100%}.left-container{border:2px solid #d9d9d9;border-radius:5px;flex:1;max-height:410px;overflow-y:auto;padding:1rem}.card-item{height:120px;margin-top:1rem;position:relative}.barr-item{background:orange;display:block;height:100%;position:absolute;width:5px}.hour-item{display:block;font-size:16px;padding-bottom:8px;padding-left:1rem}.icon,.icon-item{position:absolute;right:0;top:0}.right-container{flex:2}.first-row-container{align-items:flex-end;margin-bottom:20px}.first-row-container,.second-row-container{display:flex;gap:10px}.right-item{height:227px}.imagen-item-right{height:111px;object-fit:contain}.second-row-container .right-item{height:227px}.title-item{bottom:9px;color:var(--primary-color);font-size:16px;left:1rem;margin:0;position:absolute}.left-container p{font-size:11px;margin:0;padding-left:1rem;width:75%}.right-item{background-color:#fff;border:2px solid #d9d9d9;border-radius:5px;flex:1;height:188px;opacity:1;overflow:hidden;position:relative;text-align:center;transition:background-color .3s ease}.imagen-item-right{position:absolute;right:10px;top:9px;transition:all .3s ease;width:127px}.right-item:hover{background-color:var(--primary-color)}.right-item:hover,.right-item:hover .title-item{color:#fff!important}.right-item:hover .imagen-item-right{left:50%;top:50%;transform:translate(-50%,-50%)}@media(max-width:1240px){.max-container.cont-general{width:90%}.phone-screen{align-items:center;background-color:transparent;border-radius:15px;display:block;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%;z-index:999}}@media (max-width:1024px){.sub-container-fluid{display:flex;flex-direction:column;width:100%}}@media(max-width:1000px){.right-item:hover .imagen-item-right{top:50%;transform:translate(-13%,-54%)}}@media(max-width:800px){.sub-container-fluid{display:block;width:100%}}@media(max-width:600px){.sub-container-fluid{display:block;margin-top:1rem;width:100%}#name-vendedor{margin-bottom:1rem}.first-row-container{align-items:flex-end;display:block;gap:10px;margin-bottom:10px}.second-row-container .right-item{height:188px}}@media(max-width:1200px){.right-item:hover .imagen-item-right{top:50%;transform:translate(-5%,-52%)}}#loader{align-items:center;background:hsla(0,0%,100%,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}.lds-roller{color:var(--primary-color);display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{background:currentColor;border-radius:50%;content:" ";display:block;height:7.2px;margin:-3.6px 0 0 -3.6px;position:absolute;width:7.2px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:62.62742px;top:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:67.71281px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48.28221px;top:70.90963px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:31.71779px;top:70.90963px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:67.71281px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17.37258px;top:62.62742px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12.28719px;top:56px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.responsive-class{margin-bottom:1rem!important}.max-container{margin:4rem auto 3rem!important}}@media(max-width:599px){.right-item{margin-bottom:1rem!important}.max-container h1{font-size:18px!important}}