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

.ag-fence-projects-widget,
.ag-fence-projects-widget *{
  box-sizing:border-box !important;
}

.ag-fence-projects-widget{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#D9D9D9;
  --ag-black:#000000;

  width:100% !important;

  margin:0 !important;

  padding:
    70px
    0 !important;

  background:#000000 !important;

  overflow:hidden !important;
}

/* =========================================================
   CONTENEDOR
========================================================= */

.ag-fence-projects-widget .ag-fence-projects__inner{
  width:min(1320px,calc(100% - 80px)) !important;

  margin:0 auto !important;

  padding:0 !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,54%)
    minmax(0,46%) !important;

  align-items:center !important;

  gap:60px !important;
}

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

.ag-fence-projects-widget .ag-fence-projects__media{
  position:relative !important;

  width:100% !important;

  min-height:630px !important;

  overflow:hidden !important;

  background:#111111 !important;
}

.ag-fence-projects-widget .ag-fence-projects__media img{
  position:absolute !important;

  inset:0 !important;

  display:block !important;

  width:100% !important;

  height:100% !important;

  object-fit:cover !important;

  object-position:center center !important;
}

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

.ag-fence-projects-widget .ag-fence-projects__content{
  width:100% !important;

  max-width:560px !important;

  margin:0 !important;

  padding:0 !important;

  text-align:left !important;
}

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

.ag-fence-projects-widget .ag-fence-projects__title{
  width:100% !important;

  max-width:560px !important;

  margin:
    0
    0
    26px !important;

  padding:0 !important;

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

  font-weight:700;

  font-style:normal;

  font-size:40px;

  line-height:50px;

  letter-spacing:0;

  text-align:left !important;

  text-transform:none !important;

  color:var(--ag-white);
}

.ag-fence-projects-widget .ag-fence-projects__title-line{
  display:block !important;

  width:100% !important;

  margin:0 !important;

  padding:0 !important;

  white-space:nowrap !important;
}

.ag-fence-projects-widget .ag-yellow{
  color:var(--ag-yellow);
}

/* =========================================================
   PÁRRAFO
========================================================= */

.ag-fence-projects-widget .ag-fence-projects__text{
  width:100% !important;

  max-width:560px !important;

  margin:
    0
    0
    40px !important;

  padding:0 !important;

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

  font-weight:400;

  font-style:normal;

  font-size:20px;

  line-height:25px;

  letter-spacing:0;

  text-align:left !important;

  color:var(--ag-text);
}

.ag-fence-projects-widget .ag-fence-projects__text-line{
  display:block !important;

  width:100% !important;

  margin:0 !important;

  padding:0 !important;

  white-space:nowrap !important;
}

/* =========================================================
   BOTÓN
========================================================= */

.ag-fence-projects-widget .ag-fence-projects__button{
  width:237px !important;

  min-width:237px !important;

  height:50px !important;

  min-height:50px !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:10px !important;

  margin:0 !important;

  padding:
    13px
    30px !important;

  background:#EAAA04 !important;

  border:
    1px
    solid
    #EAAA04 !important;

  border-radius:0 !important;

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

  font-weight:700;

  font-style:normal;

  font-size:14px;

  line-height:24px;

  letter-spacing:0;

  text-align:center !important;

  text-decoration:none !important;

  white-space:nowrap !important;

  color:#111111;

  transition:
    background-color .25s ease,
    border-color .25s ease,
    color .25s ease,
    transform .25s ease !important;
}

.ag-fence-projects-widget .ag-fence-projects__button:hover{
  background:#FFFFFF !important;

  border-color:#FFFFFF;

  color:#111111;

  transform:translateY(-2px) !important;
}

.ag-fence-projects-widget .ag-fence-projects__arrow{
  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  font-size:18px;

  line-height:1;

  color:inherit;
}

/* =========================================================
   LAPTOP
========================================================= */

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

  .ag-fence-projects-widget .ag-fence-projects__inner{
    width:calc(100% - 60px) !important;

    gap:45px !important;

    grid-template-columns:
      minmax(0,52%)
      minmax(0,48%) !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__media{
    min-height:560px !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__title{
    font-size:36px;

    line-height:46px;
  }

  .ag-fence-projects-widget .ag-fence-projects__text{
    font-size:18px;

    line-height:24px;
  }

  .ag-fence-projects-widget .ag-fence-projects__title-line,
  .ag-fence-projects-widget .ag-fence-projects__text-line{
    white-space:normal !important;
  }

}

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

@media (max-width:900px){

  .ag-fence-projects-widget{
    padding:
      55px
      0 !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__inner{
    width:calc(100% - 40px) !important;

    grid-template-columns:1fr !important;

    gap:35px !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__media{
    min-height:500px !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__content{
    max-width:100% !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__title{
    max-width:100% !important;

    font-size:34px;

    line-height:42px;
  }

  .ag-fence-projects-widget .ag-fence-projects__title-line{
    display:inline !important;

    white-space:normal !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__title-line::after{
    content:" " !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__text{
    max-width:650px !important;

    font-size:18px;

    line-height:24px;

    margin-bottom:30px !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__text-line{
    display:inline !important;

    white-space:normal !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__text-line::after{
    content:" " !important;
  }

}

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

@media (max-width:560px){

  .ag-fence-projects-widget{
    padding:
      40px
      0 !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__inner{
    width:calc(100% - 26px) !important;

    gap:24px !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__media{
    min-height:320px !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__title{
    margin-bottom:18px !important;

    font-size:30px;

    line-height:38px;
  }

  .ag-fence-projects-widget .ag-fence-projects__text{
    max-width:100% !important;

    font-size:16px;

    line-height:23px;

    margin-bottom:24px !important;
  }

  .ag-fence-projects-widget .ag-fence-projects__button{
    width:100% !important;

    max-width:237px !important;
  }

}