/* The approved Palmi route, scoped to the six guarded local swimming heroes. */
#main .elementor .cmsj-swim-hero.cmsj-palmi-slide-ready .cmsj-swim-canvas > .elementor-widget-wrap::after {
    content: none;
}
#main .elementor .cmsj-swim-hero .cmsj-palmi-slide {
    position: absolute;
    z-index: 2;
    right: clamp(32px, 10.84vw, 156px);
    bottom: -61px;
    width: 304px;
    height: 244px;
    pointer-events: none;
    user-select: none;
}
#main .elementor .cmsj-swim-hero .cmsj-palmi-slide-geometry {
    position: relative;
    width: 304px;
    height: 244px;
    transform-origin: top left;
}
#main .elementor .cmsj-swim-hero .cmsj-palmi-slide svg {
    position: absolute;
    inset: 0;
    display: block;
    width: 304px;
    height: 244px;
    overflow: visible;
}
#main .elementor .cmsj-swim-hero .cmsj-palmi-slide path {
    fill: none;
    stroke: #c33e17;
    stroke-width: 9px;
    stroke-linecap: round;
}
#main .elementor .cmsj-swim-hero .cmsj-palmi-slide-actor {
    position: absolute;
    top: 0;
    left: 200px;
    display: block;
    width: 104px;
    height: 147px;
    background: url('camping-swimming-hero/Palmi.png') center / contain no-repeat;
    transform-origin: 52px 147px;
    transform: none;
}
@media (min-width: 768px) and (max-width: 1100px) {
    #main .elementor .cmsj-swim-hero.cmsj-palmi-slide-ready {
        padding-bottom: 236px;
    }
    #main .elementor .cmsj-swim-hero .cmsj-palmi-slide {
        right: 32px;
        bottom: -208px;
        width: 239.84px;
        height: 192.51px;
    }
    #main .elementor .cmsj-swim-hero .cmsj-palmi-slide-geometry {
        transform: scale(0.789);
    }
}
@media (max-width: 767px) {
    #main .elementor .cmsj-swim-hero.cmsj-palmi-slide-ready {
        padding-bottom: 224px;
    }
    #main .elementor .cmsj-swim-hero .cmsj-palmi-slide {
        right: 24px;
        bottom: -188px;
        width: 218.88px;
        height: 175.68px;
    }
    #main .elementor .cmsj-swim-hero .cmsj-palmi-slide-geometry {
        transform: scale(0.72);
    }
}
@media (prefers-reduced-motion: reduce), print {
    #main .elementor .cmsj-swim-hero .cmsj-palmi-slide-actor {
        transform: none !important;
    }
}