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

#ag-industrial-grating,
#ag-industrial-grating *{box-sizing:border-box!important}
#ag-industrial-grating{--ag-yellow:#EAAA04;--ag-white:#FFFFFF;--ag-text:#D6D6D6;width:100%!important;margin:0!important;padding:0!important;background:#000!important;overflow:hidden!important}
#ag-industrial-grating .ag-industrial-grating__container{width:min(1380px,calc(100% - 60px))!important;margin:0 auto!important;padding:0!important}
#ag-industrial-grating .ag-industrial-grating__grid{width:100%!important;min-height:720px!important;display:grid!important;grid-template-columns:52% 48%!important;align-items:stretch!important}
#ag-industrial-grating .ag-industrial-grating__media{position:relative!important;width:100%!important;min-height:720px!important;overflow:hidden!important}
#ag-industrial-grating .ag-industrial-grating__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important}
#ag-industrial-grating .ag-industrial-grating__content{position:relative!important;width:100%!important;min-height:720px!important;padding:72px 50px 68px 78px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#000!important}
#ag-industrial-grating .ag-industrial-grating__number{margin:0 0 8px!important;padding:0!important;font-family:"Exo",sans-serif;font-weight:500;font-style:normal;font-size:25px;line-height:65px;letter-spacing:0;text-transform:uppercase;color:var(--ag-yellow)}
#ag-industrial-grating .ag-industrial-grating__title{margin:0 0 20px!important;padding:0!important;font-family:"Exo",sans-serif;font-weight:700;font-style:normal;font-size:50px;line-height:65px;letter-spacing:0;text-align:left!important;text-transform:none;color:#fff}
#ag-industrial-grating .ag-industrial-grating__text{width:100%!important;max-width:600px!important;margin:0 0 30px!important;padding:0!important;font-family:"Roboto",sans-serif;font-weight:400;font-style:normal;font-size:17px;line-height:25px;letter-spacing:0;text-align:left!important;color:var(--ag-text)}
#ag-industrial-grating .ag-pc-line{display:block!important;width:100%!important;white-space:nowrap!important}
#ag-industrial-grating .ag-responsive-text{display:none!important}
#ag-industrial-grating .ag-industrial-grating__benefits{width:100%!important;margin:0 0 36px!important;padding:0!important;display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:wrap!important}
#ag-industrial-grating .ag-industrial-grating__benefit{display:inline-flex!important;align-items:center!important;gap:7px!important;font-family:"Roboto",sans-serif;font-weight:900;font-size:12px;line-height:25px;color:#fff;white-space:nowrap!important}
#ag-industrial-grating .ag-industrial-grating__check{position:relative!important;width:22px!important;height:22px!important;flex:0 0 22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:2px solid var(--ag-yellow)!important;border-radius:50%!important}
#ag-industrial-grating .ag-industrial-grating__check::before{content:""!important;position:absolute!important;top:-3px!important;right:-3px!important;width:9px!important;height:9px!important;background:#000!important}
#ag-industrial-grating .ag-industrial-grating__check::after{content:""!important;position:absolute!important;width:10px!important;height:5px!important;border-left:2px solid var(--ag-yellow)!important;border-bottom:2px solid var(--ag-yellow)!important;transform:rotate(-45deg) translate(1px,-1px)!important}
#ag-industrial-grating .ag-industrial-grating__actions{width:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;flex-wrap:wrap!important}
#ag-industrial-grating .ag-industrial-grating__button{width:auto!important;min-width:166px!important;min-height:50px!important;margin:0!important;padding:0 28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:#000;border:1px solid var(--ag-yellow)!important;border-radius:0!important;font-family:"Roboto",sans-serif;font-weight:900;font-size:14px;line-height:24px;color:#fff;text-decoration:none!important;white-space:nowrap!important;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease!important}
#ag-industrial-grating .ag-industrial-grating__button--quote{background:#000;border-color:var(--ag-yellow)!important;color:#fff}
#ag-industrial-grating .ag-industrial-grating__button--quote:hover,#ag-industrial-grating .ag-industrial-grating__button--quote:focus{background:#fff;border-color:#fff!important;color:#000;transform:translateY(-2px)!important}
#ag-industrial-grating .ag-industrial-grating__button--grating{min-width:166px!important;background:var(--ag-yellow);border-color:var(--ag-yellow)!important;color:#111}
#ag-industrial-grating .ag-industrial-grating__button--grating:hover,#ag-industrial-grating .ag-industrial-grating__button--grating:focus{background:#fff;border-color:#fff!important;color:#111;transform:translateY(-2px)!important}
#ag-industrial-grating .ag-industrial-grating__arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;color:inherit!important}

