/* Source and licensing information for the line(s) below can be found at https://www.puertos.es/modules/custom/puertos_infographics/css/zoom-interactive.css. */
#zoom-interactive-widget{font-family:Arial,sans-serif;margin:0;padding:0}#zoom-interactive-widget *{box-sizing:border-box}.zoom-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.zoom-image-wrapper{position:relative;width:100%;height:600px;overflow:hidden;cursor:grab}.zoom-image-wrapper:active{cursor:grabbing}.zoom-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-origin:center center}.zoom-hotspot{position:absolute;width:50px;height:50px;background:rgba(59,130,246,.9);border:3px solid #fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .3s ease;z-index:10;pointer-events:auto}.zoom-hotspot.hidden{opacity:0;pointer-events:none}.zoom-hotspot:hover{transform:scale(1.2);background:rgba(37,99,235,1)}.zoom-hotspot:after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(59,130,246,.5);animation:zoom-pulse 2s infinite}@keyframes zoom-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}.zoom-controls{padding:20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;background:#f8f9fa}.zoom-btn{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.zoom-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.zoom-btn.reset{background:#6b7280}.zoom-btn.reset:hover{background:#4b5563}.zoom-info{padding:15px 20px;background:#eff6ff;border-top:2px solid #3b82f6;text-align:center;color:#1e40af;font-size:14px}@media (max-width:768px){.zoom-image-wrapper{height:400px}.zoom-btn{padding:10px 16px;font-size:12px}.zoom-hotspot{width:40px;height:40px;font-size:16px}}
/* Source and licensing information for the above line(s) can be found at https://www.puertos.es/modules/custom/puertos_infographics/css/zoom-interactive.css. */