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

#ag-project-cta,
#ag-project-cta *{
  box-sizing:border-box !important;
}

#ag-project-cta{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#E1E1E1;

  position:relative !important;

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

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

  overflow:hidden !important;

  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.16) 38%,
      rgba(0,0,0,.55) 58%,
      rgba(0,0,0,.82) 100%
    ),
    url('https://acerogrill.com/wp-content/uploads/2026/08/Rectangle-4867.webp') !important;

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

#ag-project-cta::before{
  content:"" !important;

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

  background:rgba(0,0,0,.10) !important;

  pointer-events:none !important;

  z-index:1 !important;
}

#ag-project-cta .ag-project-cta__inner{
  position:relative !important;

  z-index:2 !important;

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

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

  display:grid !important;

  grid-template-columns:
    minmax(0,55%)
    minmax(0,45%) !important;

  align-items:center !important;
}

#ag-project-cta .ag-project-cta__content{
  grid-column:2 !important;

  width:100% !important;
  max-width:595px !important;

  margin:0 auto !important;

  padding:0 34px 0 20px !important;

  transform:none !important;

  display:flex !important;
  flex-direction:column !important;

  align-items:flex-start !important;

  text-align:left !important;
}

#ag-project-cta .ag-project-cta__title{
  width:100% !important;

  max-width:590px !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:50px !important;
  line-height:55px !important;

  letter-spacing:0 !important;

  text-align:left !important;
  text-transform:none !important;

  color:#FFFFFF !important;
}

#ag-project-cta .ag-project-cta__text{
  width:100% !important;

  max-width:570px !important;

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

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

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

  font-size:17px !important;
  line-height:25px !important;

  letter-spacing:0 !important;

  text-align:left !important;

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

#ag-project-cta .ag-project-cta__actions{
  width:100% !important;

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

  display:flex !important;

  align-items:center !important;

  gap:30px !important;
}

#ag-project-cta .ag-project-cta__button{
  min-height:52px !important;

  padding:13px 28px !important;

  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  gap:12px !important;

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

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

  font-size:14px !important;
  line-height:24px !important;

  letter-spacing:0 !important;

  white-space:nowrap !important;

  text-decoration:none !important;

  border-radius:0 !important;

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

#ag-project-cta .ag-project-cta__button--primary{
  min-width:295px !important;

  background:var(--ag-yellow) !important;

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

  color:#000000 !important;
}

#ag-project-cta .ag-project-cta__button--primary:hover,
#ag-project-cta .ag-project-cta__button--primary:focus{
  background:#FFFFFF !important;

  border-color:#FFFFFF !important;

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

#ag-project-cta .ag-project-cta__button--primary:hover span,
#ag-project-cta .ag-project-cta__button--primary:focus span,
#ag-project-cta .ag-project-cta__button--primary:hover .ag-project-cta__arrow,
#ag-project-cta .ag-project-cta__button--primary:focus .ag-project-cta__arrow{
  color:var(--ag-yellow) !important;
}

#ag-project-cta .ag-project-cta__button--secondary{
  min-width:205px !important;

  background:rgba(0,0,0,.38) !important;

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

  color:#FFFFFF !important;
}

#ag-project-cta .ag-project-cta__button--secondary:hover{
  background:#FFFFFF !important;

  border-color:#FFFFFF !important;

  color:#000000 !important;
}

#ag-project-cta .ag-project-cta__button--secondary:hover span{
  color:#000000 !important;
}

#ag-project-cta .ag-project-cta__arrow{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  flex:0 0 auto !important;

  font-size:21px !important;
  line-height:1 !important;

  transform:translateY(-1px) !important;

  transition:color .25s ease !important;
}

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

  #ag-project-cta{
    min-height:485px !important;
  }

  #ag-project-cta .ag-project-cta__inner{
    min-height:485px !important;

    grid-template-columns:
      minmax(0,55%)
      minmax(0,45%) !important;
  }

  #ag-project-cta .ag-project-cta__content{
    grid-column:2 !important;

    width:100% !important;
    max-width:595px !important;

    margin:0 auto !important;

    padding:0 24px 0 16px !important;

    transform:none !important;
  }

  #ag-project-cta .ag-project-cta__title{
    max-width:590px !important;

    font-size:50px !important;
    line-height:55px !important;
  }

  #ag-project-cta .ag-project-cta__text{
    max-width:570px !important;

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

  #ag-project-cta .ag-project-cta__button{
    font-size:14px !important;
    line-height:24px !important;
  }
}

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

  #ag-project-cta{
    min-height:485px !important;
  }

  #ag-project-cta .ag-project-cta__inner{
    min-height:485px !important;

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

  #ag-project-cta .ag-project-cta__content{
    grid-column:2 !important;

    width:100% !important;

    max-width:100% !important;

    margin:0 !important;

    padding:0 24px 0 24px !important;

    transform:none !important;
  }

  #ag-project-cta .ag-project-cta__title{
    width:100% !important;

    font-size:50px !important;
    line-height:55px !important;
  }

  #ag-project-cta .ag-project-cta__text{
    width:100% !important;

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

  #ag-project-cta .ag-project-cta__actions{
    gap:14px !important;
  }

  #ag-project-cta .ag-project-cta__button{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  #ag-project-cta .ag-project-cta__button--primary{
    min-width:0 !important;
  }

  #ag-project-cta .ag-project-cta__button--secondary{
    min-width:0 !important;
  }
}

