/* seo-faq.css · generado por seo_geo_kit. Usa las variables de la web (con valores por defecto) para encajar en su estética. */
.seo-faq{background:var(--seo-bg,var(--harina,#fff));color:var(--seo-fg,var(--corteza,#222));padding-block:var(--seo-pad,clamp(4rem,2rem + 6vw,8rem))}
.seo-faq__in{max-width:60rem;margin-inline:auto;padding-inline:var(--gutter,1.25rem)}
.seo-faq__kicker{margin:0 0 .75rem;font:600 var(--text-xs,.8125rem)/1 var(--font-body,system-ui,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--seo-accent,var(--caramelo,#a55))}
.seo-faq__t{margin:0 0 clamp(1.5rem,1rem + 2vw,3rem);font:var(--peso-display,600) var(--text-xl,clamp(1.8rem,1.3rem + 2vw,3rem))/1.08 var(--font-display,Georgia,serif);letter-spacing:-.01em;text-wrap:balance}
.seo-faq__item{border-top:1px solid var(--linea,rgba(0,0,0,.2))}
.seo-faq__item:last-child{border-bottom:1px solid var(--linea,rgba(0,0,0,.2))}
.seo-faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 0;font:600 var(--text-base,1.05rem)/1.3 var(--font-body,system-ui,sans-serif);-webkit-tap-highlight-color:transparent}
.seo-faq__item summary::-webkit-details-marker{display:none}
.seo-faq__item summary::after{content:"+";flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1.5px solid currentColor;font:400 1.25rem/1 var(--font-body,system-ui,sans-serif);transition:transform .3s var(--ease-out,ease),background-color .2s,color .2s}
.seo-faq__item[open] summary::after{transform:rotate(45deg);background:var(--seo-fg,var(--corteza,#222));color:var(--seo-bg,var(--harina,#fff))}
.seo-faq__item summary:focus-visible{outline:2px solid var(--seo-accent,var(--caramelo,#a55));outline-offset:3px;border-radius:6px}
.seo-faq__a{padding:0 3.5rem 1.4rem 0;max-width:46rem;font:400 var(--text-base,1.05rem)/1.6 var(--font-body,system-ui,sans-serif);color:var(--seo-soft,var(--tostado,#555))}
.seo-faq__a p{margin:0}
.seo-faq__a a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.seo-related{margin-top:clamp(2rem,1.5rem + 2vw,3.5rem);padding-top:1.5rem;border-top:1px solid var(--linea,rgba(0,0,0,.2))}
.seo-related__t{margin:0 0 .9rem;font:600 var(--text-xs,.8125rem)/1 var(--font-body,system-ui,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--seo-soft,var(--tostado,#555))}
.seo-related ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.seo-related a{display:inline-flex;align-items:center;min-height:2.6rem;padding:0 1.05rem;border:1.5px solid var(--seo-fg,var(--corteza,#222));border-radius:999px;color:var(--seo-fg,var(--corteza,#222));font:500 var(--text-sm,.9375rem)/1 var(--font-body,system-ui,sans-serif);text-decoration:none;transition:background-color .2s,color .2s}
.seo-related a:hover{background:var(--seo-fg,var(--corteza,#222));color:var(--seo-bg,var(--harina,#fff))}
.seo-related a:focus-visible{outline:2px solid var(--seo-accent,var(--caramelo,#a55));outline-offset:3px}
@media (prefers-reduced-motion:reduce){.seo-faq__item summary::after{transition:none}}

/* tema de la web */
/* Preguntas frecuentes de La Bocatoma: usa las variables de su web (--ink, --bg, --muted, --line, --gold, --display, --sans, --gutter).
   Cerrado es una sola línea discreta justo encima del pie; al abrirlo salen todas las preguntas. */
.seo-faq {
  --seo-bg: var(--bg);
  --seo-fg: var(--ink);
  --seo-soft: var(--muted);
  --seo-accent: var(--ink);
  --linea: var(--line);
  --font-body: var(--sans);
  --font-display: var(--display);
  --peso-display: 400;
  --text-base: 1rem;
  --text-xs: .75rem;
  --seo-pad: 0;
  border-top: 1px solid var(--line);
}
.seo-faq__in { max-width: 56rem; padding-inline: var(--gutter); }
.seo-faq__all > summary {
  list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 1.25rem;
  padding: 22px 0; -webkit-tap-highlight-color: transparent;
}
.seo-faq__all > summary > * { grid-column: 1; }
.seo-faq__all > summary::-webkit-details-marker { display: none; }
.seo-faq__all > summary::after {
  content: "+"; grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%;
  border: 1.5px solid var(--ink); font: 400 1.35rem/1 var(--sans); transition: transform .3s var(--ease, ease), background-color .2s, color .2s;
}
.seo-faq__all[open] > summary::after { transform: rotate(45deg); background: var(--ink); color: var(--bg); }
.seo-faq__all > summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; border-radius: 8px; }
.seo-faq__kicker { margin: 0 0 .3rem; color: var(--muted); }
.seo-faq__t { margin: 0; font-size: clamp(1.1rem, 4.4vw, 1.45rem); line-height: 1.15; letter-spacing: .01em; text-transform: uppercase; text-wrap: balance; }
/* dentro del bloque abierto, las preguntas ya salen con su respuesta: sin círculo ni clic */
.seo-faq__item summary { padding: 1rem 0 .35rem; font-weight: 600; pointer-events: none; }
.seo-faq__item summary::after { display: none; }
.seo-faq__a { padding-right: 0; padding-bottom: 1.15rem; }
.seo-faq__a a { text-decoration-color: var(--gold); text-decoration-thickness: 2px; }
@media (min-width: 900px) { .seo-faq__all > summary { padding: 28px 0; } }
@media (prefers-reduced-motion: reduce) { .seo-faq__all > summary::after { transition: none; } }