/* CONTENEDOR GENERAL */
.preguntas-frecuentes .view-content{
  display:flex;
  gap:30px;
  align-items:flex-start;
  width:100%;
}

/* PANEL IZQUIERDO */
.faq-preguntas{
  width:35%;
  display:flex;
  flex-direction:column;
  gap:15px;
  max-height:540px;
  overflow-y:auto;
  padding-right:10px;
  flex-shrink:0;
}

/* SCROLL */
.faq-preguntas::-webkit-scrollbar{
  width:8px;
}

.faq-preguntas::-webkit-scrollbar-track{
  background:#e5e5e5;
  border-radius:10px;
}

.faq-preguntas::-webkit-scrollbar-thumb{
  background:#2f66d0;
  border-radius:10px;
}

.faq-preguntas::-webkit-scrollbar-thumb:hover{
  background:#1f4fb3;
}

/* PREGUNTA */
.faq-pregunta-item{
  background:#f3f3f3;
  border:2px solid #2f66d0;
  border-radius:18px;
  padding:20px;
  cursor:pointer;
  transition:.3s;
  font-weight:600;
  color:#2d2d2d;
  line-height:1.5;
}

.faq-pregunta-item:hover{
  background:#e8efff;
}

.faq-pregunta-item.active{
  background:#2f66d0;
  color:#fff;
}

/* PANEL DERECHO */
.faq-respuesta-panel{
  width:65%;
  background:#f8f8f8;
  border:2px solid #2f66d0;
  border-radius:20px;
  padding:35px;
  min-height:540px;
  box-sizing:border-box;
}

/* TITULO RESPUESTA */
.faq-respuesta-panel h3{
  margin:0 0 25px;
  font-size:32px;
  text-align:center;
  font-weight:700;
  color:#1f1f1f;
}

/* TEXTO */
.faq-respuesta-panel p{
  line-height:1.8;
  color:#2d2d2d;
  font-size:16px;
}

/* LINKS */
.faq-respuesta-panel a{
  display:inline-block;
  margin-top:20px;
  background:#2f66d0;
  color:#fff;
  padding:12px 22px;
  border-radius:10px;
  text-decoration:none;
  transition:.3s;
  font-weight:600;
}

.faq-respuesta-panel a:hover{
  background:#1f4fb3;
  color:#fff;
}

/* OCULTAR CAMPOS CRUDOS DE VIEWS */
/*.preguntas-frecuentes .views-row{*/
/*  display:none;*/
/*}*/

/* FILTROS */
.preguntas-frecuentes .view-filters{
  margin-bottom:35px;
}

/* FORM */
.preguntas-frecuentes .views-exposed-form .form--inline{
  display:flex;
  align-items:flex-end;
  gap:20px;
  flex-wrap:wrap;
}

/* ITEM */
.preguntas-frecuentes .form-item{
  display:flex;
  flex-direction:column;
  min-width:280px;
}

/* LABEL */
.preguntas-frecuentes .form-item label{
  font-size:16px;
  font-weight:600;
  margin-bottom:10px;
  color:#2d2d2d;
}

/* SELECT */
.preguntas-frecuentes .form-select{
  height:58px;
  border:2px solid #2f66d0;
  border-radius:16px;
  background:#f3f3f3;
  padding:0 20px;
  font-size:16px;
  font-weight:600;
  color:#2d2d2d;
  box-shadow:none;
  transition:all .3s ease;
}

.preguntas-frecuentes .form-select:hover{
  background:#ebf1ff;
}

.preguntas-frecuentes .form-select:focus{
  border-color:#1f4fb3;
  box-shadow:0 0 0 4px rgba(47,102,208,.15);
  outline:none;
}

/* BOTON */
.preguntas-frecuentes .form-actions{
  margin:0;
}

.preguntas-frecuentes .form-submit{
  height:58px;
  padding:0 30px;
  border-radius:16px;
  border:none;
  background:#2f66d0;
  color:#fff;
  font-weight:700;
  transition:.3s;
}

.preguntas-frecuentes .form-submit:hover{
  background:#1f4fb3;
}

/* MOBILE */
@media(max-width:768px){

  .preguntas-frecuentes .view-content{
    flex-direction:column;
  }

  .faq-preguntas,
  .faq-respuesta-panel{
    width:100%;
  }

  .faq-preguntas{
    max-height:400px;
  }

  .preguntas-frecuentes .views-exposed-form .form--inline{
    flex-direction:column;
    align-items:stretch;
  }

  .preguntas-frecuentes .form-item{
    width:100%;
    min-width:100%;
  }

  .preguntas-frecuentes .form-submit{
    width:100%;
  }

}