@media(max-width:1366px) and (min-width:1101px){
#ag-industrial-grating .ag-industrial-grating__container{width:calc(100% - 50px)!important}
#ag-industrial-grating .ag-industrial-grating__grid{grid-template-columns:50% 50%!important;min-height:660px!important}
#ag-industrial-grating .ag-industrial-grating__media{min-height:660px!important}
#ag-industrial-grating .ag-industrial-grating__content{min-height:660px!important;padding:60px 34px 58px 50px!important}
#ag-industrial-grating .ag-industrial-grating__title{font-size:45px;line-height:58px}
#ag-industrial-grating .ag-industrial-grating__text{max-width:100%!important;font-size:15px;line-height:23px}
#ag-industrial-grating .ag-industrial-grating__benefits{gap:14px!important}
#ag-industrial-grating .ag-industrial-grating__benefit{font-size:11px}
#ag-industrial-grating .ag-industrial-grating__actions{gap:12px!important}
#ag-industrial-grating .ag-industrial-grating__button{padding:0 20px!important}
}
@media(max-width:1100px){
#ag-industrial-grating .ag-industrial-grating__container{width:calc(100% - 50px)!important}
#ag-industrial-grating .ag-industrial-grating__grid{grid-template-columns:1fr!important;min-height:auto!important}
#ag-industrial-grating .ag-industrial-grating__media{min-height:500px!important}
#ag-industrial-grating .ag-industrial-grating__content{min-height:auto!important;padding:50px 42px 54px!important}
#ag-industrial-grating .ag-industrial-grating__number{font-size:22px;line-height:38px}
#ag-industrial-grating .ag-industrial-grating__title{margin-bottom:18px!important;font-size:42px;line-height:50px}
#ag-industrial-grating .ag-industrial-grating__text{max-width:700px!important;font-size:17px;line-height:25px}
#ag-industrial-grating .ag-pc-text{display:none!important}
#ag-industrial-grating .ag-responsive-text{display:block!important}
#ag-industrial-grating .ag-industrial-grating__benefits{max-width:700px!important;gap:18px 22px!important}
}
@media(max-width:560px){
#ag-industrial-grating .ag-industrial-grating__container{width:calc(100% - 30px)!important}
#ag-industrial-grating .ag-industrial-grating__media{min-height:340px!important}
#ag-industrial-grating .ag-industrial-grating__content{padding:36px 20px 40px!important}
#ag-industrial-grating .ag-industrial-grating__number{margin-bottom:5px!important;font-size:18px;line-height:30px}
#ag-industrial-grating .ag-industrial-grating__title{margin-bottom:18px!important;font-size:32px;line-height:40px}
#ag-industrial-grating .ag-industrial-grating__text{width:100%!important;margin-bottom:26px!important;font-size:16px;line-height:24px}
#ag-industrial-grating .ag-industrial-grating__benefits{width:100%!important;margin-bottom:30px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#ag-industrial-grating .ag-industrial-grating__benefit{font-size:12px;line-height:22px}
#ag-industrial-grating .ag-industrial-grating__actions{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
#ag-industrial-grating .ag-industrial-grating__button,#ag-industrial-grating .ag-industrial-grating__button--quote,#ag-industrial-grating .ag-industrial-grating__button--grating{width:100%!important;min-width:0!important;max-width:270px!important}
}