@media (max-width:900px){

  #ag-project-cta{
    min-height:540px !important;

    background-image:
      linear-gradient(
        90deg,
        rgba(0,0,0,.38) 0%,
        rgba(0,0,0,.56) 42%,
        rgba(0,0,0,.80) 100%
      ),
      url('https://acerogrill.com/wp-content/uploads/2026/08/Rectangle-4867.webp') !important;

    background-position:center center !important;
  }

  #ag-project-cta .ag-project-cta__inner{
    width:100% !important;

    min-height:540px !important;

    display:flex !important;

    justify-content:center !important;
    align-items:center !important;

    padding:65px 30px !important;
  }

  #ag-project-cta .ag-project-cta__content{
    width:100% !important;
    max-width:660px !important;

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

    transform:none !important;

    align-items:center !important;

    text-align:center !important;
  }

  #ag-project-cta .ag-project-cta__title{
    max-width:620px !important;

    margin-bottom:22px !important;

    font-size:42px !important;
    line-height:48px !important;

    text-align:center !important;

    text-wrap:balance !important;
  }

  #ag-project-cta .ag-project-cta__text{
    max-width:600px !important;

    margin-bottom:30px !important;

    font-size:17px !important;
    line-height:25px !important;

    text-align:center !important;

    text-wrap:balance !important;
  }

  #ag-project-cta .ag-project-cta__actions{
    width:auto !important;

    justify-content:center !important;

    gap:16px !important;
  }

  #ag-project-cta .ag-project-cta__button--primary{
    min-width:260px !important;
  }

  #ag-project-cta .ag-project-cta__button--secondary{
    min-width:195px !important;
  }
}

@media (max-width:560px){

  #ag-project-cta{
    min-height:600px !important;

    background-image:
      linear-gradient(
        180deg,
        rgba(0,0,0,.34) 0%,
        rgba(0,0,0,.56) 38%,
        rgba(0,0,0,.88) 100%
      ),
      url('https://acerogrill.com/wp-content/uploads/2026/08/Rectangle-4867.webp') !important;

    background-position:38% center !important;
  }

  #ag-project-cta .ag-project-cta__inner{
    width:100% !important;

    min-height:600px !important;

    padding:70px 18px 58px !important;
  }

  #ag-project-cta .ag-project-cta__content{
    width:100% !important;
    max-width:100% !important;

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

    transform:none !important;

    align-items:center !important;
  }

  #ag-project-cta .ag-project-cta__title{
    width:100% !important;
    max-width:390px !important;

    margin-bottom:20px !important;

    font-size:32px !important;
    line-height:38px !important;

    text-align:center !important;

    text-wrap:balance !important;
  }

  #ag-project-cta .ag-project-cta__text{
    width:100% !important;
    max-width:370px !important;

    margin-bottom:28px !important;

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

    text-align:center !important;
  }

  #ag-project-cta .ag-project-cta__actions{
    width:100% !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    gap:14px !important;
  }

  #ag-project-cta .ag-project-cta__button,
  #ag-project-cta .ag-project-cta__button--primary,
  #ag-project-cta .ag-project-cta__button--secondary{
    width:100% !important;

    min-width:0 !important;
    max-width:310px !important;

    min-height:52px !important;
  }
}

/* =========================================================
   MÓDULO 02 · ¿TIENES UN PROYECTO? / ASESORÍA
========================================================= */
#ag-project-consulting,
#ag-project-consulting *{
  box-sizing:border-box !important;
}

