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

.ag-drain-faq-widget,
.ag-drain-faq-widget *{
  box-sizing:border-box !important;
}

.ag-drain-faq-widget{
  --ag-yellow:#EAAA04;
  --ag-white:#FFFFFF;
  --ag-text:#BDBDBD;
  --ag-line:#333333;

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

  margin:0 !important;

  padding:
    60px
    0
    85px !important;

  background:#000000 !important;

  overflow-x:hidden !important;
  overflow-y:visible !important;
}

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

.ag-drain-faq-widget .ag-drain-faq__inner{
  width:min(1280px,calc(100% - 80px)) !important;

  max-width:100% !important;

  margin:0 auto !important;

  padding:0 !important;

  min-width:0 !important;
}

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

.ag-drain-faq-widget .ag-drain-faq__title{
  width:100% !important;

  max-width:100% !important;

  margin:
    0
    0
    48px !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:center;

  text-transform:none !important;

  white-space:normal !important;

  overflow-wrap:break-word !important;

  word-break:normal !important;

  color:#FFFFFF;
}

.ag-drain-faq-widget .ag-drain-faq__tablet-break{
  display:none !important;
}

.ag-drain-faq-widget .ag-yellow{
  color:var(--ag-yellow);
}

/* =========================================================
   LISTA FAQ
========================================================= */

.ag-drain-faq-widget .ag-drain-faq__list{
  width:100% !important;

  max-width:900px !important;

  min-width:0 !important;

  margin:0 auto !important;

  padding:0 !important;
}

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

.ag-drain-faq-widget .ag-drain-faq__item{
  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  margin:0 !important;

  padding:0 !important;

  border-bottom:
    1px
    solid
    var(--ag-line) !important;
}

/* =========================================================
   PREGUNTA
========================================================= */

.ag-drain-faq-widget .ag-drain-faq__question{
  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  margin:0 !important;

  padding:
    18px
    0 !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    21px !important;

  align-items:center !important;

  gap:20px !important;

  border:0 !important;

  outline:none !important;

  background:transparent !important;

  cursor:pointer !important;

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

  font-weight:700;

  font-style:normal;

  font-size:20px;

  line-height:25px;

  letter-spacing:0;

  text-align:left;

  text-transform:none !important;

  color:#FFFFFF;
}

.ag-drain-faq-widget .ag-drain-faq__question > span:first-child{
  display:block !important;

  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  white-space:normal !important;

  overflow-wrap:break-word !important;

  word-break:normal !important;

  hyphens:auto !important;
}

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

.ag-drain-faq-widget .ag-drain-faq__icon{
  position:relative !important;

  display:block !important;

  width:21px !important;

  height:21px !important;

  min-width:21px !important;

  max-width:21px !important;

  flex:0 0 21px !important;

  justify-self:end !important;

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

  border-radius:5px !important;
}

