main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

.cursos{
    width: 200px;
    height: 200px;
    background-color: gray;
    border-radius: 10px;

    background-size: cover; 
    background-position: center;
    display: flex;
    justify-content: center;
    flex-direction: column;

    text-align: center;

    gap: 5px;

    img{
    margin: 0 auto;
    }

    p{
        background-color: rgba(255,255,255,0.5);
        width: 95%;
        margin: 0 auto;
        border-radius: 5px 5px 0 0;
    }
}

.neon-verde-svg {
/* Filtro de capas para crear el degradado de luz */
    border: 2px solid transparent;
  filter: 
    drop-shadow(0 0 10px #2e7662); /* Verde oscuro (difusión final) */
  
  /* Asegura que el SVG blanco resalte */
  background: transparent;
}

.neon-azul-svg {
/* Filtro de capas para crear el degradado de luz */
    border: 2px solid transparent;
  filter: 
    drop-shadow(0 0 10px #023ec0); /* Verde oscuro (difusión final) */
  
  /* Asegura que el SVG blanco resalte */
  background: transparent;
}



.neon-naranja-svg {
/* Filtro de capas para crear el degradado de luz */
    border: 2px solid transparent;
  filter: 
    drop-shadow(0 0 10px #e26e01); /* Verde oscuro (difusión final) */
  
  /* Asegura que el SVG blanco resalte */
  background: transparent;
}

.neon-marron-svg {
/* Filtro de capas para crear el degradado de luz */
    border: 2px solid transparent;
  filter: 
    drop-shadow(0 0 10px #bc7c58); /* Verde oscuro (difusión final) */
  
  /* Asegura que el SVG blanco resalte */
  background: transparent;
}

.neon-amarillo-svg {
/* Filtro de capas para crear el degradado de luz */
    border: 2px solid transparent;
  filter: 
    drop-shadow(0 0 10px #b39240); /* Verde oscuro (difusión final) */
  
  /* Asegura que el SVG blanco resalte */
  background: transparent;
}



.neon-celeste-svg {
/* Filtro de capas para crear el degradado de luz */
    border: 2px solid transparent;
  filter: 
    drop-shadow(0 0 10px #8eb7d3); /* Verde oscuro (difusión final) */
  
  /* Asegura que el SVG blanco resalte */
  background: transparent;
}

.neon-violeta-svg {
/* Filtro de capas para crear el degradado de luz */
    border: 2px solid transparent;
  filter: 
    drop-shadow(0 0 10px #d77ad5); /* Verde oscuro (difusión final) */
  
  /* Asegura que el SVG blanco resalte */
  background: transparent;
}


#curso1{
    background-image: url("./galeria-cursos/1.jpg"); 
}

#curso2{
    background-image: url("./galeria-cursos/2.jpg"); 
}

#curso3{
    background-image: url("./galeria-cursos/3.jpg"); 
}

#curso4{
    background-image: url("./galeria-cursos/4.jpg"); 
}

#curso5{
    background-image: url("./galeria-cursos/5.jpg"); 
}

#curso6{
    background-image: url("./galeria-cursos/6.jpg"); 
}

#curso7{
    background-image: url("./galeria-cursos/7.jpg"); 
}

#curso8{
    background-image: url("./galeria-cursos/8.jpg"); 
}

#curso9{
    background-image: url("./galeria-cursos/9.jpg"); 
}

#curso10{
    background-image: url("./galeria-cursos/10.jpg"); 
}