.metronome-optimo-container{position:relative}.metronome-optimo-bar{width:100%;padding:8px 20px;box-shadow:0 2px 8px #0000001a;z-index:999999;box-sizing:border-box}.metronome-optimo-bar-content{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1080px;margin:0 auto}.metronome-optimo-bar-text{flex:1;color:#000;font-size:14px;line-height:1.5}.metronome-optimo-bar-text p{margin:0}.metronome-optimo-bar-text p+p{margin-top:8px}.metronome-optimo-button{display:inline-block;padding:6px 40px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:opacity .2s,transform .2s;cursor:pointer;border:none}.metronome-optimo-button:hover{opacity:.9;transform:translateY(-1px)}.metronome-optimo-close{background:#0003;border:none;color:#000;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s;padding:0}.metronome-optimo-close:hover{background:#0000004d}.metronome-optimo-popup-overlay{background:#00000080;display:none;align-items:center;justify-content:center;padding:20px}.metronome-optimo-popup{background:#fff;border-radius:8px;max-width:600px;width:100%;position:relative;box-shadow:0 4px 20px #0000004d;overflow:hidden;max-height:90vh;overflow-y:auto}.metronome-optimo-popup .metronome-optimo-close{position:absolute;top:10px;right:10px;background:#ffffffe6;color:#1d2327;z-index:10}.metronome-optimo-popup .metronome-optimo-close:hover{background:#fff}.metronome-optimo-popup-size-small{max-width:400px}.metronome-optimo-popup-size-medium{max-width:600px}.metronome-optimo-popup-size-large{max-width:800px}.metronome-optimo-popup-layout-vertical{display:flex;flex-direction:column}.metronome-optimo-popup-layout-vertical .metronome-optimo-popup-image{width:100%;height:250px;overflow:hidden;flex-shrink:0}.metronome-optimo-popup-layout-vertical .metronome-optimo-popup-image img{width:100%;height:100%;object-fit:cover;display:block}.metronome-optimo-popup-layout-vertical .metronome-optimo-popup-text{padding:30px}.metronome-optimo-popup-horizontal{display:flex;flex-direction:row}.metronome-optimo-popup-horizontal .metronome-optimo-popup-image{flex:0 0 50%;max-width:50%;overflow:hidden}.metronome-optimo-popup-horizontal .metronome-optimo-popup-image img{width:100%;height:100%;object-fit:cover;display:block;min-height:300px}.metronome-optimo-popup-horizontal .metronome-optimo-popup-text{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center}.metronome-optimo-popup-text h3{margin:0 0 15px;font-size:24px;color:#1d2327;line-height:1.3;font-weight:600}.metronome-optimo-popup-content-text{margin:0 0 20px;color:#646970;font-size:14px;line-height:1.6}.metronome-optimo-popup-content-text p{margin:0 0 10px}.metronome-optimo-popup-content-text p:last-child{margin-bottom:0}.metronome-optimo-popup-button{display:inline-block;width:auto;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600}@media screen and (max-width:768px){.metronome-optimo-bar{padding:15px 20px}.metronome-optimo-bar-content{flex-direction:column;align-items:center;gap:15px}.metronome-optimo-bar{position:relative}.metronome-optimo-bar .metronome-optimo-close{position:absolute;top:8px;right:8px}.metronome-optimo-bar-text{width:100%;text-align:center}.metronome-optimo-button{width:calc(100% - 32px);text-align:center;margin-left:16px;margin-right:16px}.metronome-optimo-popup{max-width:95%;margin:10px}.metronome-optimo-popup-horizontal{flex-direction:column}.metronome-optimo-popup-horizontal .metronome-optimo-popup-image{flex:0 0 auto;max-width:100%;height:200px}.metronome-optimo-popup-horizontal .metronome-optimo-popup-image img{min-height:200px}.metronome-optimo-popup-layout-vertical .metronome-optimo-popup-image{height:200px}.metronome-optimo-popup-text{padding:20px!important}.metronome-optimo-popup-text h3{font-size:20px}}@media screen and (max-width:480px){.metronome-optimo-bar{padding:12px 15px}.metronome-optimo-bar-text{font-size:13px}.metronome-optimo-button{padding:8px 16px;font-size:13px}.metronome-optimo-popup-text h3{font-size:18px}.metronome-optimo-popup-content-text{font-size:13px}}@keyframes metronomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes metronomeSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes metronomeSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.metronome-optimo-top-bar{animation:metronomeSlideDown .3s ease-out}.metronome-optimo-bottom-bar{animation:metronomeSlideUp .3s ease-out}.metronome-optimo-popup-overlay{animation:metronomeFadeIn .3s ease-out}@media print{.metronome-optimo-container{display:none!important}}