/* Aluca · centro de ayuda. Se suma después de aluca.css. */

.migas { margin: clamp(4px, .6vw, 10px) var(--g) clamp(10px, 1vw, 16px); }
.migas ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0 calc(var(--g) * 1.2); list-style: none; font-size: var(--t-xs); color: var(--suave); }
.migas li + li::before { content: '/'; margin-right: 6px; opacity: .5; }
.migas a { text-decoration: underline; text-underline-offset: 3px; }
.migas a:hover { color: var(--acento); }

/* cabecera: título, buscador e índice */
.pf-cabeza { display: flex; flex-direction: column; align-items: center; gap: clamp(14px, 1.4vw, 24px); margin-top: clamp(24px, 4vw, 80px); text-align: center; }
.pf-cabeza .titulo--grande { max-width: 10em; }
.pf-cabeza .parrafo { max-width: 34em; }
.pf-buscador { position: relative; width: min(640px, 100%); margin-top: 6px; }
.pf-buscador svg { position: absolute; left: 1.3em; top: 50%; width: 1.25em; height: 1.25em; transform: translateY(-50%); color: var(--suave); pointer-events: none; font-size: var(--t-m); }
.pf-buscador input { width: 100%; padding: 1.15em 1.4em 1.15em 3.4em; border-radius: 999px; border: 1px solid transparent; background: var(--pastilla); color: var(--texto); font: 500 var(--t-m)/1.2 'Manrope', sans-serif; outline: 0; transition: border-color .3s, background-color .6s; -webkit-appearance: none; appearance: none; }
.pf-buscador input::placeholder { color: var(--suave); }
.pf-buscador input:focus { border-color: var(--acento); }
.pf-buscador input::-webkit-search-cancel-button { cursor: pointer; }
.pf-indice { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pf-indice[hidden] { display: none; }
.pf-indice .pastilla { padding: .75em 1.3em; }

/* grupos: título a la izquierda, preguntas a la derecha */
.pf-grupos { display: grid; gap: var(--sec); margin: var(--sec) var(--g) 0; }
.pf-grupo[hidden], .faq__item[hidden] { display: none; }
.pf-grupo { display: grid; grid-template-columns: 1fr 2fr; gap: var(--g) clamp(16px, 3vw, 60px); align-items: start; scroll-margin-top: calc(var(--g) * 4); }
.pf-grupo__cabeza { display: grid; gap: 8px; position: sticky; top: calc(var(--g) * 3); padding: 0 calc(var(--g) * 1.2); }
.pf-grupo__cabeza .titulo { font-size: var(--t-xl); line-height: 1.06; letter-spacing: -.03em; }
.pf-grupo__cabeza p { margin: 0; color: var(--suave); font-size: var(--t-m); line-height: 1.5; max-width: 22em; }
.pf-grupo__lista { display: grid; gap: var(--g); }
.pf-grupo__lista .faq__resp p { max-width: 42em; }

.pf-vacio { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: clamp(40px, 6vw, 110px) var(--g); border-radius: var(--r); background: var(--tarjeta); text-align: center; transition: background-color .6s; }
.pf-vacio[hidden] { display: none; }
.pf-vacio p { margin: 0; color: var(--suave); font-size: var(--t-m); }

/* cierre */
.pf-cierre__caja { display: flex; flex-direction: column; align-items: center; gap: clamp(14px, 1.4vw, 24px); padding: clamp(40px, 6vw, 120px) var(--g); border-radius: var(--r); background: var(--acento); color: #fff; text-align: center; }
.pf-cierre__caja .titulo { max-width: 12em; }
.pf-cierre__caja p { margin: 0; font-size: var(--t-m); opacity: .85; }
.pf-cierre .pastilla--clara:hover, .pf-cierre .pastilla--clara:focus-visible { background-size: 100% 100%; }

@media (max-width: 860px) {
  .pf-grupo { grid-template-columns: 1fr; }
  .pf-grupo__cabeza { position: static; padding: 0 4px; }
  .pf-cabeza { margin-top: 20px; }
}
@media (max-width: 560px) {
  .pf-indice { gap: 6px; }
  .pf-buscador input { font-size: 16px; }
}