/* =========================================================
   MÓDULO 02 · SISTEMAS DE PROTECCIÓN PERIMETRAL
========================================================= */
#ag-metal-steps,#ag-metal-steps *{box-sizing:border-box!important}
#ag-metal-steps{--ag-yellow:#EAAA04;--ag-text:#D6D6D6;width:100%!important;margin:0!important;padding:0!important;background:#000!important;overflow:hidden!important}
#ag-metal-steps .ag-metal-steps__container{width:min(1380px,calc(100% - 60px))!important;margin:0 auto!important;padding:0!important}
#ag-metal-steps .ag-metal-steps__grid{width:100%!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:52% 48%!important;gap:0!important;align-items:stretch!important}
#ag-metal-steps .ag-metal-steps__content{width:100%!important;margin:0!important;min-height:0!important;padding:38px 48px 36px 52px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;background:#000!important}
#ag-metal-steps .ag-metal-steps__number{margin:0 0 4px!important;padding:0!important;font-family:"Exo",sans-serif;font-weight:500;font-size:25px;line-height:40px;color:var(--ag-yellow)}
#ag-metal-steps .ag-metal-steps__title{width:100%!important;max-width:620px!important;margin:0 0 16px!important;padding:0!important;font-family:"Exo",sans-serif;font-weight:700;font-size:50px;line-height:58px;letter-spacing:0;color:#fff;text-transform:none!important}
#ag-metal-steps .ag-metal-steps__text{width:100%!important;max-width:610px!important;margin:0 0 22px!important;padding:0!important;font-family:"Roboto",sans-serif;font-weight:400;font-size:17px;line-height:25px;color:var(--ag-text)}
#ag-metal-steps .ag-metal-steps__pc-text{display:block!important}
#ag-metal-steps .ag-metal-steps__pc-line{display:block!important;white-space:nowrap!important}
#ag-metal-steps .ag-metal-steps__responsive-text{display:none!important}
#ag-metal-steps .ag-metal-steps__benefits{width:100%!important;margin:0 0 24px!important;padding:0!important;display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important}
#ag-metal-steps .ag-metal-steps__benefit{display:inline-flex!important;align-items:center!important;gap:7px!important;font-family:"Roboto",sans-serif;font-weight:900;font-size:12px;line-height:25px;color:#fff;white-space:nowrap!important}
#ag-metal-steps .ag-metal-steps__check{position:relative!important;width:22px!important;height:22px!important;flex:0 0 22px!important;border:2px solid var(--ag-yellow)!important;border-radius:50%!important}
#ag-metal-steps .ag-metal-steps__check::before{content:""!important;position:absolute!important;top:-3px!important;right:-3px!important;width:9px!important;height:9px!important;background:#000!important}
#ag-metal-steps .ag-metal-steps__check::after{content:""!important;position:absolute!important;width:10px!important;height:5px!important;left:4px!important;top:5px!important;border-left:2px solid var(--ag-yellow)!important;border-bottom:2px solid var(--ag-yellow)!important;transform:rotate(-45deg)!important}
#ag-metal-steps .ag-metal-steps__actions{width:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;flex-wrap:wrap!important}
#ag-metal-steps .ag-metal-steps__button{min-width:166px!important;min-height:50px!important;margin:0!important;padding:0 28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;border-radius:0!important;font-family:"Roboto",sans-serif;font-weight:900;font-size:14px;line-height:24px;text-decoration:none!important;white-space:nowrap!important;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease!important}
#ag-metal-steps .ag-metal-steps__button--quote{background:#000;border:1px solid var(--ag-yellow)!important;color:#fff}
#ag-metal-steps .ag-metal-steps__button--quote:hover,#ag-metal-steps .ag-metal-steps__button--quote:focus{background:#fff;border-color:#fff!important;color:#000;transform:translateY(-2px)!important}
#ag-metal-steps .ag-metal-steps__button--more{background:var(--ag-yellow);border:1px solid var(--ag-yellow)!important;color:#111}
#ag-metal-steps .ag-metal-steps__button--more:hover,#ag-metal-steps .ag-metal-steps__button--more:focus{background:#fff;border-color:#fff!important;color:#111;transform:translateY(-2px)!important}
#ag-metal-steps .ag-metal-steps__arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;color:inherit!important}
#ag-metal-steps .ag-metal-steps__media{width:100%!important;margin:0!important;padding:0!important;line-height:0!important;background:#000!important;overflow:hidden!important}
#ag-metal-steps .ag-metal-steps__image{width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;max-width:none!important;max-height:none!important;border:0!important}
@media(max-width:1366px) and (min-width:1101px){
#ag-metal-steps .ag-metal-steps__container{width:calc(100% - 50px)!important}
#ag-metal-steps .ag-metal-steps__grid{grid-template-columns:50% 50%!important}
#ag-metal-steps .ag-metal-steps__content{padding:32px 34px 32px 46px!important}
#ag-metal-steps .ag-metal-steps__title{font-size:44px;line-height:50px}
#ag-metal-steps .ag-metal-steps__text{font-size:15px;line-height:22px}
#ag-metal-steps .ag-metal-steps__pc-text{display:none!important}
#ag-metal-steps .ag-metal-steps__responsive-text{display:block!important}
#ag-metal-steps .ag-metal-steps__benefits{gap:12px!important}
#ag-metal-steps .ag-metal-steps__benefit{font-size:11px}
#ag-metal-steps .ag-metal-steps__actions{gap:12px!important}
#ag-metal-steps .ag-metal-steps__button{padding:0 20px!important}
}
@media(max-width:1100px){
#ag-metal-steps .ag-metal-steps__container{width:calc(100% - 50px)!important}
#ag-metal-steps .ag-metal-steps__grid{grid-template-columns:1fr!important;gap:0!important}
#ag-metal-steps .ag-metal-steps__media{order:1!important;width:100%!important}
#ag-metal-steps .ag-metal-steps__image{width:100%!important;height:auto!important;display:block!important;object-fit:contain!important;object-position:center top!important}
#ag-metal-steps .ag-metal-steps__content{order:2!important;padding:46px 40px 50px!important}
#ag-metal-steps .ag-metal-steps__number{font-size:22px;line-height:34px}
#ag-metal-steps .ag-metal-steps__title{font-size:42px;line-height:50px}
#ag-metal-steps .ag-metal-steps__text{max-width:700px!important;font-size:17px;line-height:25px}
#ag-metal-steps .ag-metal-steps__pc-text{display:none!important}
#ag-metal-steps .ag-metal-steps__responsive-text{display:block!important}
}
@media(max-width:560px){
#ag-metal-steps .ag-metal-steps__container{width:calc(100% - 30px)!important}
#ag-metal-steps .ag-metal-steps__grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
#ag-metal-steps .ag-metal-steps__media{order:1!important;width:100%!important;margin:0!important;padding:0!important;line-height:0!important}
#ag-metal-steps .ag-metal-steps__image{width:100%!important;height:auto!important;display:block!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center top!important}
#ag-metal-steps .ag-metal-steps__content{order:2!important;width:100%!important;padding:34px 20px 38px!important}
#ag-metal-steps .ag-metal-steps__number{margin:0 0 8px!important;font-size:18px;line-height:28px}
#ag-metal-steps .ag-metal-steps__title{width:100%!important;margin:0 0 18px!important;font-size:32px;line-height:40px}
#ag-metal-steps .ag-metal-steps__text{width:100%!important;max-width:100%!important;margin-bottom:26px!important;font-size:16px;line-height:24px}
#ag-metal-steps .ag-metal-steps__benefits{width:100%!important;margin-bottom:30px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#ag-metal-steps .ag-metal-steps__benefit{font-size:12px;line-height:22px}
#ag-metal-steps .ag-metal-steps__actions{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
#ag-metal-steps .ag-metal-steps__button,#ag-metal-steps .ag-metal-steps__button--quote,#ag-metal-steps .ag-metal-steps__button--more{width:100%!important;min-width:0!important;max-width:270px!important}
}


/* =========================================================
   MÓDULO 03 · PELDAÑOS METÁLICOS
========================================================= */
700&family=Roboto:wght@400;900&display=swap');

#ag-step-03,
#ag-step-03 *{
  box-sizing:border-box !important;
}

#ag-step-03{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#D6D6D6;

  width:100% !important;

  margin:0 !important;
  margin-top:0 !important;

  padding:0 !important;

  background:#000000 !important;

  overflow:hidden !important;
}

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

#ag-step-03 .ag-step-03__container{
  width:min(1380px,calc(100% - 60px)) !important;

  margin:0 auto !important;

  padding:0 !important;
}

