/**
 * Grupo FAM - Elementor FAQ & History Timeline Widget Styles
 */

/* PREGUNTAS FRECUENTES (FAQ) */
.fam-faq,
.faq {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 9%;
  border-top: 1px solid var(--fam-line, #d6d6d0);
  padding-top: 60px;
}

.fam-faq-heading h2,
.faq-heading h2 {
  font-size: clamp(2rem, 3.2vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 500;
  margin: 0 0 20px;
}

.fam-faq-heading p,
.faq-heading p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--fam-muted);
  margin: 24px 0 16px;
}

.fam-faq-list,
.faq-list {
  border-top: 1px solid var(--fam-line);
}

.fam-faq-item,
.faq-item {
  border-bottom: 1px solid var(--fam-line);
}

.fam-faq-item > summary,
.faq-item > summary {
  display: grid;
  grid-template-columns: 32px 1fr 38px;
  gap: 20px;
  align-items: center;
  min-height: 90px;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
}

.fam-faq-item > summary::-webkit-details-marker,
.faq-item > summary::-webkit-details-marker {
  display: none;
}

.fam-faq-item summary > span:first-child,
.faq-item summary > span:first-child {
  font-size: 13px;
  font-weight: 600;
  color: var(--fam-muted);
}

.fam-faq-item h3,
.faq-item h3 {
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-weight: 500;
  margin: 0;
  color: var(--fam-ink);
}

.fam-faq-answer,
.faq-answer {
  padding: 0 40px 28px 52px;
}

.fam-faq-answer p,
.faq-answer p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--fam-muted);
  margin: 0 0 12px;
}

/* HISTORIA & TIMELINE 1926 */
.evidence-feature,
.fam-history-feature {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 8%;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 50px;
}

.evidence-feature > strong,
.fam-history-feature > strong {
  font-size: clamp(90px, 16vw, 210px);
  font-weight: 500;
  letter-spacing: -0.07em;
  line-height: 0.95;
  color: var(--fam-accent, #212c5d);
}

.evidence-feature h3,
.fam-history-feature h3 {
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 0 0 18px;
}

.evidence-feature p,
.fam-history-feature p {
  font-size: 16px;
  line-height: 1.6;
  color: var(--fam-muted);
  margin: 0 0 20px;
}

.review-evidence,
.fam-review-evidence {
  border-top: 1px solid var(--fam-line);
  margin-top: 30px;
}

.review-evidence > summary,
.fam-review-evidence > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 0;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.review-evidence > summary::-webkit-details-marker,
.fam-review-evidence > summary::-webkit-details-marker {
  display: none;
}

@media (max-width: 900px) {
  .fam-faq,
  .faq {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .evidence-feature,
  .fam-history-feature {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .evidence-feature > strong,
  .fam-history-feature > strong {
    font-size: 120px;
  }
}

@media (max-width: 760px) {
  .fam-faq-answer,
  .faq-answer {
    padding-left: 32px;
    padding-right: 16px;
  }
  .fam-faq-item > summary,
  .faq-item > summary {
    grid-template-columns: 24px 1fr 34px;
    gap: 14px;
  }
}