.ag-drain-faq-widget .ag-drain-faq__icon::before,
.ag-drain-faq-widget .ag-drain-faq__icon::after{
  content:"" !important;

  position:absolute !important;

  top:50% !important;

  left:50% !important;

  width:10px !important;

  height:1.5px !important;

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

  transform:
    translate(-50%,-50%) !important;

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

.ag-drain-faq-widget .ag-drain-faq__icon::after{
  transform:
    translate(-50%,-50%)
    rotate(90deg) !important;
}

/* =========================================================
   ICONO ABIERTO
========================================================= */

.ag-drain-faq-widget
.ag-drain-faq__item.is-open
.ag-drain-faq__icon{
  border-color:#FFFFFF;
}

.ag-drain-faq-widget
.ag-drain-faq__item.is-open
.ag-drain-faq__icon::before{
  background:#FFFFFF !important;

  transform:
    translate(-50%,-50%)
    rotate(45deg) !important;
}

.ag-drain-faq-widget
.ag-drain-faq__item.is-open
.ag-drain-faq__icon::after{
  background:#FFFFFF !important;

  transform:
    translate(-50%,-50%)
    rotate(-45deg) !important;
}

/* =========================================================
   RESPUESTA
========================================================= */

.ag-drain-faq-widget .ag-drain-faq__answer{
  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  display:grid !important;

  grid-template-rows:0fr !important;

  transition:
    grid-template-rows .30s ease !important;
}

.ag-drain-faq-widget
.ag-drain-faq__item.is-open
.ag-drain-faq__answer{
  grid-template-rows:1fr !important;
}

.ag-drain-faq-widget .ag-drain-faq__answer-inner{
  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  overflow:hidden !important;
}

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

.ag-drain-faq-widget .ag-drain-faq__answer-text{
  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  margin:0 !important;

  padding:
    2px
    45px
    23px
    0 !important;

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

  font-weight:400;

  font-style:normal;

  font-size:20px;

  line-height:27px;

  letter-spacing:0;

  text-align:left;

  text-transform:none !important;

  overflow-wrap:break-word !important;

  word-break:normal !important;

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

.ag-drain-faq-widget .ag-drain-faq__answer-line{
  display:block !important;

  width:100% !important;

  max-width:100% !important;

  min-width:0 !important;

  white-space:normal !important;
}

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

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

  .ag-drain-faq-widget .ag-drain-faq__inner{
    width:calc(100% - 60px) !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__list{
    max-width:900px !important;
  }

}

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

@media (max-width:900px){

  .ag-drain-faq-widget{
    width:100% !important;

    max-width:100% !important;

    padding:
      55px
      0
      65px !important;

    overflow-x:hidden !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__inner{
    width:calc(100% - 40px) !important;

    max-width:100% !important;

    margin:0 auto !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__title{
    width:100% !important;

    max-width:700px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    margin-bottom:36px !important;

    padding:0 !important;

    font-size:42px;

    line-height:50px;

    white-space:normal !important;

    overflow-wrap:break-word !important;

    word-break:normal !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__title .ag-yellow{
    display:block !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__tablet-break{
    display:block !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__list{
    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__question{
    width:100% !important;

    max-width:100% !important;

    grid-template-columns:
      minmax(0,1fr)
      20px !important;

    gap:15px !important;

    padding:
      18px
      0 !important;

    font-size:18px;

    line-height:24px;
  }

  .ag-drain-faq-widget .ag-drain-faq__icon{
    width:20px !important;

    height:20px !important;

    min-width:20px !important;

    max-width:20px !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__answer-text{
    width:100% !important;

    padding:
      0
      32px
      22px
      0 !important;

    font-size:18px;

    line-height:25px;
  }

}

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

@media (max-width:560px){

  .ag-drain-faq-widget{
    width:100% !important;

    max-width:100% !important;

    margin:0 !important;

    padding:
      45px
      0
      55px !important;

    overflow-x:hidden !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__inner{
    width:calc(100% - 28px) !important;

    max-width:100% !important;

    margin:0 auto !important;

    padding:0 !important;

    min-width:0 !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__title{
    width:100% !important;

    max-width:100% !important;

    margin:
      0
      0
      28px !important;

    padding:0 !important;

    font-size:32px;

    line-height:39px;

    text-align:center;

    white-space:normal !important;

    overflow-wrap:break-word !important;

    word-break:normal !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__list{
    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    margin:0 !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__item{
    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__question{
    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    grid-template-columns:
      minmax(0,1fr)
      19px !important;

    align-items:start !important;

    gap:12px !important;

    padding:
      17px
      0 !important;

    font-size:17px;

    line-height:23px;
  }

  .ag-drain-faq-widget .ag-drain-faq__question > span:first-child{
    display:block !important;

    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    white-space:normal !important;

    overflow-wrap:anywhere !important;

    word-break:normal !important;

    hyphens:auto !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__icon{
    width:19px !important;

    height:19px !important;

    min-width:19px !important;

    max-width:19px !important;

    margin-top:2px !important;

    justify-self:end !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__answer,
  .ag-drain-faq-widget .ag-drain-faq__answer-inner{
    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__answer-text{
    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:
      0
      0
      20px !important;

    font-size:16px;

    line-height:24px;

    white-space:normal !important;

    overflow-wrap:anywhere !important;

    word-break:normal !important;

    hyphens:auto !important;
  }

}

/* =========================================================
   MÓVILES PEQUEÑOS
========================================================= */

@media (max-width:390px){

  .ag-drain-faq-widget .ag-drain-faq__inner{
    width:calc(100% - 22px) !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__title{
    font-size:29px;

    line-height:36px;
  }

  .ag-drain-faq-widget .ag-drain-faq__question{
    grid-template-columns:
      minmax(0,1fr)
      18px !important;

    gap:10px !important;

    font-size:16px;

    line-height:22px;
  }

  .ag-drain-faq-widget .ag-drain-faq__icon{
    width:18px !important;

    height:18px !important;

    min-width:18px !important;

    max-width:18px !important;
  }

  .ag-drain-faq-widget .ag-drain-faq__answer-text{
    font-size:15px;

    line-height:23px;
  }

}


.ag-drain-faq-widget .ag-drain-faq__answer-inner{min-height:0!important;}
.ag-drain-faq-widget .ag-drain-faq__question:focus-visible{outline:2px solid var(--ag-yellow)!important;outline-offset:3px;}