/* =========================================================
   GRID
========================================================= */

#ag-step-03 .ag-step-03__grid{
  width:100% !important;

  margin:0 !important;

  padding:0 !important;

  display:grid !important;

  grid-template-columns:
    52%
    48% !important;

  align-items:stretch !important;

  gap:0 !important;
}

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

#ag-step-03 .ag-step-03__media{
  position:relative !important;

  width:100% !important;

  min-width:0 !important;

  margin:0 !important;

  padding:0 !important;

  align-self:start !important;

  overflow:hidden !important;

  background:#000000 !important;

  line-height:0 ;
}

#ag-step-03 .ag-step-03__image{
  position:relative !important;

  width:100% !important;

  height:auto !important;

  max-width:none !important;

  max-height:none !important;

  margin:0 !important;

  padding:0 !important;

  display:block !important;

  object-fit:contain !important;

  object-position:center top !important;

  vertical-align:top !important;

  border:0 !important;
}

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

#ag-step-03 .ag-step-03__content{
  position:relative !important;

  width:100% !important;

  min-width:0 !important;

  margin:0 !important;

  padding:
    70px
    50px
    68px
    78px !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

  align-items:flex-start !important;

  align-self:stretch !important;

  background:#000000 !important;
}

/* =========================================================
   NÚMERO
========================================================= */

#ag-step-03 .ag-step-03__number{
  margin:
    0
    0
    8px !important;

  padding:0 !important;

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

  font-weight:500 ;

  font-style:normal ;

  font-size:25px ;

  line-height:65px ;

  letter-spacing:0 ;

  text-transform:uppercase ;

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

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

#ag-step-03 .ag-step-03__title{
  width:100% !important;

  max-width:620px !important;

  margin:
    0
    0
    20px !important;

  padding:0 !important;

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

  font-weight:700 ;

  font-style:normal ;

  font-size:50px ;

  line-height:65px ;

  letter-spacing:0 ;

  text-align:left !important;

  text-transform:none ;

  color:#FFFFFF !important;
}

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

#ag-step-03 .ag-step-03__text{
  width:100% !important;

  max-width:620px !important;

  margin:
    0
    0
    30px !important;

  padding:0 !important;

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

  font-weight:400 ;

  font-style:normal ;

  font-size:17px ;

  line-height:25px ;

  letter-spacing:0 ;

  text-align:left !important;

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

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

#ag-step-03 .ag-step-03__pc-text{
  display:block !important;
}

#ag-step-03 .ag-step-03__pc-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;
}

#ag-step-03 .ag-step-03__responsive-text{
  display:none !important;
}

/* =========================================================
   BENEFICIOS
========================================================= */

#ag-step-03 .ag-step-03__benefits{
  width:100% !important;

  margin:
    0
    0
    36px !important;

  padding:0 !important;

  display:flex !important;

  align-items:center !important;

  gap:22px !important;

  flex-wrap:wrap !important;
}

#ag-step-03 .ag-step-03__benefit{
  display:inline-flex !important;

  align-items:center !important;

  gap:7px !important;

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

  font-weight:900 ;

  font-style:normal ;

  font-size:12px ;

  line-height:25px ;

  letter-spacing:0 ;

  color:#FFFFFF !important;

  white-space:nowrap !important;
}

/* =========================================================
   CHECK
========================================================= */

#ag-step-03 .ag-step-03__check{
  position:relative !important;

  width:22px !important;

  height:22px !important;

  min-width:22px !important;

  flex:
    0
    0
    22px !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  border:
    2px
    solid
    var(--ag-yellow) !important;

  border-radius:50% !important;
}

#ag-step-03 .ag-step-03__check::before{
  content:"" !important;

  position:absolute !important;

  top:-3px !important;

  right:-3px !important;

  width:9px !important;

  height:9px !important;

  background:#000000 !important;
}

#ag-step-03 .ag-step-03__check::after{
  content:"" !important;

  position:absolute !important;

  width:10px !important;

  height:5px !important;

  border-left:
    2px
    solid
    var(--ag-yellow) !important;

  border-bottom:
    2px
    solid
    var(--ag-yellow) !important;

  transform:
    rotate(-45deg)
    translate(1px,-1px) !important;
}

/* =========================================================
   GRUPO BOTONES
========================================================= */

#ag-step-03 .ag-step-03__actions{
  width:100% !important;

  margin:0 !important;

  padding:0 !important;

  display:flex !important;

  align-items:center !important;

  justify-content:flex-start !important;

  gap:14px !important;

  flex-wrap:wrap !important;
}

/* =========================================================
   BOTONES BASE
========================================================= */

#ag-step-03 .ag-step-03__button{
  width:auto !important;

  min-width:166px !important;

  min-height:50px !important;

  margin:0 !important;

  padding:
    0
    28px !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:12px !important;

  border-radius:0 !important;

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

  font-weight:900 ;

  font-style:normal ;

  font-size:14px ;

  line-height:24px ;

  letter-spacing:0 ;

  text-decoration:none ;

  white-space:nowrap !important;

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

/* =========================================================
   BOTÓN 1 — COTIZAR AHORA
========================================================= */

#ag-step-03 .ag-step-03__button--quote{
  background:#000000 !important;

  border:
    1px
    solid
    var(--ag-yellow) !important;

  color:#FFFFFF !important;
}

#ag-step-03 .ag-step-03__button--quote:hover,
#ag-step-03 .ag-step-03__button--quote:focus{
  background:#FFFFFF !important;

  border-color:#FFFFFF !important;

  color:#000000 !important;

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

