#popup-promocional{position:fixed;top:50%;left:0;height:300px;display:flex;transform:translateY(-50%);z-index:1000;overflow:hidden;width:48px}.popup-header{width:48px;height:100%;background-color:#f07521;color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:800;cursor:pointer;text-align:center;text-transform:uppercase;transition:background-color 0.3s ease}.popup-header span{transform:rotate(-90deg);display:block}.popup-content{width:100%;max-width:360px;height:100%;border-left:1px solid #fff;background:#f07521;overflow:hidden;box-shadow:2px 0 5px rgb(0 0 0 / .2);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}div#popup-toggle span{white-space:nowrap;display:flex;align-items:center;gap:20px}.sonar-container{position:relative;width:10px;height:10px}.base-circle{width:10px;height:10px;background-color:#fff;border-radius:50%;position:absolute;top:0;left:0;z-index:2}.pulse-effect{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#fff;border-radius:50%;opacity:.6;transform:translate(-50%,-50%);z-index:1;animation:sonar-pulse 1.2s infinite}@keyframes sonar-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}a.btn-popup-promo{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:16px;border:1px solid #fff;color:#fff!important}a.btn-popup-promo span{color:#fff;font-family:Loew;font-size:14px;font-style:normal;font-weight:500;line-height:normal}a.btn-popup-promo:hover{color:#f07521!important;background:#fff}a.btn-popup-promo:hover span{color:#f07521!important}#popup-promocional.open{width:auto}#popup-promocional.open .popup-content{transform:scaleX(1)}.popup-content h2{margin-bottom:10px;color:#333}.popup-content p{color:#fff;text-align:center;font-family:Loew;font-size:16px;font-style:normal;font-weight:600;line-height:130%;margin-bottom:0}.close-btn-popup{position:absolute;right:8px;top:8px;display:flex;align-items:center;gap:4px;cursor:pointer}.close-btn-popup span{color:#fff;text-align:center;font-family:Loew;font-size:14px;font-style:normal;font-weight:400;line-height:130%}@media (max-width:768px){.popup-header{width:32px;height:200px;font-size:12px}.popup-content{width:100%;max-width:300px;padding:0 16px;gap:16px}.popup-content p{font-size:12px}#popup-promocional{top:30%;height:200px}.close-btn-popup span{font-size:10px}.close-btn-popup svg{width:16px}.close-btn-popup{right:4px;top:0}}