@import url('https://fonts.googleapis.com/css2?family=Exo:wght@700&family=Roboto:wght@400&display=swap');

#ag-leadership-block,
#ag-leadership-block *{
  box-sizing:border-box !important;
}

#ag-leadership-block{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#D7D7D7;
  --ag-bg:#000000;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  background:var(--ag-bg) !important;

  overflow:hidden !important;
}

/* =========================================================
   ESTRUCTURA GENERAL
========================================================= */

#ag-leadership-block .ag-leadership__inner{
  width:100% !important;

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

  display:grid !important;

  grid-template-columns:
    minmax(0,58%)
    minmax(0,42%) !important;

  align-items:stretch !important;
}

/* =========================================================
   IMAGEN
========================================================= */

#ag-leadership-block .ag-leadership__media{
  position:relative !important;

  min-height:720px !important;

  overflow:hidden !important;

  background:#111111 !important;
}

#ag-leadership-block .ag-leadership__media img{
  display:block !important;

  width:100% !important;
  height:100% !important;

  object-fit:cover !important;
  object-position:center center !important;
}

/* =========================================================
   CONTENIDO
========================================================= */

#ag-leadership-block .ag-leadership__content{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  background:#000000 !important;

  padding:54px 54px 56px !important;
}

#ag-leadership-block .ag-leadership__content-inner{
  width:100% !important;
  max-width:510px !important;

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

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

#ag-leadership-block .ag-leadership__title{
  width:100% !important;
  max-width:510px !important;

  margin:0 0 28px !important;
  padding:0 !important;

  font-family:"Exo",sans-serif !important;

  font-weight:700 !important;
  font-style:normal !important;

  font-size:50px !important;
  line-height:65px !important;

  letter-spacing:0 !important;

  color:#FFFFFF !important;

  text-align:left !important;
  text-transform:none !important;
}

#ag-leadership-block .ag-yellow{
  color:var(--ag-yellow) !important;
}

/* =========================================================
   TÍTULOS POR DISPOSITIVO
========================================================= */

#ag-leadership-block .ag-title-pc{
  display:block !important;
}

#ag-leadership-block .ag-title-tablet{
  display:none !important;
}

#ag-leadership-block .ag-title-mobile{
  display:none !important;
}

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

#ag-leadership-block .ag-leadership__text{
  width:100% !important;
  max-width:480px !important;

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

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

#ag-leadership-block .ag-leadership__paragraph-pc{
  width:100% !important;
  max-width:480px !important;

  margin:0 0 28px !important;
  padding:0 !important;

  font-family:"Roboto",sans-serif !important;

  font-weight:400 !important;
  font-style:normal !important;

  font-size:17px !important;
  line-height:25px !important;

  letter-spacing:0 !important;

  color:var(--ag-text) !important;

  text-align:left !important;
}

#ag-leadership-block .ag-leadership__paragraph-pc:last-child{
  margin-bottom:0 !important;
}

#ag-leadership-block .ag-leadership__line{
  display:block !important;
}

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

#ag-leadership-block .ag-leadership__paragraph-responsive{
  display:none !important;
}

/* =========================================================
   PC PEQUEÑO
========================================================= */

@media (max-width:1366px) and (min-width:901px){

  #ag-leadership-block .ag-leadership__inner{
    grid-template-columns:
      minmax(0,56%)
      minmax(0,44%) !important;
  }

  #ag-leadership-block .ag-leadership__media{
    min-height:680px !important;
  }

  #ag-leadership-block .ag-leadership__content{
    padding:48px 42px 50px !important;
  }

  #ag-leadership-block .ag-leadership__content-inner{
    max-width:500px !important;
  }

  #ag-leadership-block .ag-leadership__title{
    max-width:500px !important;

    font-size:45px !important;
    line-height:57px !important;

    margin-bottom:24px !important;
  }

  #ag-leadership-block .ag-leadership__text,
  #ag-leadership-block .ag-leadership__paragraph-pc{
    max-width:470px !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-pc{
    font-size:16px !important;
    line-height:24px !important;
  }
}

