/* =========================================================
LED BY CARLOS CHAPA
------------------------------------------------------------
Última sección editorial del Home.

Jerarquía:
- Encabezado principal: 48px
- Subtítulo: 30px
- Contenido: 16px
========================================================= */


/* =========================================================
SECTION
========================================================= */

.leadership-block{
  background:#ffffff;

  padding:100px 0 115px;
}


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

.leadership-inner{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  padding-left:60px;
  padding-right:60px;
}


/* =========================================================
ENCABEZADO PRINCIPAL
LED BY CARLOS CHAPA
========================================================= */

.leadership-eyebrow{
  display:block;

  margin:0 0 18px;

  font-family:'Cormorant Garamond', serif;
  font-size:48px;
  line-height:1.1;
  font-weight:500;

  letter-spacing:-0.4px;

  color:#0b2239;
}


/* =========================================================
SUBTÍTULO
FROM OPERATIONS TO MARKET DEVELOPMENT
========================================================= */

.leadership-title{
  max-width:1000px;

  margin:0 0 30px;

  font-family:'Cormorant Garamond', serif;
  font-size:30px;
  line-height:1.3;
  font-weight:500;

  letter-spacing:-0.2px;

  color:#0b2239;
}


/* =========================================================
CONTENT
------------------------------------------------------------
Bloque editorial de lectura
========================================================= */

.leadership-content{
  position:relative;

  width:100%;
  max-width:1040px;

  padding-left:34px;
}


/* línea vertical editorial */

.leadership-content::before{
  content:"";

  position:absolute;

  left:0;
  top:4px;
  bottom:4px;

  width:1px;

  background:rgba(11,34,57,.12);
}


.leadership-content p{
  width:100%;
  max-width:none;

  margin:0 0 20px;

  font-family:'Manrope', sans-serif;
  font-size:16px;
  line-height:1.78;

  color:#3a4b5c;
}


.leadership-content p:last-child{
  margin-bottom:0;

  color:#0b2239;
}


/* =========================================================
TABLET LANDSCAPE
<= 1024px
========================================================= */

@media (max-width:1024px){

  .leadership-block{
    padding:82px 0 92px;
  }


  .leadership-inner{
    max-width:900px;
  }


  .leadership-eyebrow{
    font-size:42px;
  }


  .leadership-title{
    font-size:28px;
  }


  .leadership-content{
    max-width:760px;
  }

}


/* =========================================================
TABLET
<= 900px
========================================================= */

@media (max-width:900px){

  .leadership-block{
    padding:72px 0 82px;
  }


  .leadership-inner{
    max-width:650px;

    padding-left:30px;
    padding-right:30px;
  }


  .leadership-eyebrow{
    margin-bottom:16px;

    font-size:40px;
    line-height:1.1;
  }


  .leadership-title{
    margin-bottom:26px;

    font-size:27px;
    line-height:1.3;
  }


  .leadership-content{
    max-width:620px;

    padding-left:28px;
  }

}


/* =========================================================
MOBILE
<= 600px
========================================================= */

@media (max-width:600px){

  .leadership-block{
    padding:62px 0 70px;
  }


  .leadership-inner{
    width:100%;

    padding-left:20px;
    padding-right:20px;
  }


  .leadership-eyebrow{
    margin-bottom:16px;

    font-size:34px;
    line-height:1.1;

    letter-spacing:-0.3px;
  }


  .leadership-title{
    max-width:100%;

    margin-bottom:24px;

    font-size:24px;
    line-height:1.3;

    letter-spacing:-0.15px;
  }


  .leadership-content{
    max-width:100%;

    padding-left:22px;
  }


  .leadership-content p{
    margin-bottom:18px;

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

}