/* Hover effects */
    .weltfuss-effect-section .slider-button:hover {
      transform: translate(-50%, -50%) scale(1.1);
      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.25);
    }

    .weltfuss-effect-section .slider-button:active {
      cursor: grabbing;
      transform: translate(-50%, -50%) scale(0.95);
    }

    .weltfuss-effect-section .before-after-container:hover .divider-line {
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    }

    /* Layout das seções */
    .weltfuss-effect-section .caption-area {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }

    /* Responsividade */
    @media (max-width: 768px) {
      .weltfuss-effect-section {
        padding: 40px 16px !important;
      }
      
      .weltfuss-effect-section .images-wrapper {
        height: 400px !important;
      }
      
      .weltfuss-effect-section .image-label {
        font-size: 0.8rem !important;
        padding: 6px 12px !important;
        top: 16px !important;
      }
      
      .weltfuss-effect-section .before-label {
        left: 16px !important;
      }
      
      .weltfuss-effect-section .after-label {
        right: 16px !important;
      }
      
      .weltfuss-effect-section .slider-button {
        width: 50px !important;
        height: 50px !important;
      }
      
      .weltfuss-effect-section .slider-button > div > div {
        width: 6px !important;
        height: 6px !important;
      }
      
      .weltfuss-effect-section .caption-area {
        grid-template-columns: 1fr !important;
      }
      
      .weltfuss-effect-section .before-section,
      .weltfuss-effect-section .after-section {
        padding: 20px !important;
      }
    }

    @media (max-width: 480px) {
      .weltfuss-effect-section .images-wrapper {
        height: 350px !important;
      }
      
      .weltfuss-effect-section .before-section,
      .weltfuss-effect-section .after-section {
        padding: 16px !important;
      }
    }

    /* Acessibilidade */
    .weltfuss-effect-section .slider-button:focus {
      outline: 3px solid #3b82f6;
      outline-offset: 2px;
    }

    /* Animações suaves */
    .weltfuss-effect-section .after-image {
      transition: clip-path 0.1s ease;
    }

    .weltfuss-effect-section .divider-line {
      transition: left 0.1s ease, box-shadow 0.3s ease;
    }

    .weltfuss-effect-section .slider-button {
      transition: all 0.1s ease;
    }

    /* Prevenção de seleção durante drag */
    .weltfuss-effect-section .before-after-container.dragging {
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
    }

    .weltfuss-effect-section .before-after-container.dragging .slider-button {
      cursor: grabbing;
    }