/* =========================================================
   ITAC FAQ AEO — estilos del acordeón
   Edita solo las variables de aquí abajo para cambiar
   colores/tamaños sin tocar el resto del archivo ni el PHP.
   ========================================================= */
.itac-faq{
  margin: 2em 0;
  --faq-a-color:         #ef8036;  /* color enlaces */
  --faq-bg-header:       #fbf3f0;  /* fondo de la barra de la pregunta */  
  --faq-bg-header-hover: #e6dad0;  /* fondo al pasar el ratón */
  --faq-bg-answer:       #f6f6f6;  /* fondo del desplegable */
  --faq-text-question:   #26211d;  /* color del texto de la pregunta */
  --faq-text-answer:     #4a443f;  /* color del texto de las opciones */
  --faq-icon-color:      #6b5a4a;  /* color del icono y del chevron */
  --faq-radio-border:    #cabdae;  /* color del círculo decorativo */
  --faq-radius:          10px;     /* redondeo de cada pregunta */
  --faq-gap:             10px;     /* separación entre preguntas */
}

.itac-faq__title{
  margin: 0 0 .9em;
}

.itac-faq__item{
  border-radius: var(--faq-radius);
  margin-bottom: var(--faq-gap);
  overflow: hidden;
  background: var(--faq-bg-header);
}

.itac-faq__question{
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  padding: 18px 22px;
  font-weight: 600;
  color: var(--faq-text-question);
  background: var(--faq-bg-header);
  transition: background .15s ease;
}
.itac-faq__question:hover{
  background: var(--faq-bg-header-hover);
}
.itac-faq__question::-webkit-details-marker{
  display: none;
}

.itac-faq__chevron{
  flex: none;
  width: 20px;
  height: 20px;
  color: var(--faq-text-question)!important;
  transition: transform .2s ease;
}
.itac-faq__item[open] > .itac-faq__question .itac-faq__chevron{
  transform: rotate(180deg);
}

.itac-faq__answer{
  padding: 4px 22px 22px;
  background: var(--faq-bg-answer);
  color: var(--faq-text-answer);
  line-height: 1.6;
}

.itac-faq__options{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 0px solid #ece5df;
}

.itac-faq__option{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 4px;
  border-bottom: 1px solid #ece5df;
  font-size: .98rem;
}

.itac-faq__option-icon{
  flex: none;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--faq-icon-color); /* <- color del icono, cámbialo arriba en --faq-icon-color */
}

.itac-faq__option-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--faq-icon-color);
}

.itac-faq__option-text{
  flex: 1 1 auto;
}
.itac-faq__option-text p{
  margin: 0;
}
.itac-faq__option-text a{
  color:  var(--faq-a-color);
  text-decoration: none;
}
.itac-faq__option-text a:hover{
  font-weight: bolder!important;
}
.itac-faq__option-radio{
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--faq-radio-border);
  background: #fff;
}