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

.ag-galvanized-fences-wrap,
.ag-galvanized-fences-wrap *{
  box-sizing:border-box !important;
}

.ag-galvanized-fences-wrap{
  width:100% !important;

  margin:0 !important;

  padding:
    28px
    0 !important;

  background:#000000 !important;
}

/* =========================================================
   BLOQUE
========================================================= */

.ag-galvanized-fences{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#E3E3E3;

  position:relative !important;

  width:min(1380px,calc(100% - 70px)) !important;

  min-height:650px !important;

  margin:0 auto !important;

  padding:0 !important;

  overflow:hidden !important;

  background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;
}

/* =========================================================
   OVERLAY
========================================================= */

.ag-galvanized-fences::before{
  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  z-index:1 !important;

  pointer-events:none !important;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.70) 0%,
      rgba(0,0,0,.60) 42%,
      rgba(0,0,0,.44) 75%,
      rgba(0,0,0,.34) 100%
    ) !important;
}

.ag-galvanized-fences::after{
  content:"" !important;

  position:absolute !important;

  inset:0 !important;

  z-index:1 !important;

  pointer-events:none !important;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.14) 0%,
      rgba(0,0,0,.06) 55%,
      rgba(0,0,0,.32) 100%
    ) !important;
}

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

.ag-galvanized-fences .ag-galvanized-fences__inner{
  position:relative !important;

  z-index:2 !important;

  width:100% !important;

  min-height:650px !important;

  margin:0 !important;

  padding:
    110px
    65px
    100px !important;

  display:flex !important;

  align-items:center !important;

  justify-content:flex-start !important;
}

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

.ag-galvanized-fences .ag-galvanized-fences__content{
  width:100% !important;

  max-width:800px !important;

  margin:0 !important;

  padding:0 !important;
}

/* =========================================================
   H2
========================================================= */

.ag-galvanized-fences .ag-galvanized-fences__title{
  width:100% !important;

  max-width:720px !important;

  margin:
    0
    0
    12px !important;

  padding:0 !important;

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

  font-weight:700;

  font-style:normal;

  font-size:45px;

  line-height:55px;

  letter-spacing:0;

  text-align:left !important;

  text-transform:none !important;

  font-variant:normal !important;

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

.ag-galvanized-fences .ag-galvanized-fences__title-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;

  text-transform:none !important;
}

.ag-galvanized-fences .ag-yellow{
  color:var(--ag-yellow);
}

/* =========================================================
   H3
========================================================= */

.ag-galvanized-fences .ag-galvanized-fences__subtitle{
  width:100% !important;

  max-width:720px !important;

  margin:
    0
    0
    24px !important;

  padding:0 !important;

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

  font-weight:700;

  font-style:normal;

  font-size:24px;

  line-height:32px;

  letter-spacing:0;

  text-align:left !important;

  text-transform:none !important;

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

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

.ag-galvanized-fences .ag-galvanized-fences__description{
  width:100% !important;

  max-width:760px !important;

  margin:0 !important;

  padding:0 !important;

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

  font-weight:400;

  font-style:normal;

  font-size:20px;

  line-height:30px;

  letter-spacing:0;

  text-align:left !important;

  text-transform:none !important;

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

.ag-galvanized-fences .ag-galvanized-fences__description-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;
}

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

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

  .ag-galvanized-fences{
    width:calc(100% - 50px) !important;

    min-height:600px !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__inner{
    min-height:600px !important;

    padding:
      95px
      50px
      85px !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__title{
    font-size:40px;

    line-height:48px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__subtitle{
    font-size:22px;

    line-height:30px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__description{
    max-width:700px !important;

    font-size:18px;

    line-height:28px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__title-line,
  .ag-galvanized-fences .ag-galvanized-fences__description-line{
    white-space:normal !important;
  }

}

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

@media (max-width:900px){

  .ag-galvanized-fences-wrap{
    padding:
      20px
      0 !important;
  }

  .ag-galvanized-fences{
    width:calc(100% - 30px) !important;

    min-height:580px !important;

    background-position:center center !important;
  }

  .ag-galvanized-fences::before{
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.62) 60%,
        rgba(0,0,0,.46) 100%
      ) !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__inner{
    min-height:580px !important;

    padding:
      80px
      35px
      70px !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__content{
    max-width:700px !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__title{
    max-width:650px !important;

    font-size:38px;

    line-height:45px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__title-line{
    white-space:normal !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__subtitle{
    max-width:650px !important;

    font-size:21px;

    line-height:29px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__description{
    max-width:650px !important;

    font-size:18px;

    line-height:28px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__description-line{
    display:inline !important;

    white-space:normal !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__description-line::after{
    content:" " !important;
  }

}

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

@media (max-width:560px){

  .ag-galvanized-fences-wrap{
    padding:
      15px
      0 !important;
  }

  .ag-galvanized-fences{
    width:calc(100% - 20px) !important;

    min-height:540px !important;
  }

  .ag-galvanized-fences::before{
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.68) 68%,
        rgba(0,0,0,.52) 100%
      ) !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__inner{
    min-height:540px !important;

    padding:
      60px
      20px
      55px !important;
  }

  .ag-galvanized-fences .ag-galvanized-fences__title{
    margin-bottom:10px !important;

    font-size:32px;

    line-height:39px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__subtitle{
    margin-bottom:20px !important;

    font-size:19px;

    line-height:27px;
  }

  .ag-galvanized-fences .ag-galvanized-fences__description{
    max-width:100% !important;

    font-size:16px;

    line-height:24px;

    overflow-wrap:break-word !important;
  }

}