/* Wrapper ocupa todo el ancho del contenedor flex */
.actividades-grid-wrapper {
    width: 100%;
    flex: 0 0 100%;
	left: unset;
}

/* Grid real */
.actividades-grid {
    display: grid !important;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
}

/* Asegura que cada item no herede flex raro */
.actividad-item {
    width: 100%;
    min-width: 0;
}

/* Altura uniforme de las imágenes de experiencias */
.actividades-grid .cs-cta-img {
    height: 450px;
    overflow: hidden;
}

.actividades-grid .actividad-img {
    display: block;
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center;
}

/* Añade margen superior solo al segundo item del grid */
.actividades-grid .actividad-item:nth-child(2) {
    margin-top: 40px;
}
/* Tablet */
@media (max-width: 1024px) {
    .actividades-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Móvil */
@media (max-width: 767px) {
    .actividades-grid {
        grid-template-columns: 1fr;
    }
}






/* Wrapper como grid */
.actividad-wrapper.grid-columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
}

.actividad-wrapper.grid-columns-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 80px;
}

/* Cada item como fila flex 2 columnas */
.actividad-item {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

/* Pares invertidos */
.actividad-item.invert {
    flex-direction: row-reverse;
}

/* Texto / imagen columnas */
.actividad-text,
.actividad-img-wrap {
    flex: 1 1 50%;
}
.actividad-text{
	padding-right: 60px;
}
.actividad-item.invert .actividad-text{
	padding-right: 0px;
	padding-left: 60px;
}



/* Responsive móvil */
@media (max-width: 767px) {
    .actividad-item {
        flex-direction: column;
    }
    .actividad-text,
    .actividad-img-wrap {
        flex: 1 1 100%;
    }
    .actividad-wrapper.grid-columns-3 {
        grid-template-columns: 1fr;
    }
}