/* ─────────────────────────────────────────────────────────────────
   FAQ — QotizaYa
   Estilos propios y autocontenidos para views/partials/faq.php.
   Todo va anidado bajo .seccion-faq para no interferir con clases
   compartidas de otras secciones (.seccion-header, .seccion-titulo, etc.)
   ───────────────────────────────────────────────────────────────── */

.seccion-faq {
  --faq-green: #25D366;
  --faq-green-dk: #128C7E;
  --faq-dark: #0d1117;
  --faq-muted: #6b7280;
  --faq-border: #e9ecef;

  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* ── Encabezado de la sección ─────────────────────────────────── */

/* ── Acordeón ──────────────────────────────────────────────────── */

.seccion-faq .accordion {
  max-width: 820px;
  margin: 0 auto;
}

.seccion-faq .accordion-item {
  background: #fff;
  border: 1px solid var(--faq-border);
  border-radius: 14px !important;
  margin-bottom: .9rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(13, 17, 23, .04);
  transition: box-shadow .2s ease, border-color .2s ease;
}

.seccion-faq .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-color: rgba(37, 211, 102, .35);
  box-shadow: 0 6px 18px rgba(37, 211, 102, .12);
}

.seccion-faq .accordion-item:last-child {
  margin-bottom: 0;
}

.seccion-faq .accordion-header {
  margin: 0;
}

.seccion-faq .accordion-button {
  font-weight: 600;
  font-size: 1rem;
  color: var(--faq-dark);
  background: #fff;
  padding: 1.1rem 1.35rem;
  box-shadow: none !important;
}

.seccion-faq .accordion-button:not(.collapsed) {
  color: var(--faq-green-dk);
  background: #fff;
}

.seccion-faq .accordion-button:focus {
  box-shadow: none;
}

/* Chevron en los colores de marca (reemplaza el ícono gris por defecto de Bootstrap) */
.seccion-faq .accordion-button::after {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23128C7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  transition: transform .25s ease;
}

.seccion-faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2325D366' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.seccion-faq .accordion-body {
  padding: 0 1.35rem 1.25rem;
  color: var(--faq-muted);
  font-size: .95rem;
  line-height: 1.6;
}

/* ── Responsive ────────────────────────────────────────────────── */

@media (max-width: 576px) {
  .seccion-faq .accordion-button {
    font-size: .9rem;
    padding: .95rem 3rem .95rem 1rem;
  }

  .seccion-faq .accordion-body {
    padding: 0 1rem 1.1rem;
    font-size: .875rem;
  }
}