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

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

#ag-electroforjado-block{
  --ag-white:#ffffff;
  --ag-text:#eeeeee;

  position:relative !important;

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

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

  overflow:hidden !important;

  background-image:
    url("https://acerogrill.com/wp-content/uploads/2026/08/img-4.webp") !important;

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

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

#ag-electroforjado-block::before{
  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  z-index:1 !important;

  background:#000000 !important;
  opacity:.22 !important;

  pointer-events:none !important;
}

#ag-electroforjado-block::after{
  display:none !important;
}

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

#ag-electroforjado-block .ag-electroforjado__inner{
  position:relative !important;
  z-index:2 !important;

  width:min(1310px,calc(100% - 80px)) !important;
  min-height:800px !important;

  margin:0 auto !important;

  padding:118px 0 90px !important;

  display:flex !important;
  align-items:flex-start !important;
}

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

#ag-electroforjado-block .ag-electroforjado__content{
  width:100% !important;
  max-width:1180px !important;
}

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

#ag-electroforjado-block .ag-electroforjado__title{
  width:100% !important;
  max-width:740px !important;

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

  font-family:"Exo",sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;

  font-size:45px !important;
  line-height:50px !important;
  letter-spacing:0 !important;

  text-transform:none !important;

  color:#ffffff !important;

  text-shadow:
    0 2px 10px rgba(0,0,0,.28) !important;
}

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

#ag-electroforjado-block .ag-electroforjado__description{
  width:100% !important;
  max-width:820px !important;

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

  font-family:"Roboto",sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;

  font-size:20px !important;
  line-height:30px !important;
  letter-spacing:0 !important;

  text-transform:none !important;

  color:#ffffff !important;

  text-shadow:
    0 2px 8px rgba(0,0,0,.30) !important;
}

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

#ag-electroforjado-block .ag-electroforjado__cards{
  width:100% !important;
  max-width:970px !important;

  display:grid !important;

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

  gap:20px !important;
}

#ag-electroforjado-block .ag-electroforjado__card{
  min-height:212px !important;

  padding:28px 20px 24px !important;

  background:rgba(20,20,20,.54) !important;

  border:1px solid rgba(255,255,255,.05) !important;

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

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

#ag-electroforjado-block .ag-electroforjado__card:hover{
  transform:translateY(-4px) !important;

  background:rgba(25,25,25,.62) !important;

  border-color:rgba(255,255,255,.10) !important;
}

/* =========================================================
   TÍTULO DE TARJETAS
========================================================= */

#ag-electroforjado-block .ag-electroforjado__card-title{
  margin:0 0 18px !important;
  padding:0 !important;

  font-family:"Roboto",sans-serif !important;
  font-weight:800 !important;
  font-style:normal !important;

  font-size:24px !important;
  line-height:27px !important;
  letter-spacing:0 !important;

  text-transform:none !important;

  color:#ffffff !important;

  text-shadow:
    0 2px 8px rgba(0,0,0,.28) !important;
}

/* SALTOS SOLO DE ESCRITORIO */
#ag-electroforjado-block .ag-desktop-break{
  display:inline !important;
}

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

#ag-electroforjado-block .ag-electroforjado__card-text{
  margin:0 !important;
  padding:0 !important;

  font-family:"Roboto",sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;

  font-size:20px !important;
  line-height:24px !important;
  letter-spacing:0 !important;

  text-transform:none !important;

  color:#ffffff !important;

  text-shadow:
    0 2px 8px rgba(0,0,0,.25) !important;
}

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

@media (max-width:1100px){

  #ag-electroforjado-block{
    min-height:720px !important;
    background-position:center top !important;
  }

  #ag-electroforjado-block .ag-electroforjado__inner{
    width:calc(100% - 56px) !important;
    min-height:720px !important;

    padding:95px 0 78px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__title{
    max-width:700px !important;

    font-size:40px !important;
    line-height:46px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__description{
    max-width:760px !important;

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

  #ag-electroforjado-block .ag-electroforjado__cards{
    max-width:100% !important;

    gap:18px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__card{
    min-height:195px !important;

    padding:24px 18px 22px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__card-title{
    font-size:22px !important;
    line-height:25px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__card-text{
    font-size:18px !important;
    line-height:23px !important;
  }
}

/* =========================================================
   TABLET PEQUEÑA
========================================================= */

@media (max-width:900px){

  #ag-electroforjado-block{
    min-height:auto !important;
    background-position:center top !important;
  }

  #ag-electroforjado-block .ag-electroforjado__inner{
    width:calc(100% - 40px) !important;
    min-height:auto !important;

    padding:80px 0 70px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__title{
    max-width:100% !important;

    font-size:36px !important;
    line-height:40px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__description{
    max-width:100% !important;
    margin-bottom:28px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__cards{
    grid-template-columns:1fr !important;
    max-width:560px !important;

    gap:16px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__card{
    min-height:auto !important;
  }

  #ag-electroforjado-block .ag-desktop-break{
    display:none !important;
  }
}

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

@media (max-width:560px){

  #ag-electroforjado-block{
    min-height:auto !important;
    background-position:center top !important;
  }

  #ag-electroforjado-block::before{
    background:#000000 !important;
    opacity:.22 !important;
  }

  #ag-electroforjado-block .ag-electroforjado__inner{
    width:calc(100% - 30px) !important;
    min-height:auto !important;

    padding:58px 0 52px !important;
  }

  /* TÍTULO PRINCIPAL EN 32PX */
  #ag-electroforjado-block .ag-electroforjado__title{
    width:100% !important;
    max-width:100% !important;

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

    font-size:32px !important;
    line-height:36px !important;
    letter-spacing:0 !important;
  }

  #ag-electroforjado-block .ag-electroforjado__description{
    margin:0 0 24px !important;

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

  #ag-electroforjado-block .ag-electroforjado__cards{
    width:100% !important;
    max-width:100% !important;

    gap:14px !important;
  }

  #ag-electroforjado-block .ag-electroforjado__card{
    min-height:auto !important;

    padding:20px 16px !important;

    background:rgba(20,20,20,.54) !important;
  }

  #ag-electroforjado-block .ag-electroforjado__card-title{
    margin:0 0 12px !important;

    font-size:18px !important;
    line-height:22px !important;

    white-space:nowrap !important;
  }

  #ag-electroforjado-block .ag-desktop-break{
    display:none !important;
  }

  #ag-electroforjado-block .ag-electroforjado__card-text{
    margin:0 !important;

    font-size:17px !important;
    line-height:23px !important;
  }
}