#ag-project-consulting{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#D7D7D7;
  position:relative !important;
  width:100% !important;
  min-height:485px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

#ag-project-consulting::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.28) 100%) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

#ag-project-consulting .ag-project-consulting__inner{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  min-height:485px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,55%) minmax(0,45%) !important;
  align-items:center !important;
}

#ag-project-consulting .ag-project-consulting__content{
  grid-column:2 !important;
  width:100% !important;
  max-width:610px !important;
  margin:0 auto !important;
  padding:0 34px 0 20px !important;
  transform:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
}

#ag-project-consulting .ag-project-consulting__title{
  width:100% !important;
  margin:0 0 8px !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:var(--ag-white);
}

#ag-project-consulting .ag-project-consulting__subtitle{
  width:100% !important;
  margin:0 0 20px !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-align:left !important;
  text-transform:uppercase;
  color:var(--ag-yellow);
}

#ag-project-consulting .ag-project-consulting__text{
  width:100% !important;
  max-width:575px !important;
  margin:0 0 34px !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-consulting .ag-project-consulting__button{
  min-width:190px !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:rgba(0,0,0,.18) !important;
  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;
  letter-spacing:0;
  color:#FFFFFF;
  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-project-consulting .ag-project-consulting__button:hover{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  color:#000000 !important;
  transform:translateY(-2px) !important;
}

#ag-project-consulting .ag-project-consulting__button:hover span{
  color:#000000 !important;
}

#ag-project-consulting .ag-project-consulting__arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:19px !important;
  line-height:1 !important;
  color:inherit !important;
}

@media (max-width:1366px) and (min-width:1101px){
  #ag-project-consulting,
  #ag-project-consulting .ag-project-consulting__inner{
    min-height:485px !important;
  }
  #ag-project-consulting .ag-project-consulting__inner{
    grid-template-columns:minmax(0,55%) minmax(0,45%) !important;
  }
  #ag-project-consulting .ag-project-consulting__content{
    grid-column:2 !important;
    width:100% !important;
    max-width:610px !important;
    margin:0 auto !important;
    padding:0 24px 0 16px !important;
    transform:none !important;
  }
}

@media (max-width:1100px) and (min-width:901px){
  #ag-project-consulting,
  #ag-project-consulting .ag-project-consulting__inner{
    min-height:485px !important;
  }
  #ag-project-consulting .ag-project-consulting__inner{
    grid-template-columns:minmax(0,52%) minmax(0,48%) !important;
  }
  #ag-project-consulting .ag-project-consulting__content{
    grid-column:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 24px !important;
    transform:none !important;
  }
}

@media (max-width:900px){
  #ag-project-consulting{
    min-height:560px !important;
    background-position:center center !important;
  }
  #ag-project-consulting::before{
    background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 50%,rgba(0,0,0,.30) 100%) !important;
  }
  #ag-project-consulting .ag-project-consulting__inner{
    width:100% !important;
    min-height:560px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:70px 25px !important;
  }
  #ag-project-consulting .ag-project-consulting__content{
    width:100% !important;
    max-width:650px !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    align-items:center !important;
    text-align:center !important;
  }
  #ag-project-consulting .ag-project-consulting__title,
  #ag-project-consulting .ag-project-consulting__subtitle,
  #ag-project-consulting .ag-project-consulting__text{
    text-align:center !important;
  }
  #ag-project-consulting .ag-project-consulting__subtitle{
    margin-bottom:18px !important;
    text-wrap:balance !important;
  }
  #ag-project-consulting .ag-project-consulting__text{
    max-width:580px !important;
    margin-bottom:30px !important;
    text-wrap:balance !important;
  }
}

@media (max-width:560px){
  #ag-project-consulting{
    min-height:620px !important;
    background-position:38% center !important;
  }
  #ag-project-consulting .ag-project-consulting__inner{
    width:100% !important;
    min-height:620px !important;
    padding:90px 18px 65px !important;
  }
  #ag-project-consulting .ag-project-consulting__content{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    align-items:center !important;
  }
  #ag-project-consulting .ag-project-consulting__subtitle{
    max-width:340px !important;
    margin:0 auto 18px !important;
  }
  #ag-project-consulting .ag-project-consulting__text{
    max-width:370px !important;
    margin:0 auto 28px !important;
  }
  #ag-project-consulting .ag-project-consulting__button{
    width:270px !important;
    min-width:270px !important;
    max-width:270px !important;
    min-height:50px !important;
    margin:0 auto !important;
  }
}