/* =========================================================
MARKET & COMPETITIVE INTELLIGENCE
------------------------------------------------------------
Objetivo:
- Diferenciarse visualmente de The Challenge
- Sensación analítica / ejecutiva
- Estructura clara y metódica
========================================================= */


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

.intelligence-block{
  background:#f5f7fa;
  padding:96px 0 110px;
}


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

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

  margin:0 auto;

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


/* =========================================================
EYEBROW
========================================================= */

.intelligence-eyebrow{
  margin:0 0 18px;

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

  letter-spacing:-0.4px;
  text-transform:none;

  color:#0b2239;
}


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

.intelligence-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
========================================================= */

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

  margin:0;

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

  color:#3a4b5c;
}


/* =========================================================
LIST
------------------------------------------------------------
Numeración ejecutiva en lugar de bullet tradicional
========================================================= */

.intelligence-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
========================================================= */

.intelligence-list li{
  display:grid;
  grid-template-columns:42px 1fr;

  align-items:center;

  min-height:56px;

  padding:8px 0;

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

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

  color:#243a4f;
}


/* =========================================================
NUMBER
========================================================= */

.intelligence-number{
  font-size:10px;
  font-weight:600;

  letter-spacing:1.4px;

  color:#7d97ae;
}


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

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

  margin:0;

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

  color:#3a4b5c;
}


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

@media (min-width:1600px){

  .intelligence-inner{
    max-width:1180px;
  }

}


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

@media (max-width:1024px){

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

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

  .intelligence-title{
    font-size:41px;
  }

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

}


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

@media (max-width:900px){

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

  .intelligence-eyebrow{
    font-size:40px;
    line-height:1.1;
    margin-bottom:16px;
  }

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

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

    margin-bottom:26px;
  }

  .intelligence-inner{
    max-width:650px;
  }

  .intelligence-list{
    max-width:620px;

    margin:36px 0 34px;

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

  .intelligence-closing{
    max-width:600px;
  }

}


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

@media (max-width:600px){

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

  

  .intelligence-inner{
    width:100%;

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

  .intelligence-eyebrow{
    font-size:34px;
    line-height:1.1;

    margin-bottom:16px;

    letter-spacing:-0.3px;
  }

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

    margin-bottom:24px;

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

    letter-spacing:-0.15px;
  }

  .intelligence-intro{
    max-width:100%;

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

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

    margin:30px 0 30px;

    grid-template-columns:1fr;
  }

  .intelligence-list li{
    grid-template-columns:36px 1fr;

    min-height:50px;

    font-size:14px;
  }

  .intelligence-number{
    font-size:9.5px;
  }

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

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

}