/* ==========================================================================
   Hoolistic Web Toolkit · Preguntas frecuentes
   Hereda las fuentes del tema. Colores de la plantilla Osty (siguen el modo oscuro).
   ========================================================================== */

.hwt-faq{
	--hwt-faq-q:var(--color-contrast-higher,#262626);
	--hwt-faq-a:var(--color-contrast-high,#2e2e2e);
	--hwt-faq-line:var(--color-contrast-lower,#dcdad6);
	--hwt-faq-bg:transparent;
	border-top:1px solid var(--hwt-faq-line);
	background:var(--hwt-faq-bg);
}
.hwt-faq__item{border-bottom:1px solid var(--hwt-faq-line)}
.hwt-faq__q{
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	padding:20px 0;cursor:pointer;list-style:none;color:var(--hwt-faq-q);
}
.hwt-faq__q::-webkit-details-marker{display:none}
.hwt-faq__q::marker{content:""}
.hwt-faq__q:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.hwt-faq .hwt-faq__title{margin:0;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:600;line-height:1.35;color:inherit;text-transform:none;letter-spacing:normal}
.hwt-faq__icon{position:relative;flex:none;width:14px;height:14px}
.hwt-faq__icon::before,.hwt-faq__icon::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:currentColor;transition:transform .25s ease}
.hwt-faq__icon::after{transform:rotate(90deg)}
.hwt-faq__item[open] .hwt-faq__icon::after{transform:rotate(0)}
.hwt-faq__a{padding:0 34px 22px 0;color:var(--hwt-faq-a);font-size:1rem;line-height:1.6;max-width:70ch}
.hwt-faq__a p{margin:0 0 .8em}
.hwt-faq__a p:last-child{margin-bottom:0}
.hwt-faq__a a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hwt-faq__item[open] .hwt-faq__a{animation:hwt-faq-in .3s ease}
@keyframes hwt-faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hwt-faq__item[open] .hwt-faq__a{animation:none}.hwt-faq__icon::after{transition:none}}
.hwt-faq-empty{padding:16px;border:1px dashed #b5b3b0;font-size:.9rem;color:#6b6870}