/* =========================================================
   TABLET
   561PX — 900PX
========================================================= */

@media (max-width:900px) and (min-width:561px){

  #ag-leadership-block .ag-leadership__inner{
    grid-template-columns:1fr !important;
  }

  #ag-leadership-block .ag-leadership__media{
    width:100% !important;

    min-height:500px !important;
    height:500px !important;
  }

  #ag-leadership-block .ag-leadership__content{
    width:100% !important;

    padding:52px 40px 56px !important;

    display:flex !important;

    align-items:flex-start !important;
    justify-content:center !important;
  }

  #ag-leadership-block .ag-leadership__content-inner{
    width:100% !important;
    max-width:720px !important;

    margin:0 auto !important;
  }

  /* SOLO CAMBIA EL TÍTULO EN TABLET */

  #ag-leadership-block .ag-title-pc{
    display:none !important;
  }

  #ag-leadership-block .ag-title-tablet{
    display:block !important;
  }

  #ag-leadership-block .ag-title-mobile{
    display:none !important;
  }

  #ag-leadership-block .ag-leadership__title{
    width:100% !important;
    max-width:720px !important;

    margin:0 0 26px !important;

    font-size:40px !important;
    line-height:49px !important;

    text-align:left !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-pc{
    display:none !important;
  }

  #ag-leadership-block .ag-leadership__text{
    width:100% !important;
    max-width:720px !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-responsive{
    display:block !important;

    width:100% !important;
    max-width:720px !important;

    margin:0 0 26px !important;
    padding:0 !important;

    font-family:"Roboto",sans-serif !important;

    font-weight:400 !important;
    font-size:17px !important;
    line-height:27px !important;

    color:var(--ag-text) !important;

    text-align:left !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-responsive:last-child{
    margin-bottom:0 !important;
  }
}

/* =========================================================
   TABLET MÁS ANGOSTA
========================================================= */

@media (max-width:700px) and (min-width:561px){

  #ag-leadership-block .ag-leadership__media{
    min-height:430px !important;
    height:430px !important;
  }

  #ag-leadership-block .ag-leadership__content{
    padding:46px 32px 50px !important;
  }

  #ag-leadership-block .ag-leadership__title{
    font-size:35px !important;
    line-height:44px !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-responsive{
    font-size:16px !important;
    line-height:26px !important;
  }
}

/* =========================================================
   MÓVIL
========================================================= */

@media (max-width:560px){

  #ag-leadership-block .ag-leadership__inner{
    grid-template-columns:1fr !important;
  }

  #ag-leadership-block .ag-leadership__media{
    min-height:320px !important;
    height:320px !important;
  }

  #ag-leadership-block .ag-leadership__content{
    padding:34px 22px 36px !important;
  }

  #ag-leadership-block .ag-leadership__content-inner{
    max-width:100% !important;
  }

  /* MÓVIL MANTIENE SU PROPIA DISTRIBUCIÓN */

  #ag-leadership-block .ag-title-pc{
    display:none !important;
  }

  #ag-leadership-block .ag-title-tablet{
    display:none !important;
  }

  #ag-leadership-block .ag-title-mobile{
    display:block !important;
  }

  #ag-leadership-block .ag-leadership__title{
    width:100% !important;
    max-width:100% !important;

    margin:0 0 18px !important;

    font-size:32px !important;
    line-height:40px !important;

    text-align:left !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-pc{
    display:none !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-responsive{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 0 24px !important;

    font-family:"Roboto",sans-serif !important;

    font-weight:400 !important;

    font-size:16px !important;
    line-height:24px !important;

    color:var(--ag-text) !important;

    text-align:left !important;
  }

  #ag-leadership-block .ag-leadership__paragraph-responsive:last-child{
    margin-bottom:0 !important;
  }
}