#w1{
    color: #1575bc;
  }

  #w2{
    color: #fdbd26;
  }

  #w3{
    color: #f0524d;
  }

  #w4{
    color: #38b54a;
  }

  #w5{
    color: #00afaf;
  }

  #w6{
    color: #a9479b;
  }

  #w7{
    color: #ee1a7b;
  }

  #w8{
    color: #009cd7;
  }


  .rows .soc1 {
    max-width: 285px;
    min-height: 290px;
    background-color: #4267B2;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }

  .rows .soc2 {
    max-width: 285px;
    min-height: 290px;
    background: #D62976;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }


  .rows .soc3 {
    max-width: 285px;
    min-height: 290px;
    background: #25D366;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }

  .rows .soc4 {
    max-width: 285px;
    min-height: 290px;
    background: #FF0000;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }


  .rows .soc5 {
    max-width: 285px;
    min-height: 290px;
    background: #000000;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }

  .rows .soc6 {
    max-width: 285px;
    min-height: 290px;
    background: #0077B5;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }

  .rows .soc7 {
    max-width: 285px;
    min-height: 290px;
    background: #E60023;
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }

  .rows .soc8 {
    max-width: 285px;
    min-height: 290px;
    background: rgb(175, 79, 153);
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }


  .redes{
    min-height: 70px;
    background-color: #384ea1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 15px;
  }
  
  .redes p{
    color: white;
    font-size: 30px;
    font-weight: 300;
  }
  
  .mantenimientoInfo{
    background-color: #1575bc;
    color: white;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
  }