main{
  overflow-y: hidden ;
}

.team-member-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.titulo{
  height: 100vh;
  position: relative;
  z-index: -3;
  background-image: url("../img/fotos_equipo/reunion.JPG");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
}
.mbr-overlay{
  
  opacity: 0.5;
  background-color: rgb(0, 0, 0);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
}
.overlay{
  margin: 0 auto;
  position: relative;
  max-width: 960px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.overlay h2{
  font-size: 5em;
  height: 180px;
  font-family: 'Gemunu Libre', sans-serif;
}
.overlay p{
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 30px;
}

/* INTEGRANTES (ESTRUCTURA) ---------------------------------------- */
.background{
  background: #f2f2f2;
  padding-bottom: 40px;
}
.integrantes{
  max-width: 1400px;
  margin: 0 auto;
}
.leader{
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
}
.titulos{
  font-size: 3em !important;
  margin: 60px auto;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-family: 'Zen Kurenaido', sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  background-image: linear-gradient(to bottom right, var(--primary), var(--secondary));
  color: #f4f4f6;
}
.miembros{
  max-width: 1400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.electronics{
max-width: 1000px !important;
}
.block-3{
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
/* FICHAS */

:root {
  --primary: #01587f;
  --secondary:  #001a30;
  --dark: #212121;
  --light: white;
}

.card {
  margin: 0px 25px 20px;
  width: 250px;
  height: 400px;
  perspective: 1000px;
}

.card__inner {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.card__inner.is-flipped {
  transform: rotateY(180deg);
}


.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.2);
}

.card__face--front {
  background-image: linear-gradient(to bottom right, var(--primary), var(--secondary));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.card__face--front .image{
  background-size: cover;
  width: 200px;
  height: 200px;
  border-radius: 100px;
}
.card__face--front h2 {
  color: #FFF;
  font-size: 32px;
  text-align: center;
  font-family: 'Gemunu Libre', sans-serif;
  font-weight: 400;
}

.card__face--front a{
  width: 100%;
  color: #0077b5;
  background-color: white;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  padding: 4px 0;
}
.card__face--front p{
  color: #FFF;
  font-family: 'Gemunu Libre', sans-serif;
  font-size: 1.3em;
}

.card__face--back {
  background-color: var(--light);
  transform: rotateY(180deg);
}

.card__content {
  width: 100%;
  height: 100%;
}

.card__header {
  height: 215px;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom-right-radius: 50%;
}

.card__header:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 215px;
  background-size:cover;
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 0px 0px 30% 0px;
}

.pp {
  display: block;
  width: 128px;
  height: 128px;
  margin: 0 auto 30px;
  background-color: #FFF;
  border-radius: 20%;
  border: 3px solid #FFF;
  object-fit: cover;
}

.card__header h2 {
  color: #FFF;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.card__body {
  padding: 30px;
}

.student-data, .in-team-data {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card__body .student-icon{
  margin-right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/banderas/student-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.card__body .calendar-icon {
  margin-right: 10px;
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(../img/banderas/calendar.png);
  background-size: contain;
  background-repeat: no-repeat
}
.student-data p, .in-team-data p{
  font-family: 'Gemunu Libre', sans-serif;
  font-size: 20px;
}
.card__body h3 {
  font-family: 'Baloo Da 2', cursive;
  color: var(--dark);
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.2;
}

.card__body p {
  color: var(--dark);
}

/* FOTOS DE CADA UNO */

/*AJUSTES GENERALES*/

.image {
  background-size: cover;
}
.ferran{
  background-image: url(../img/fotos_equipo/ferran.png);
}
.ferran__back:after{
  background-image: url(../img/fotos_equipo/ferran_1.jpeg);
  background-position: 0px -58px;
}

.alex{
   background-image: url(../img/fotos_equipo/alex.png);
   background-position: 0px -73px;
   background-size: cover !important;
}
.alex__back:after{
  background-image: url(../img/fotos_equipo/alex_treballant.jpg);
  background-position: 0px -20px;
}

.jimmy{
  background-image: url(../img/fotos_equipo/jimmy.png);
}
.jimmy__back:after{
  background-image: url(../img/fotos_equipo/jimmy_1.jpeg);
  background-position: 0px -40px;
}
.baldiri{
  background-image: url(../img/fotos_equipo/baldiri.png);
  background-position: -23px -20px;
}
.baldiri__back:after{
  background-image: url(../img/fotos_equipo/baldiri_1.JPG);
  background-position: 0px -20px;
}

.sergi{
  background-image: url(../img/fotos_equipo/sergi.png);
  background-position: -24px -19px;
}
.sergi__back:after{
  background-image: url(../img/fotos_equipo/sergi_2.JPG);
  background-position: 0 -45px;
}

.marc-b{
  background-image: url(../img/fotos_equipo/marcbarcons.png);
}
.marc-b__back:after{
  background-image: url(../img/fotos_equipo/marcbarcons_1.jpg);
}

.monica{
  background-image: url(../img/fotos_equipo/monica.png);
  background-position: -23px -18px;
}
.monica__back:after{
  background-image: url(../img/fotos_equipo/monica_1.JPG);
  background-position: 0px -30px;
  background-size: cover;
}
.josep-b{
  background-image: url(../img/fotos_equipo/josep.png);
  background-position: -29px -19px;
}
.josep-b__back:after{
  background-image: url(../img/fotos_equipo/josep_treballant.jpg);
}

.marc{
  background-image: url(../img/fotos_equipo/marccasado.png);
  background-position: -25px -14px;
}
.marc__back:after{
  background-image: url(../img/fotos_equipo/marc_1.jpg);
  background-position: 1px -20px;
}

.nuria{
  background-image: url(../img/fotos_equipo/nuria.png);
  background-position: -28px -24px;
}
.nuria__back:after{
  background-image: url(../img/fotos_equipo/nuria_1.JPG);
  background-position: 0px -70px;
}

.zakaria{
  background-image: url(../img/fotos_equipo/zaka.png);
  background-position: -24px -31px;
}
.zakaria__back:after{
  background-image: url(../img/fotos_equipo/zaka_1.jpeg);
  background-position: 0px -60px;
}

.david{
  background-image: url(../img/fotos_equipo/david.png);
  background-position-x: -28px;
}
.david__back:after{
  background-image: url(../img/fotos_equipo/david_1.JPG);
  background-position: 0px -30px;
}

.joel{
  background-image: url(../img/fotos_equipo/joel.png);
  background-position: -26px -16px;
}
.joel__back:after{
  background-image: url(../img/fotos_equipo/joel_1.JPG);
  background-position: 2px -80px;
}

.josep{
  background-image: url(../img/fotos_equipo/josepfrancesc.png);
  background-position: 0px -78px;
  background-size: 200px !important;
}
.josep__back:after{
  background-image: url(../img/fotos_equipo/josepf_1.jpeg);
  background-position: 0px -60px;
}

.laura{
  background-image: url(../img/fotos_equipo/laura.png);
  background-position: -12px -27px;
}
.laura__back:after{
  background-image: url(../img/fotos_equipo/laura_1.jpg);
  background-position: 0px -60px;
}

.marcgarcia{
  background-image: url(../img/fotos_equipo/marcgarcia.png);
}
.marc-g__back:after{
  background-image: url(../img/fotos_equipo/marcgarcia_1.jpg);
  background-position: 0px -56px;
}

.pol{
  background-image: url(../img/fotos_equipo/pol.png);
  background-position: -25px -21px;
}
.pol__back:after{
  background-image: url(../img/fotos_equipo/pol_1.jpg);
  background-position: 0px -60px;
}

.pau{
  background-image: url(../img/fotos_equipo/pau.png);
}
.pau__back:after{
  background-image: url(../img/fotos_equipo/pau_1.jpg);
  background-position: 0px -60px;
}

.dayana{
  background-image: url(../img/fotos_equipo/daiana.png);
  
}
.dayana__back:after{
  background-image: url(../img/fotos_equipo/dayana_1.jpg);
  background-position: 0px -60px;
}

/* JEFES */

.jefes-departamento{
  display: flex;
  flex-direction: column;
}
/* DEPARTAMENTO MECANICA------------------ */

.mecanica{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* FOTO EQUIPO */
.foto-equipo{ 
  max-width: 100%;
  background-color: #212121;
}
.foto-equipo img{
  width: 100%;
  height: 100%;
}