/* =========================================================
   HOME - EQUIPE
========================================================= */

.team-section{
  position:relative;

  padding:0;

  background:#fff;
}

/* =========================================================
   CONTAINER
========================================================= */

.team-section .container{
  width: 100%;
  max-width:100%;
 
  margin:0 auto;
}

/* =========================================================
   CARD
========================================================= */

.team-card{
  width:100%;
  max-width:1480px;

  margin:0 auto;

  display:grid;

  /* um pouco mais de espaço para a fotografia */
  grid-template-columns:1.18fr .82fr;

  align-items:stretch;

  overflow:hidden;

  border-radius:38px;

  background:#f6f3ee;
}


/* =========================================================
   IMAGEM
========================================================= */

.team-image{
  position:relative;

  height:840px;

  overflow:hidden;
}


.team-image img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  /*
   * IMPORTANTE:
   * joga o enquadramento um pouco para baixo
   * para preservar melhor as pernas/pés.
   */
  object-position:center 62%;

  filter:grayscale(1);
}


/* =========================================================
   CONTEÚDO
========================================================= */

.team-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;

  padding:55px 60px;
}


/* =========================================================
   TAG
========================================================= */

.team-content .section-tag{
  margin:0 0 20px;
}


/* =========================================================
   TÍTULO
========================================================= */

.team-content h2{
  width:100%;
  max-width:500px;

  margin:0 0 26px;

  font-family:var(--font-secondary);

  font-size:clamp(38px,3.1vw,52px);
  font-weight:500;

  line-height:1.02;
  letter-spacing:-.035em;

  color:var(--en-black);
}


/* =========================================================
   TEXTO
========================================================= */

.team-description{
  width:100%;
  max-width:450px;

  margin:0;

  font-size:16px;
  line-height:1.8;

  color:var(--en-muted);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px){

  .team-section{
    padding:0;
	width: 100%;  
  }

  .team-section .container{
    width:100%;
    padding:0 22px;
  }

  .team-section > .container{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
  }	

  .team-card{
    max-width:100%;

    grid-template-columns:1fr;

    border-radius:0px;
  }

  .team-image {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    overflow:hidden;
  }

  .team-image img {
    display:block;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    object-fit:contain !important;
    object-position:center top !important;
  }

  .team-content{
    padding:38px 26px 42px;

    align-items:center;

    text-align:center;
  }


  .team-content .section-tag{
    margin-bottom:16px;
  }


  .team-content h2{
    max-width:100%;

    margin-bottom:22px;

    font-size:38px;
    line-height:1.06;
  }


  .team-description{
    max-width:100%;

    font-size:15px;
    line-height:1.75;
  }

}

/* =========================================================
   EQUIPE - NOTEBOOK / DESKTOP MENOR
   1025PX ATÉ 1336PX
========================================================= */

@media (min-width:1025px) and (max-width:1336px){

  .team-section{
    width:100%;
    margin:0;
    padding:0;
  }

  .team-section > .container{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
  }

  .team-card{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    display:grid;

    grid-template-columns:
      minmax(0, 1.18fr)
      minmax(0, .82fr);

    align-items:stretch;

    border-radius:0;
    overflow:hidden;
  }


  /* =======================================================
     FOTO
  ======================================================= */

  .team-image{
    width:100%;
    height:100%;

    min-height:620px;

    overflow:hidden;
  }

  .team-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center top;
  }


  /* =======================================================
     CONTEÚDO
  ======================================================= */

  .team-content{
    width:100%;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:70px 64px;
  }

  .team-content .section-tag{
    margin-bottom:24px;
  }

  .team-content h2{
    width:100%;
    max-width:430px;

    margin:0 0 26px;

    font-size:54px;
    line-height:1.02;
  }

  .team-description{
    width:100%;
    max-width:390px;

    margin:0;

    font-size:15px;
    line-height:1.7;
  }

}