/* =========================================================
   BOTÓN 2 — VER MÁS
========================================================= */

#ag-step-03 .ag-step-03__button--more{
  background:var(--ag-yellow) !important;

  border:
    1px
    solid
    var(--ag-yellow) !important;

  color:#111111 !important;
}

#ag-step-03 .ag-step-03__button--more:hover,
#ag-step-03 .ag-step-03__button--more:focus{
  background:#FFFFFF !important;

  border-color:#FFFFFF !important;

  color:#111111 !important;

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

#ag-step-03 .ag-step-03__arrow{
  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  font-size:18px ;

  line-height:1 ;

  color:inherit !important;
}

/* =========================================================
   PC MEDIANO
========================================================= */

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

  #ag-step-03 .ag-step-03__container{
    width:calc(100% - 50px) !important;
  }

  #ag-step-03 .ag-step-03__grid{
    grid-template-columns:
      50%
      50% !important;
  }

  #ag-step-03 .ag-step-03__content{
    padding:
      58px
      34px
      58px
      50px !important;
  }

  #ag-step-03 .ag-step-03__title{
    font-size:45px ;

    line-height:58px ;
  }

  #ag-step-03 .ag-step-03__text{
    max-width:540px !important;

    font-size:16px ;

    line-height:24px ;
  }

  #ag-step-03 .ag-step-03__pc-text{
    display:none !important;
  }

  #ag-step-03 .ag-step-03__responsive-text{
    display:block !important;
  }

  #ag-step-03 .ag-step-03__benefits{
    gap:14px !important;
  }

  #ag-step-03 .ag-step-03__benefit{
    font-size:11px ;
  }

  #ag-step-03 .ag-step-03__actions{
    gap:12px !important;
  }

  #ag-step-03 .ag-step-03__button{
    padding:
      0
      20px !important;
  }
}

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

@media (max-width:1100px){

  #ag-step-03 .ag-step-03__container{
    width:calc(100% - 50px) !important;
  }

  #ag-step-03 .ag-step-03__grid{
    grid-template-columns:1fr !important;
  }

  #ag-step-03 .ag-step-03__media{
    width:100% !important;
  }

  #ag-step-03 .ag-step-03__image{
    width:100% !important;

    height:auto !important;

    object-fit:contain !important;

    object-position:center top !important;
  }

  #ag-step-03 .ag-step-03__content{
    padding:
      50px
      42px
      54px !important;
  }

  #ag-step-03 .ag-step-03__number{
    font-size:22px ;

    line-height:38px ;
  }

  #ag-step-03 .ag-step-03__title{
    max-width:700px !important;

    margin-bottom:18px !important;

    font-size:42px ;

    line-height:50px ;
  }

  #ag-step-03 .ag-step-03__text{
    max-width:700px !important;

    font-size:17px ;

    line-height:25px ;
  }

  #ag-step-03 .ag-step-03__pc-text{
    display:none !important;
  }

  #ag-step-03 .ag-step-03__responsive-text{
    display:block !important;
  }

  #ag-step-03 .ag-step-03__benefits{
    max-width:700px !important;

    gap:
      18px
      22px !important;
  }
}

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

@media (max-width:560px){

  #ag-step-03 .ag-step-03__container{
    width:calc(100% - 30px) !important;
  }

  #ag-step-03 .ag-step-03__image{
    width:100% !important;

    height:auto !important;
  }

  #ag-step-03 .ag-step-03__content{
    padding:
      36px
      20px
      40px !important;
  }

  #ag-step-03 .ag-step-03__number{
    margin-bottom:5px !important;

    font-size:18px ;

    line-height:30px ;
  }

  #ag-step-03 .ag-step-03__title{
    width:100% !important;

    margin-bottom:18px !important;

    font-size:32px ;

    line-height:40px ;
  }

  #ag-step-03 .ag-step-03__text{
    width:100% !important;

    margin-bottom:26px !important;

    font-size:16px ;

    line-height:24px ;
  }

  #ag-step-03 .ag-step-03__pc-text{
    display:none !important;
  }

  #ag-step-03 .ag-step-03__responsive-text{
    display:block !important;
  }

  #ag-step-03 .ag-step-03__benefits{
    width:100% !important;

    margin-bottom:30px !important;

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:10px !important;
  }

  #ag-step-03 .ag-step-03__benefit{
    font-size:12px ;

    line-height:22px ;
  }

  #ag-step-03 .ag-step-03__actions{
    width:100% !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    gap:12px !important;
  }

  #ag-step-03 .ag-step-03__button,
  #ag-step-03 .ag-step-03__button--quote,
  #ag-step-03 .ag-step-03__button--more{
    width:100% !important;

    min-width:0 !important;

    max-width:270px !important;
  }
}


/* =========================================================
   MÓDULO 04 · SUMIDEROS ELECTROFORJADOS
========================================================= */
700&family=Roboto:wght@400;700;900&display=swap');

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

#ag-product-block-04{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#D6D6D6;

  width:100% !important;

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

  background:#000000 !important;

  overflow:hidden !important;
}

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

#ag-product-block-04 .ag-product-block__container{
  width:min(1380px,calc(100% - 60px)) !important;

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

/* =========================================================
   GRID
========================================================= */

#ag-product-block-04 .ag-product-block__grid{
  width:100% !important;

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

  display:grid !important;

  grid-template-columns:
    52%
    48% !important;

  align-items:stretch !important;

  gap:0 !important;

  background:#000000 !important;
}

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

