#ag-direct-contact,
#ag-direct-contact *{
  box-sizing:border-box !important;
}

#ag-direct-contact{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#E5E5E5;
  --ag-line:#242424;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  background:#000000 !important;

  overflow:hidden !important;
}

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

#ag-direct-contact .ag-direct-contact__inner{
  width:min(1080px,calc(100% - 60px)) !important;

  margin:0 auto !important;

  padding:72px 0 90px !important;
}

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

#ag-direct-contact .ag-direct-contact__title{
  width:100% !important;

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

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

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

  font-size:40px !important;
  line-height:30px !important;

  letter-spacing:0 !important;

  text-align:center !important;

  text-transform:none !important;

  color:#FFFFFF !important;
}

#ag-direct-contact .ag-direct-contact__title-yellow{
  color:var(--ag-yellow) !important;
}

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

#ag-direct-contact .ag-direct-contact__grid{
  width:100% !important;

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

  display:grid !important;

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

  gap:0 !important;

  align-items:stretch !important;
}

/* =========================================================
   ITEM
========================================================= */

#ag-direct-contact .ag-direct-contact__item{
  position:relative !important;

  width:100% !important;

  min-height:280px !important;

  margin:0 !important;

  padding:50px 30px 46px !important;

  display:flex !important;

  flex-direction:column !important;

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

  text-align:center !important;
}

/* =========================================================
   SEPARADORES
========================================================= */

#ag-direct-contact .ag-direct-contact__item:not(:last-child)::after{
  content:"" !important;

  position:absolute !important;

  top:0 !important;
  right:0 !important;

  width:1px !important;
  height:100% !important;

  background:var(--ag-line) !important;
}

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

#ag-direct-contact .ag-direct-contact__icon-wrap{
  width:64px !important;
  height:64px !important;

  margin:0 auto 20px !important;

  display:flex !important;

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

/* =========================================================
   ICONOS TELÉFONO
========================================================= */

#ag-direct-contact .ag-direct-contact__icon{
  width:auto !important;
  height:auto !important;

  max-width:58px !important;
  max-height:58px !important;

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

  display:block !important;

  object-fit:contain !important;
}

/* =========================================================
   ICONO EMAIL
========================================================= */

#ag-direct-contact .ag-direct-contact__mail-icon{
  position:relative !important;

  width:54px !important;
  height:38px !important;

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

  display:block !important;

  background:#FFFFFF !important;

  border-radius:4px !important;

  overflow:hidden !important;
}

#ag-direct-contact .ag-direct-contact__mail-icon::before{
  content:"" !important;

  position:absolute !important;

  width:33px !important;
  height:3px !important;

  left:-2px !important;
  top:7px !important;

  background:#000000 !important;

  transform:rotate(34deg) !important;
  transform-origin:left center !important;

  z-index:2 !important;
}

#ag-direct-contact .ag-direct-contact__mail-icon::after{
  content:"" !important;

  position:absolute !important;

  width:33px !important;
  height:3px !important;

  right:-2px !important;
  top:7px !important;

  background:#000000 !important;

  transform:rotate(-34deg) !important;
  transform-origin:right center !important;

  z-index:2 !important;
}

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

#ag-direct-contact .ag-direct-contact__item-title{
  width:100% !important;

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

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

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

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

  letter-spacing:0 !important;

  text-align:center !important;

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

  text-transform:none !important;
}

/* =========================================================
   DATOS
========================================================= */

#ag-direct-contact .ag-direct-contact__data{
  width:100% !important;

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

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

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

  font-size:20px !important;
  line-height:1.35 !important;

  letter-spacing:0 !important;

  text-align:center !important;

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

#ag-direct-contact .ag-direct-contact__data-line{
  display:block !important;
}

/* =========================================================
   LINKS
========================================================= */

#ag-direct-contact .ag-direct-contact__link{
  color:var(--ag-text) !important;

  text-decoration:none !important;

  transition:color .2s ease !important;
}

#ag-direct-contact .ag-direct-contact__link:hover{
  color:var(--ag-yellow) !important;
}

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

@media (max-width:1000px){

  #ag-direct-contact .ag-direct-contact__inner{
    width:calc(100% - 50px) !important;

    padding:64px 0 76px !important;
  }

  #ag-direct-contact .ag-direct-contact__title{
    margin-bottom:54px !important;

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

  #ag-direct-contact .ag-direct-contact__item{
    min-height:250px !important;

    padding:40px 20px !important;
  }

  #ag-direct-contact .ag-direct-contact__item-title{
    font-size:22px !important;

    margin-bottom:24px !important;
  }

  #ag-direct-contact .ag-direct-contact__data{
    font-size:18px !important;

    line-height:1.4 !important;
  }
}

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

@media (max-width:650px){

  #ag-direct-contact .ag-direct-contact__inner{
    width:calc(100% - 30px) !important;

    padding:54px 0 60px !important;
  }

  #ag-direct-contact .ag-direct-contact__title{
    max-width:330px !important;

    margin:0 auto 42px !important;

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

  #ag-direct-contact .ag-direct-contact__grid{
    grid-template-columns:1fr !important;
  }

  #ag-direct-contact .ag-direct-contact__item{
    min-height:0 !important;

    padding:38px 15px !important;
  }

  #ag-direct-contact .ag-direct-contact__item:not(:last-child)::after{
    top:auto !important;
    right:auto !important;

    bottom:0 !important;
    left:50% !important;

    width:86% !important;
    height:1px !important;

    transform:translateX(-50%) !important;
  }

  #ag-direct-contact .ag-direct-contact__icon-wrap{
    width:58px !important;
    height:58px !important;

    margin-bottom:18px !important;
  }

  #ag-direct-contact .ag-direct-contact__icon{
    max-width:52px !important;
    max-height:52px !important;
  }

  #ag-direct-contact .ag-direct-contact__mail-icon{
    width:52px !important;
    height:36px !important;
  }

  #ag-direct-contact .ag-direct-contact__item-title{
    margin-bottom:20px !important;

    font-size:22px !important;
    line-height:1.1 !important;
  }

  #ag-direct-contact .ag-direct-contact__data{
    font-size:18px !important;

    line-height:1.45 !important;
  }
}