/* Preguntas frecuentes: componente común <x-faq-list> / <x-faq-item> (2026-10-21).
   Tarjetas con borde suave, pregunta en negrita con icono +/−, respuesta con interlineado amplio.
   Todo acotado a .lc-faq; el ancho lo pone el contenedor de cada página. */
.lc-faq{display:grid;gap:.75rem;margin-top:1rem}
.lc-faq__item{margin:0;background:#fff;border:1px solid var(--color-line,#e2e8f0);border-radius:14px;box-shadow:0 1px 2px rgb(15 23 42 / 4%);transition:border-color .2s ease,box-shadow .2s ease}
.lc-faq__item:hover{border-color:#cbd5e1}
.lc-faq__item[open]{border-color:#bfd4f8;box-shadow:0 8px 22px rgb(13 110 253 / 8%)}
.lc-faq .lc-faq__q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem;margin:0;padding:.95rem 1.15rem;border-radius:14px;cursor:pointer;font-weight:700;font-size:1.02rem;line-height:1.4;color:var(--color-ink,#0f172a);-webkit-tap-highlight-color:transparent}
.lc-faq .lc-faq__q::-webkit-details-marker{display:none}
.lc-faq .lc-faq__q::marker{content:""}
.lc-faq__q-text{flex:1 1 auto;min-width:0;transition:color .15s ease}
.lc-faq .lc-faq__q:hover .lc-faq__q-text{color:var(--color-brand,#0d6efd)}
.lc-faq .lc-faq__q:focus{outline:none}
.lc-faq .lc-faq__q:focus-visible{outline:3px solid var(--color-brand,#0d6efd);outline-offset:2px}
.lc-faq__icon{flex:0 0 auto;position:relative;width:1.8rem;height:1.8rem;border-radius:999px;border:1px solid var(--color-line,#e2e8f0);background:#f8fafc;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease}
.lc-faq__icon::before,.lc-faq__icon::after{content:"";position:absolute;top:50%;left:50%;width:.7rem;height:2px;border-radius:2px;background:var(--color-brand,#0d6efd);transform:translate(-50%,-50%)}
.lc-faq__icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s ease}
.lc-faq .lc-faq__q:hover .lc-faq__icon{border-color:#bfd4f8}
.lc-faq__item[open] .lc-faq__icon{transform:rotate(180deg);background:#e8f1ff;border-color:#bfd4f8}
.lc-faq__item[open] .lc-faq__icon::after{opacity:0}
.lc-faq .lc-faq__a{margin:0 1.15rem;padding:.85rem 0 1.1rem;border-top:1px solid #eef2f7;color:#475569;font-size:.98rem;line-height:1.7}
.lc-faq .lc-faq__a p{margin:.6rem 0 0;color:inherit;font-size:inherit;line-height:inherit}
.lc-faq .lc-faq__a > :first-child{margin-top:0}
.lc-faq .lc-faq__a a{color:var(--color-brand,#0d6efd);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.lc-faq__item[open] .lc-faq__a{animation:lcFaqIn .22s ease}
@keyframes lcFaqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:767px){
  .lc-faq{gap:.6rem}
  .lc-faq .lc-faq__q{padding:.85rem 1rem;font-size:1rem}
  .lc-faq .lc-faq__a{margin:0 1rem;padding:.75rem 0 1rem}
}
@media (prefers-reduced-motion:reduce){.lc-faq__item,.lc-faq__icon,.lc-faq__icon::after,.lc-faq__q-text{transition:none}.lc-faq__item[open] .lc-faq__a{animation:none}}
/* Variante compacta para columnas estrechas (p. ej. tarjeta lateral de /contacto). */
.lc-faq--compact{gap:.5rem;margin-top:.5rem}
.lc-faq--compact .lc-faq__q{min-height:2.75rem;padding:.7rem .9rem;font-size:.95rem}
.lc-faq--compact .lc-faq__a{margin:0 .9rem;padding:.65rem 0 .85rem;font-size:.92rem;line-height:1.6}
.lc-faq--compact .lc-faq__icon{width:1.5rem;height:1.5rem}