#ag-product-block-04 .ag-product-block__content{
  width:100% !important;

  min-width:0 !important;

  margin:0 !important;

  padding:
    38px
    48px
    36px
    52px !important;

  display:flex !important;

  flex-direction:column !important;

  justify-content:center !important;

  align-items:flex-start !important;

  background:#000000 !important;
}

#ag-product-block-04 .ag-product-block__content-inner{
  width:100% !important;

  max-width:620px !important;

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

/* =========================================================
   NÚMERO
========================================================= */

#ag-product-block-04 .ag-product-block__number{
  margin:
    0
    0
    4px !important;

  padding:0 !important;

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

  font-weight:500 ;

  font-style:normal ;

  font-size:25px ;

  line-height:40px ;

  letter-spacing:0 ;

  text-transform:uppercase ;

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

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

#ag-product-block-04 .ag-product-block__title{
  width:100% !important;

  margin:
    0
    0
    16px !important;

  padding:0 !important;

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

  font-weight:700 ;

  font-style:normal ;

  font-size:50px ;

  line-height:65px ;

  letter-spacing:0 ;

  text-align:left !important;

  text-transform:none ;

  color:#FFFFFF !important;
}

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

#ag-product-block-04 .ag-product-block__text{
  width:100% !important;

  max-width:620px !important;

  margin:
    0
    0
    22px !important;

  padding:0 !important;

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

  font-weight:400 ;

  font-style:normal ;

  font-size:17px ;

  line-height:25px ;

  letter-spacing:0 ;

  text-align:left !important;

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

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

#ag-product-block-04 .ag-product-block__pc-text{
  display:block !important;
}

#ag-product-block-04 .ag-product-block__pc-line{
  display:block !important;

  width:100% !important;

  white-space:nowrap !important;
}

#ag-product-block-04 .ag-product-block__responsive-text{
  display:none !important;
}

/* =========================================================
   BENEFICIOS
========================================================= */

#ag-product-block-04 .ag-product-block__features{
  width:100% !important;

  margin:
    0
    0
    24px !important;

  padding:0 !important;

  display:flex !important;

  align-items:center !important;

  gap:18px !important;

  flex-wrap:wrap !important;

  list-style:none !important;
}

#ag-product-block-04 .ag-product-block__features li{
  margin:0 !important;

  padding:0 !important;

  display:inline-flex !important;

  align-items:center !important;

  gap:7px !important;

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

  font-weight:900 ;

  font-style:normal ;

  font-size:12px ;

  line-height:25px ;

  color:#FFFFFF !important;

  white-space:nowrap !important;
}

#ag-product-block-04 .ag-product-block__check{
  width:22px !important;

  height:22px !important;

  flex:
    0
    0
    22px !important;

  display:block !important;
}

/* =========================================================
   GRUPO BOTONES
========================================================= */

#ag-product-block-04 .ag-product-block__actions{
  width:100% !important;

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

  display:flex !important;

  align-items:center !important;

  justify-content:flex-start !important;

  gap:14px !important;

  flex-wrap:wrap !important;
}

/* =========================================================
   BOTONES BASE
========================================================= */

#ag-product-block-04 .ag-product-block__button{
  min-width:166px !important;

  min-height:50px !important;

  margin:0 !important;

  padding:
    0
    28px !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:12px !important;

  border-radius:0 !important;

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

  font-weight:700 ;

  font-size:14px ;

  line-height:24px ;

  text-decoration:none ;

  white-space:nowrap !important;

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

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

#ag-product-block-04 .ag-product-block__button--quote{
  background:#000000 !important;

  border:
    1px
    solid
    var(--ag-yellow) !important;

  color:#FFFFFF !important;
}

#ag-product-block-04 .ag-product-block__button--quote:hover,
#ag-product-block-04 .ag-product-block__button--quote:focus{
  background:#FFFFFF !important;

  border-color:#FFFFFF !important;

  color:#000000 !important;

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

/* =========================================================
   BOTÓN VER MÁS
========================================================= */

#ag-product-block-04 .ag-product-block__button--more{
  background:var(--ag-yellow) !important;

  border:
    1px
    solid
    var(--ag-yellow) !important;

  color:#111111 !important;
}

#ag-product-block-04 .ag-product-block__button--more:hover,
#ag-product-block-04 .ag-product-block__button--more:focus{
  background:#FFFFFF !important;

  border-color:#FFFFFF !important;

  color:#111111 !important;

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

#ag-product-block-04 .ag-product-block__arrow{
  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  font-size:18px ;

  line-height:1 ;

  color:inherit !important;
}

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

#ag-product-block-04 .ag-product-block__media{
  position:relative !important;

  width:100% !important;

  min-width:0 !important;

  min-height:620px !important;

  margin:0 !important;

  padding:0 !important;

  overflow:hidden !important;

  background:#111111 !important;

  line-height:0 ;
}

#ag-product-block-04 .ag-product-block__image{
  position:absolute !important;

  inset:0 !important;

  display:block !important;

  width:100% !important;

  height:100% !important;

  max-width:none !important;

  max-height:none !important;

  margin:0 !important;

  padding:0 !important;

  border:0 !important;

  object-fit:cover !important;

  object-position:center center !important;

  vertical-align:top !important;
}

