@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
#first{
    margin-top: 20px;
    margin-bottom: 20px;
    
}
 #tablero{
    /* background-image: url("{{ base_url('assets/images/artes/SITES/SERVICIOS_DIA/bg3.jpg') }}"); */
    background-color: #FFFFFF;
    background-position: top center;    
    background-size: cover;
    background-repeat: no-repeat;
    /*position: relative;*/
    height: auto;
    border-radius: 10px;
    /*overflow: auto;*/
    /*filter: blur(5px);*/
    /*-webkit-filter: blur(5px);*/
    filter: drop-shadow(5px 5px 10px #444);
 }
 .team{
  display: flex;
  justify-content: center;
  width: auto;
  text-align: center;
  flex-wrap: wrap;
  margin-top: 50px;

}

.team .team_member{
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 24px 24px;
  width: 252px;
  height: auto;
  left: 0px;
  top: 67px;
  background: #F5F8F9;
  border-radius: 16px;
  margin-bottom:25px;
  min-width: 250px;
}

.team .team_member h4{
    font-family: 'Spectral', serif;
  color: #1f1f1f;
  font-size: 20px;
  margin-top: 35px;
}

.team .team_member p.role{
  color: #1f1f1f;
  margin: 12px 0;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Karla', sans-serif;
  font-weight: bold;
}
.team .team_member label.role-sub{
  color: #525252;
  /*margin: 12px 0;*/
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Karla', sans-serif;
}

.team .team_member .team_img{
  /*position: absolute;*/
  /*top: -50px;*/
  /*left: 50%;*/
  /*transform: translateY(-50%);*/
  width: 150px;
  height: 150px;
  border-radius: 50%;
  /* background: #fff; */
  /*margin-top: 40px;*/
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 10px;
}

.team .team_member .team_img img{
  width: 150px;
  height: 150px;
  
  /*padding: 5px;*/
}
#btn-more-info{
            background-color: #8D805E;
            margin-bottom: 10px;
            color: #fff;
            margin-top: 25px;
        }
#btn-more-info:hover{
    background-color: #5D4180 !important;
}



  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
  .nameux{
  position: static;
  height: 30px;
  left: 0px;
  right: 0px;
  bottom: 20px;

  /* Headline/H3-Bold */

  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  /* identical to box height */

  text-align: center;

  /* Primary / 500 */

  color: #5C418A;


  /* Inside auto layout */

  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 0px;
  }

  .datedesux{
    position: static;
    height: 20px;
    left: 33px;
    right: 33px;
    bottom: 0px;

    /* Body/B2-Regular */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    /* identical to box height */

    text-align: center;

    /* Neutrals / 500 */

    color: #607D8B;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 0px;
  }

  .capillaux{
    position: static;
    width: 157px;
    height: 24px;
    left: 47.5px;
    top: 146px;

    /* Subtitle/S2-Medium */

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */

    text-align: center;

    /* Primary/400 */

    color: #8263B6;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 16px 0px;
  }

  .titleux{
    position: static;
    width: 41px;
    height: 21px;
    left: 0px;
    top: 0px;

    /* Body/B1-Regular */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */

    text-align: center;

    /* Primary/400 */

    color: #8263B6;


    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 0px;
  }

  .detailux{
    position: static;
    width: 167px;
    height: 20px;
    left: 0px;
    top: 21px;

    /* Body/B2-Regular */

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    /* identical to box height */


    /* Neutrals / 600 */

    color: #455A64;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 0px;
  }