/* ==========================================================================
   Landing "Hazte Cliente" - Preguntas frecuentes
   Estilos bajo .hc-landing para no chocar con corev15.css de SharePoint 2013.
   Requiere base.css. Breakpoints: xs <768 | sm 768-991 | md 992-1199 | lg >=1200
   ========================================================================== */

/* ==========================================================================
   PREGUNTAS FRECUENTES
   ========================================================================== */
.hc-landing .hc-faq { padding: 60px 0; background: #e8e6df; }
.hc-landing .hc-faq-panel {
  padding: 31px 42px 64px 24px;
  background: #fff;
  border-radius: 15px;
}
.hc-landing .hc-faq-title {
  margin: 0;
  padding-left: 8px;
  color: #000;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  text-transform: none;
}
.hc-landing .hc-faq-item { border-bottom: 1.5px solid #bababa; }
.hc-landing .hc-faq-item:first-of-type { margin-top: 37px; }
.hc-landing .hc-faq-item:last-of-type { border-bottom: 0; }
.hc-landing .hc-faq-q {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 16px 92px 16px 0;
  color: #012169;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  outline: 0;
}
/* Chevron de línea: apunta arriba abierto y abajo cerrado */
.hc-landing .hc-chevron {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  margin-top: -3px;
  border-top: 2px solid #ff8500;
  border-left: 2px solid #ff8500;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform .25s, margin .25s;
  transition: transform .25s, margin .25s;
}
.hc-landing .hc-faq-q.collapsed .hc-chevron {
  margin-top: -10px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.hc-landing .hc-faq .collapsing {
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
}
.hc-landing .hc-faq-a {
  margin: 0;
  padding: 10px 0 26px;
  color: #353434;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.hc-landing .hc-faq-a strong { font-weight: 700; }
.hc-landing .hc-faq-a a { color: inherit; }

/* xs (< 768) */
@media (max-width: 767px) {
  .hc-landing .hc-faq { padding: 47px 0 52px; }
  .hc-landing .hc-faq > .container { padding-left: 17px; padding-right: 17px; }
  .hc-landing .hc-faq-panel { padding: 31px 24px 40px; border-radius: 12px; }
  .hc-landing .hc-faq-title { padding-left: 0; }
  .hc-landing .hc-faq-item:first-of-type { margin-top: 40px; }
  .hc-landing .hc-faq-q { padding-right: 54px; line-height: 28px; }
  /* El chevron se alinea con la primera línea de la pregunta */
  .hc-landing .hc-chevron { top: 24px; }
}