/* =========================================================
STAKEHOLDER & STRATEGIC ACCOUNT INTELLIGENCE
------------------------------------------------------------
Objetivo:
- Diferenciarse de la sección anterior
- Sensación de relaciones, influencia y decisión
- Mantener lenguaje premium / ejecutivo
========================================================= */


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

.stakeholder-block{
  background:#ffffff;
  padding:96px 0 110px;
}


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

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

  margin:0 auto;

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


/* =========================================================
TITLE
========================================================= */

.stakeholder-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;
}


/* =========================================================
INTRO
========================================================= */

.stakeholder-intro{
  max-width:900px;

  margin:0 0 30px;

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

  color:#3a4b5c;
}


/* =========================================================
LIST
------------------------------------------------------------
Marcadores tipo nodo para transmitir:
- influencia
- relaciones
- estructura de decisión
========================================================= */

.stakeholder-list{
  width:100%;
  max-width:100%;

  margin:42px 0 40px;
  padding:0;

  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));

  column-gap:70px;
  row-gap:18px;

  list-style:none;
}


/* =========================================================
LIST ITEM
========================================================= */

.stakeholder-list li{
  position:relative;

  display:flex;
  align-items:center;

  min-height:58px;

  padding:10px 0 10px 34px;

  border-bottom:1px solid rgba(11,34,57,.10);

  font-family:'Manrope', sans-serif;
  font-size:15px;
  line-height:1.55;

  color:#243a4f;
}


/* =========================================================
MARKER
========================================================= */

.stakeholder-marker{
  position:absolute;

  left:0;
  top:50%;

  width:10px;
  height:10px;

  border:1px solid #7d97ae;
  border-radius:50%;

  transform:translateY(-50%);
}


.stakeholder-marker::after{
  content:"";

  position:absolute;

  left:50%;
  top:50%;

  width:3px;
  height:3px;

  background:#7d97ae;
  border-radius:50%;

  transform:translate(-50%, -50%);
}


/* =========================================================
CLOSING
========================================================= */

.stakeholder-closing{
  max-width:900px;

  margin-top:18px;
  padding-top:0;
}


.stakeholder-closing p{
  max-width:820px;

  margin:0 0 16px;

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

  color:#3a4b5c;
}


.stakeholder-closing p:last-child{
  margin-bottom:0;
}


/* =========================================================
DESKTOP GRANDE
========================================================= */

@media (min-width:1600px){

  .stakeholder-inner{
    max-width:1220px;
  }

}


/* =========================================================
TABLET LANDSCAPE
========================================================= */

@media (max-width:1024px){

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


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


  .stakeholder-title{
    font-size:28px;
    line-height:1.3;
  }


  .stakeholder-list{
    column-gap:50px;
  }

}


/* =========================================================
TABLET
========================================================= */

@media (max-width:900px){

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


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

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


  .stakeholder-title{
    max-width:620px;

    margin-bottom:26px;

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


  .stakeholder-list{
    margin:36px 0 34px;

    grid-template-columns:1fr;
    row-gap:12px;
  }


  .stakeholder-closing{
    max-width:620px;
  }

}


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

@media (max-width:600px){

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


  .stakeholder-inner{
    width:100%;

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


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

    margin-bottom:24px;

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

    letter-spacing:-0.15px;
  }


  .stakeholder-intro{
    margin-bottom:24px;

    font-size:15px;
  }


  .stakeholder-list{
    width:100%;
    max-width:none;

    margin:30px 0;
  }


  .stakeholder-list li{
    min-height:52px;

    padding-left:30px;

    font-size:14px;
  }


  .stakeholder-marker{
    width:9px;
    height:9px;
  }


  .stakeholder-closing{
    max-width:100%;

    padding-top:0;
  }


  .stakeholder-closing p{
    max-width:100%;

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

}