.sidebar-overlay{left:0;width:100%}.sidebar-overlay,.sidebar-overlay-left{background-color:rgba(0,0,0,.5);height:100%;opacity:1;position:fixed;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);visibility:visible;z-index:var(--index-princial)}.sidebar-overlay-left{right:0;width:-100%}.sidebar-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.sidebar-right{box-shadow:-2px 0 10px rgba(0,0,0,.1);right:0}.sidebar-left,.sidebar-right{background:#fff;display:flex;flex-direction:column;font-family:var(--inter-font);height:100vh;overflow:hidden;position:fixed;top:0;transform:translateX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:450px;z-index:var(--index-encima)}.sidebar-left{box-shadow:2px 0 10px rgba(0,0,0,.1);left:0}.sidebar-right.hidden{transform:translateX(100%)}.sidebar-left.hidden{transform:translateX(-100%)}.sidebar-header{border-bottom:1px solid var(--color-bordes);padding:20px 24px;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-div-close,.sidebar-header{align-items:center;display:flex;justify-content:space-between}.sidebar-div-close{padding:10px 24px}.sidebar-title{color:#111827;font-size:20px;font-weight:600;line-height:28px}.sidebar-close-btn{align-items:center;align-self:flex-end;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.sidebar-close-btn:hover{background-color:#e5e7eb;color:#111827}.sidebar-content{flex:1;overflow-y:auto;padding:16px 24px;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-content .container-mini-card{margin-bottom:12px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-empty{color:#6b7280;padding:40px 20px;text-align:center}.sidebar-empty p{font-size:14px;margin:0}@media (max-width:768px){.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar,.sidebar-left{max-width:320px;width:100%}}@media (max-width:500px){.sidebar-left,.sidebar-right{height:calc(100vh - 136px - env(safe-area-inset-bottom));margin-top:60px;width:100%}.sidebar-close-btn{transition:none}}.sidebar-header .btn-primario{transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-header .btn-primario:hover{box-shadow:0 4px 8px rgba(0,0,0,.12);transform:translateY(-1px)}.sidebar-footer{border-top:1px solid var(--color-bordes);padding:16px}.btn-save-icon{align-items:center;display:flex;gap:8px;justify-content:center}.btn-save-icon:before{background-color:var(--color-white);content:"";display:inline-block;height:16px;mask:url(https://21994660.fs1.hubspotusercontent-na1.net/hubfs/21994660/raw_assets/public/Portal%20360/assets/img/icons/download.svg) no-repeat center;-webkit-mask:url(https://21994660.fs1.hubspotusercontent-na1.net/hubfs/21994660/raw_assets/public/Portal%20360/assets/img/icons/download.svg) no-repeat center;mask-size:contain;-webkit-mask-size:contain;transition:background-color .2s ease;width:16px}