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

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

.ag-hot-galvanized-widget-wrap{
  width:100% !important;
  margin:0 !important;
  padding:28px 0 !important;
  background:#000000 !important;
}

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

  position:relative !important;

  width:min(1380px,calc(100% - 70px)) !important;
  min-height:765px !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
   OSCURO INTERMEDIO
========================================================= */

.ag-hot-galvanized-widget::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,.62) 0%,
      rgba(0,0,0,.54) 42%,
      rgba(0,0,0,.42) 75%,
      rgba(0,0,0,.38) 100%
    ) !important;
}

.ag-hot-galvanized-widget::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,.07) 55%,
      rgba(0,0,0,.32) 100%
    ) !important;
}

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

.ag-hot-galvanized-widget .ag-hot-galvanized__inner{
  position:relative !important;

  z-index:2 !important;

  width:100% !important;
  min-height:765px !important;

  margin:0 !important;

  padding:
    150px
    65px
    90px !important;
}

.ag-hot-galvanized-widget .ag-hot-galvanized__content{
  width:100% !important;
  max-width:850px !important;

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

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

.ag-hot-galvanized-widget .ag-hot-galvanized__title{
  width:100% !important;
  max-width:650px !important;

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

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

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

  font-size:45px;
  line-height:50px;

  letter-spacing:0;

  text-align:left !important;

  text-transform:none !important;
  font-variant:normal !important;

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

.ag-hot-galvanized-widget .ag-hot-galvanized__title-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;

  text-transform:none !important;
}

.ag-hot-galvanized-widget .ag-yellow{
  color:var(--ag-yellow);

  text-transform:none !important;
}

/* =========================================================
   DESCRIPCIÓN
========================================================= */

.ag-hot-galvanized-widget .ag-hot-galvanized__description{
  width:100% !important;
  max-width:760px !important;

  margin:0 0 32px !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-hot-galvanized-widget .ag-hot-galvanized__description-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;
}

/* =========================================================
   TARJETAS
========================================================= */

.ag-hot-galvanized-widget .ag-hot-galvanized__cards{
  width:100% !important;

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

  display:flex !important;

  align-items:stretch !important;
  justify-content:flex-start !important;

  gap:21px !important;
}

.ag-hot-galvanized-widget .ag-hot-galvanized__card{
  width:264px !important;
  height:211px !important;

  flex:0 0 264px !important;

  margin:0 !important;

  padding:20px !important;

  display:flex !important;

  flex-direction:column !important;

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

  gap:21px !important;

  background:rgba(15,15,15,.78) !important;

  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;

  border:0 !important;
  border-radius:0 !important;
}

/* =========================================================
   TÍTULOS TARJETAS
========================================================= */

.ag-hot-galvanized-widget .ag-hot-galvanized__card-title{
  width:100% !important;

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

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

  font-weight:800;
  font-style:normal;

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

  letter-spacing:0;

  text-align:left !important;

  text-transform:none !important;
  font-variant:normal !important;

  color:#FFFFFF;
}

.ag-hot-galvanized-widget .ag-hot-galvanized__card-title-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;

  text-transform:none !important;
}

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

.ag-hot-galvanized-widget .ag-hot-galvanized__card-text{
  width:100% !important;

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

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

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

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

  letter-spacing:0;

  text-align:left !important;

  text-transform:none !important;

  color:#FFFFFF;
}

.ag-hot-galvanized-widget .ag-hot-galvanized__card-text-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;
}

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

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

  .ag-hot-galvanized-widget{
    width:calc(100% - 50px) !important;
    min-height:720px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__inner{
    min-height:720px !important;

    padding:
      120px
      50px
      75px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__title{
    font-size:40px;
    line-height:47px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__description{
    max-width:680px !important;

    font-size:18px;
    line-height:28px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__cards{
    gap:16px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card{
    width:245px !important;
    height:205px !important;

    flex-basis:245px !important;

    padding:18px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card-title{
    font-size:21px;
    line-height:25px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card-text{
    font-size:17px;
    line-height:23px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__description-line,
  .ag-hot-galvanized-widget .ag-hot-galvanized__card-title-line,
  .ag-hot-galvanized-widget .ag-hot-galvanized__card-text-line{
    white-space:normal !important;
  }
}

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

@media (max-width:900px){

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

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

    min-height:auto !important;

    background-position:center center !important;
  }

  .ag-hot-galvanized-widget::before{
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.66) 0%,
        rgba(0,0,0,.58) 60%,
        rgba(0,0,0,.46) 100%
      ) !important;
  }

  .ag-hot-galvanized-widget::after{
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.16) 0%,
        rgba(0,0,0,.09) 55%,
        rgba(0,0,0,.34) 100%
      ) !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__inner{
    min-height:auto !important;

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

  .ag-hot-galvanized-widget .ag-hot-galvanized__content{
    max-width:700px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__title{
    font-size:38px;
    line-height:45px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__title-line{
    white-space:normal !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__description{
    font-size:18px;
    line-height:28px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__description-line{
    display:inline !important;
    white-space:normal !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__description-line::after{
    content:" " !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__cards{
    display:grid !important;

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

    gap:16px !important;

    max-width:650px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card{
    width:100% !important;
    height:auto !important;

    min-height:210px !important;

    flex:none !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card-title-line,
  .ag-hot-galvanized-widget .ag-hot-galvanized__card-text-line{
    display:inline !important;
    white-space:normal !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card-title-line::after,
  .ag-hot-galvanized-widget .ag-hot-galvanized__card-text-line::after{
    content:" " !important;
  }
}

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

@media (max-width:560px){

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

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

  .ag-hot-galvanized-widget::before{
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.64) 68%,
        rgba(0,0,0,.50) 100%
      ) !important;
  }

  .ag-hot-galvanized-widget::after{
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.18) 0%,
        rgba(0,0,0,.10) 55%,
        rgba(0,0,0,.38) 100%
      ) !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__inner{
    padding:
      60px
      20px
      55px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__title{
    margin-bottom:18px !important;

    font-size:32px;
    line-height:39px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__description{
    margin-bottom:28px !important;

    font-size:16px;
    line-height:24px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__cards{
    grid-template-columns:1fr !important;

    gap:14px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card{
    min-height:auto !important;

    padding:22px !important;

    gap:16px !important;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card-title{
    font-size:20px;
    line-height:25px;
  }

  .ag-hot-galvanized-widget .ag-hot-galvanized__card-text{
    font-size:16px;
    line-height:24px;
  }
}