/* =========================================================
   PC MEDIANO
========================================================= */

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

  #ag-product-block-04 .ag-product-block__container{
    width:calc(100% - 50px) !important;
  }

  #ag-product-block-04 .ag-product-block__grid{
    grid-template-columns:
      50%
      50% !important;
  }

  #ag-product-block-04 .ag-product-block__content{
    padding:
      32px
      34px
      32px
      46px !important;
  }

  #ag-product-block-04 .ag-product-block__title{
    font-size:44px ;

    line-height:54px ;
  }

  #ag-product-block-04 .ag-product-block__text{
    max-width:100% !important;

    font-size:15px ;

    line-height:22px ;
  }

  #ag-product-block-04 .ag-product-block__pc-text{
    display:none !important;
  }

  #ag-product-block-04 .ag-product-block__responsive-text{
    display:block !important;
  }

  #ag-product-block-04 .ag-product-block__features{
    gap:12px !important;
  }

  #ag-product-block-04 .ag-product-block__features li{
    font-size:11px ;
  }

  #ag-product-block-04 .ag-product-block__media{
    min-height:580px !important;
  }

  #ag-product-block-04 .ag-product-block__button{
    padding:
      0
      20px !important;
  }

}

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

@media (max-width:1100px){

  #ag-product-block-04 .ag-product-block__container{
    width:calc(100% - 50px) !important;
  }

  #ag-product-block-04 .ag-product-block__grid{
    grid-template-columns:1fr !important;

    gap:0 !important;
  }

  #ag-product-block-04 .ag-product-block__media{
    order:1 !important;

    position:relative !important;

    width:100% !important;

    height:520px !important;

    min-height:520px !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    line-height:0 ;
  }

  #ag-product-block-04 .ag-product-block__image{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;

    height:100% !important;

    display:block !important;

    margin:0 !important;

    padding:0 !important;

    object-fit:cover !important;

    object-position:center center !important;
  }

  #ag-product-block-04 .ag-product-block__content{
    order:2 !important;

    width:100% !important;

    padding:
      46px
      40px
      50px !important;
  }

  #ag-product-block-04 .ag-product-block__content-inner{
    width:100% !important;

    max-width:700px !important;
  }

  #ag-product-block-04 .ag-product-block__number{
    font-size:22px ;

    line-height:34px ;
  }

  #ag-product-block-04 .ag-product-block__title{
    font-size:42px ;

    line-height:50px ;
  }

  #ag-product-block-04 .ag-product-block__text{
    max-width:700px !important;

    font-size:17px ;

    line-height:25px ;
  }

  #ag-product-block-04 .ag-product-block__pc-text{
    display:none !important;
  }

  #ag-product-block-04 .ag-product-block__responsive-text{
    display:block !important;
  }

}

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

@media (max-width:560px){

  #ag-product-block-04 .ag-product-block__container{
    width:calc(100% - 30px) !important;
  }

  #ag-product-block-04 .ag-product-block__grid{
    grid-template-columns:1fr !important;

    gap:0 !important;
  }

  #ag-product-block-04 .ag-product-block__media{
    order:1 !important;

    position:relative !important;

    width:100% !important;

    height:330px !important;

    min-height:330px !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    line-height:0 ;
  }

  #ag-product-block-04 .ag-product-block__image{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;

    height:100% !important;

    display:block !important;

    margin:0 !important;

    padding:0 !important;

    object-fit:cover !important;

    object-position:center center !important;
  }

  #ag-product-block-04 .ag-product-block__content{
    order:2 !important;

    width:100% !important;

    padding:
      34px
      20px
      38px !important;
  }

  #ag-product-block-04 .ag-product-block__content-inner{
    width:100% !important;

    max-width:100% !important;
  }

  #ag-product-block-04 .ag-product-block__number{
    font-size:18px ;

    line-height:28px ;

    margin-bottom:8px !important;
  }

  #ag-product-block-04 .ag-product-block__title{
    font-size:32px ;

    line-height:40px ;

    margin-bottom:18px !important;
  }

  #ag-product-block-04 .ag-product-block__text{
    width:100% !important;

    max-width:100% !important;

    font-size:16px ;

    line-height:24px ;

    margin-bottom:26px !important;
  }

  #ag-product-block-04 .ag-product-block__features{
    display:grid !important;

    grid-template-columns:1fr !important;

    gap:10px !important;

    margin-bottom:30px !important;
  }

  #ag-product-block-04 .ag-product-block__features li{
    font-size:12px ;

    line-height:22px ;
  }

  #ag-product-block-04 .ag-product-block__actions{
    width:100% !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    gap:12px !important;
  }

  #ag-product-block-04 .ag-product-block__button,
  #ag-product-block-04 .ag-product-block__button--quote,
  #ag-product-block-04 .ag-product-block__button--more{
    width:100% !important;

    min-width:0 !important;

    max-width:270px !important;
  }

}


