/* Preguntas frecuentes (inicio). Usa los mismos colores y tipografía del resto del sitio. */
.faq {
  flex: none;
  width: 100%;
  box-sizing: border-box;
  padding: 96px 100px;
  background: rgb(255, 250, 250);
  border-top: 1px solid #d3c8c0;
  font-family: "Geist", "Geist Placeholder", sans-serif;
  color: rgb(97, 97, 97);
}
.faq-contenedor { max-width: 1400px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }
.faq-eyebrow { margin: 0; display: flex; align-items: center; gap: 16px; font-size: 11px; line-height: 16.5px; font-weight: 500; letter-spacing: 3.3px; text-transform: uppercase; color: rgb(92, 50, 93); }
.faq-linea { width: 48px; height: 1px; background: rgb(92, 50, 93); }
.faq-titulo { margin: 0; max-width: 18ch; font-size: clamp(34px, 5vw, 48px); line-height: 1; font-weight: 600; letter-spacing: -1.2px; color: rgb(92, 50, 93); text-wrap: balance; }
.faq-lista { margin-top: 24px; border-top: 1px solid #d3c8c0; }
.faq-item { border-bottom: 1px solid #d3c8c0; }
.faq-item summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 24px 0; font-size: 20px; line-height: 28px; font-weight: 600; color: rgb(92, 50, 93);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: ""; flex: none; width: 14px; height: 14px; background:
  linear-gradient(rgb(92, 50, 93), rgb(92, 50, 93)) center / 100% 2px no-repeat,
  linear-gradient(rgb(92, 50, 93), rgb(92, 50, 93)) center / 2px 100% no-repeat; transition: transform 0.2s ease; }
.faq-item[open] summary::after { background: linear-gradient(rgb(92, 50, 93), rgb(92, 50, 93)) center / 100% 2px no-repeat; transform: rotate(180deg); }
.faq-item summary:hover { color: rgb(58, 31, 59); }
.faq-item summary:focus-visible { outline: 2px solid rgb(92, 50, 93); outline-offset: 4px; }
.faq-item p { margin: 0; padding: 0 48px 28px 0; max-width: 70ch; font-size: 16px; line-height: 26px; color: rgb(97, 97, 97); }
@media (max-width: 1199.98px) { .faq { padding: 96px 48px; } }
@media (max-width: 809.98px) { .faq { padding: 72px 24px; } .faq-item summary { font-size: 18px; line-height: 26px; padding: 20px 0; } .faq-item p { padding-right: 0; } }
@media (prefers-reduced-motion: reduce) { .faq-item summary::after { transition: none; } }