/* Estilos para la página de Assisted Fundraising */

/* Imagen principal con máscara diagonal */
.assisted-fundraising-image-container {
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 63%, 0 84%);
    border-radius: 8px;
    background-color: #ffffff; /* Fondo blanco para evitar los cuadros de transparencia */
}

.assisted-fundraising-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
    transform: translateY(-20px);
}

.assisted-fundraising-image-container:hover .assisted-fundraising-image {
    transform: translateY(-20px) scale(1.02);
}

/* Clase para zoom aumentado manteniendo el tamaño del contenedor */
.image-zoom-container {
    overflow: hidden; /* Oculta las partes que se salen del contenedor */
    position: relative;
}

.image-zoom-container img {
    object-fit: cover;
    transform: scale(1.3); 
    transition: transform 0.3s ease;
}

.image-zoom-container:hover img {
    transform: scale(1.4); /* Zoom ligeramente mayor en hover */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .assisted-fundraising-image-container {
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 95%);
    }
}

@media (max-width: 480px) {
    .assisted-fundraising-image-container {
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 98%);
    }
}