/* =========================================================
   MÓDULO 05 · PROYECTOS A LA MEDIDA
========================================================= */
#ag-project-custom-05,
#ag-project-custom-05 *{box-sizing:border-box!important}
#ag-project-custom-05{--ag-yellow:#EAAA04;--ag-white:#FFFFFF;--ag-text:#D6D6D6;width:100%!important;margin:0!important;padding:0!important;background:#000!important;overflow:hidden!important}
#ag-project-custom-05 .ag-project-custom__container{width:min(1380px,calc(100% - 60px))!important;margin:0 auto!important;padding:0!important}
#ag-project-custom-05 .ag-project-custom__grid{width:100%!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:52% 48%!important;align-items:stretch!important;gap:0!important;background:#000!important}
#ag-project-custom-05 .ag-project-custom__media{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000!important;line-height:0!important}
#ag-project-custom-05 .ag-project-custom__image{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;vertical-align:top!important;border:0!important}
#ag-project-custom-05 .ag-project-custom__content{width:100%!important;min-width:0!important;margin:0!important;min-height:0!important;padding:38px 48px 36px 78px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;background:#000!important}
#ag-project-custom-05 .ag-project-custom__content-inner{width:100%!important;max-width:620px!important;margin:0!important;padding:0!important}
#ag-project-custom-05 .ag-project-custom__number{margin:0 0 4px!important;padding:0!important;font-family:"Exo",sans-serif;font-weight:500;font-style:normal;font-size:25px;line-height:40px;letter-spacing:0;text-transform:uppercase;color:var(--ag-yellow)!important}
#ag-project-custom-05 .ag-project-custom__title{width:100%!important;margin:0 0 16px!important;padding:0!important;font-family:"Exo",sans-serif;font-weight:700;font-style:normal;font-size:50px;line-height:65px;letter-spacing:0;text-align:left!important;text-transform:none!important;color:#fff}
#ag-project-custom-05 .ag-project-custom__text{width:100%!important;max-width:620px!important;margin:0 0 22px!important;padding:0!important;font-family:"Roboto",sans-serif;font-weight:400;font-style:normal;font-size:17px;line-height:25px;letter-spacing:0;text-align:left!important;color:var(--ag-text)}
#ag-project-custom-05 .ag-project-custom__pc-text{display:block!important}
#ag-project-custom-05 .ag-project-custom__pc-line{display:block!important;width:100%!important;white-space:nowrap!important}
#ag-project-custom-05 .ag-project-custom__responsive-text{display:none!important}
#ag-project-custom-05 .ag-project-custom__features{width:100%!important;margin:0 0 24px!important;padding:0!important;display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;list-style:none!important}
#ag-project-custom-05 .ag-project-custom__features li{margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-family:"Roboto",sans-serif;font-weight:900;font-style:normal;font-size:12px;line-height:25px;letter-spacing:0;color:#fff;white-space:nowrap!important}
#ag-project-custom-05 .ag-project-custom__check{width:22px!important;height:22px!important;flex:0 0 22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:2px solid var(--ag-yellow)!important;border-radius:50%!important;color:var(--ag-yellow)!important;font-size:13px!important;font-weight:900!important;line-height:1!important}
#ag-project-custom-05 .ag-project-custom__button{min-width:166px!important;min-height:50px!important;margin:0!important;padding:0 28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:#000;border:1px solid var(--ag-yellow)!important;border-radius:0!important;font-family:"Roboto",sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:24px;color:#fff;text-decoration:none!important;white-space:nowrap!important;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease!important}
#ag-project-custom-05 .ag-project-custom__button:hover,
#ag-project-custom-05 .ag-project-custom__button:focus{background:#fff;border-color:#fff!important;color:#000;transform:translateY(-2px)!important}
#ag-project-custom-05 .ag-project-custom__button:hover span,
#ag-project-custom-05 .ag-project-custom__button:focus span{color:#000}
#ag-project-custom-05 .ag-project-custom__arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;color:inherit!important}

@media(max-width:1366px) and (min-width:1101px){
#ag-project-custom-05 .ag-project-custom__container{width:calc(100% - 50px)!important}
#ag-project-custom-05 .ag-project-custom__grid{grid-template-columns:50% 50%!important}
#ag-project-custom-05 .ag-project-custom__content{padding:32px 34px 32px 50px!important}
#ag-project-custom-05 .ag-project-custom__title{font-size:44px;line-height:54px}
#ag-project-custom-05 .ag-project-custom__text{max-width:100%!important;font-size:15px;line-height:22px}
#ag-project-custom-05 .ag-project-custom__pc-text{display:none!important}
#ag-project-custom-05 .ag-project-custom__responsive-text{display:block!important}
#ag-project-custom-05 .ag-project-custom__features{gap:12px!important}
#ag-project-custom-05 .ag-project-custom__features li{font-size:11px}
}
@media(max-width:1100px){
#ag-project-custom-05 .ag-project-custom__container{width:calc(100% - 50px)!important}
#ag-project-custom-05 .ag-project-custom__grid{grid-template-columns:1fr!important}
#ag-project-custom-05 .ag-project-custom__media{order:1!important}
#ag-project-custom-05 .ag-project-custom__content{order:2!important;padding:46px 40px 50px!important}
#ag-project-custom-05 .ag-project-custom__number{font-size:22px;line-height:34px}
#ag-project-custom-05 .ag-project-custom__title{font-size:42px;line-height:50px}
#ag-project-custom-05 .ag-project-custom__text{max-width:700px!important;font-size:17px;line-height:25px}
#ag-project-custom-05 .ag-project-custom__pc-text{display:none!important}
#ag-project-custom-05 .ag-project-custom__responsive-text{display:block!important}
}
@media(max-width:560px){
#ag-project-custom-05 .ag-project-custom__container{width:calc(100% - 30px)!important}
#ag-project-custom-05 .ag-project-custom__content{padding:34px 20px 38px!important}
#ag-project-custom-05 .ag-project-custom__number{font-size:18px;line-height:28px}
#ag-project-custom-05 .ag-project-custom__title{font-size:32px;line-height:40px;margin-bottom:18px!important}
#ag-project-custom-05 .ag-project-custom__text{font-size:16px;line-height:24px}
#ag-project-custom-05 .ag-project-custom__features{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#ag-project-custom-05 .ag-project-custom__features li{font-size:12px;line-height:22px}
#ag-project-custom-05 .ag-project-custom__button{width:100%!important;max-width:270px!important}
}