/* 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 */
/* Tema de las preguntas frecuentes para Bergue: usa las variables de su web (--harina, --corteza, --tostado, --caramelo, --linea). Ajustar tras ver la web real. */