/* ===========================
   SABIOS – FAQ / ACCORDION
   Scope: /perguntas-frequentes/ (se encola solo en esa página)
   =========================== */

/* 🔥 Fix real: el espacio viene del layout del theme (no del FAQ) */
#main{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#content.content-area.page-wrapper{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Si el theme también agrega padding en page-content, lo neutralizamos */
.page-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===========================
   Estilos del FAQ
   =========================== */

/* Títulos principales */
.sabios-faq .sabios-faq__title{
  font-size: 2rem;
}

/* Cards base */
.sabios-faq .card{
  border-radius: 6px;
  overflow: hidden;
}

/* Header compacto */
.sabios-faq .card-header{
  padding: .3rem .65rem !important;
  background: #fff;
}

/* Botón de pregunta */
.sabios-faq .sabios-faq__btn{
  display: block;
  width: 100%;
  padding: .35rem 0 !important;
  font-size: 1rem;
  line-height: 1.2;
  text-align: left;

  color: #212529 !important;
  text-decoration: none !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Evita hover tipo link */
.sabios-faq .sabios-faq__btn:hover,
.sabios-faq .sabios-faq__btn:focus{
  color: #111 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Si el theme aplica color a .btn-link directamente */
.sabios-faq .btn.btn-link{
  color: #212529 !important;
  text-decoration: none !important;
}

/* Body respuesta */
.sabios-faq .card-body{
  padding: .75rem !important;
  line-height: 1.5;
  color: #212529;
}

/* Limpieza por si WP mete <br> o <p> vacíos al pegar HTML */
.sabios-faq p:empty{ display: none !important; }
.sabios-faq .sabios-faq__btn br{ display: none !important; }

/* ===========================
   Mobile tuning
   =========================== */
@media (max-width: 576px){

  /* Tu container del FAQ: padding más chico */
  .sabios-faq.container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Compacta un toque más */
  .sabios-faq .card-header{
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  .sabios-faq .card-body{
    padding-left: .5rem !important;
    padding-right: .6rem !important;
  }

  /* Si el theme mete gutters en columnas internas */
  .sabios-faq .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .sabios-faq .col,
  .sabios-faq [class*="col-"]{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}