.talleres-container {
    min-height: 60svh; /* antes era max-height */
    margin: auto;
    padding: 120px 50px 100px;
    text-align: center;
}

.titulo {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 30px;
}

.subtitulo {
    max-width: 900px;
    margin: auto;
    font-size: 1.1rem;
    color: #444;
    margin-bottom: 120px;
}

.icon {
    width: 55px;
    filter: brightness(0) saturate(100%) invert(78%) sepia(17%) 
            saturate(879%) hue-rotate(257deg) brightness(92%) contrast(87%);
}

.grid-talleres {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 40px;
}

.item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    text-align: left;
}

i {
  font-size: 64px;
  color: #be7dbe;
}

.item h3 {
    margin: 0 0 10px;
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a1a;
}

.item p {
    margin: 0;
    font-size: 1rem;
    color: #333;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media (max-width: 1100px) {
    .grid-talleres {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .grid-talleres {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {

    .titulo {
        font-size: 2rem;
    }

    .item img {
        width: 45px;
        height: 45px;
    }

    .talleres-container {
        padding: 100px 40px 120px; 
        /* antes tenías 250px abajo, eso exageraba el espacio */
    }
}