/* Ventana de preguntas: misma presentación que Privacidad, comportamiento nativo. */
.faq-dialog {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));
  border: 0;
  background: transparent;
  color: var(--ink);
}
.faq-dialog:not([open]) { display: none; }
.faq-dialog[open] { display: grid; place-items: center; }
.faq-dialog::backdrop { background: rgba(20, 18, 16, .56); }
.faq-dialog .privacy-panel {
  max-height: 100%;
  max-height: min(820px, 100%);
  outline: none;
}
.faq-dialog .privacy-close { width: 44px; height: 44px; }
.faq-dialog .privacy-close:focus-visible,
.faq-dialog .privacy-panel a:focus-visible {
  outline: 2px solid var(--headerInk);
  outline-offset: 3px;
}
.faq-dialog .faq-contact,
.faq-page .faq-contact {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}
/* Respaldo accesible sin JavaScript o al abrir el enlace en otra pestaña. */
.faq-page {
  --ivory: #F6F0E7;
  --ink: #2A2623;
  --muted: #4A3D34;
  --headerInk: #555957;
  --border: #D9CDBF;
  margin: 0;
  padding: clamp(18px, 4vw, 48px) 18px;
  background: var(--ivory);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.faq-page * { box-sizing: border-box; }
.faq-page .privacy-panel {
  width: min(760px, 100%);
  margin: auto;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid var(--border);
  border-radius: 8px;
}
.faq-page .privacy-kicker {
  margin-bottom: 9px;
  color: #805A28;
  font: 700 13px/1.3 "Bodoni Moda", Didot, Georgia, "Times New Roman", serif;
  text-transform: uppercase;
}
.faq-page h1,
.faq-page h2 {
  font-family: "Bodoni Moda", Didot, Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-transform: uppercase;
}
.faq-page h1 { margin: 0 0 25px; font-size: 25.2px; line-height: 1.08; }
.faq-page h2 { margin: 24px 0 7px; font-size: 21px; line-height: 1.1; }
.faq-page p { margin: 0 0 11px; color: var(--muted); font-size: 14px; line-height: 1.55; }
.faq-page a { color: var(--headerInk); text-decoration: underline; text-underline-offset: 3px; }
.faq-page a:focus-visible { outline: 2px solid var(--headerInk); outline-offset: 4px; }
.faq-page .privacy-return { margin-bottom: 24px; }
.faq-page .privacy-intro { margin-bottom: 30px; padding-bottom: 26px; border-bottom: 1px solid var(--border); }
@media (max-width: 700px) {
  .faq-page .privacy-panel { padding: 28px 22px; }
}