/* Datanex Widgets — Preguntas frecuentes (dnx-faq) */
.hf-faq{display:grid;grid-template-columns:420px minmax(0,1fr);gap:80px;align-items:start}
.hf-faq__intro{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.hf-faq__lista{display:flex;flex-direction:column;gap:12px}
.hf-faq details{padding:0 24px;background:#fff;border:1px solid var(--hf-linea-2);border-radius:var(--hf-radio-img);transition:background-color .45s cubic-bezier(.22,.61,.36,1),border-color .45s cubic-bezier(.22,.61,.36,1)}
.hf-faq details[open]{background:var(--hf-marfil);border-color:var(--hf-marfil)}
.hf-fondo-marfil .hf-faq details[open]{background:#fff;border-color:#fff}
.hf-faq summary{list-style:none;cursor:pointer;min-height:68px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hf-faq summary::-webkit-details-marker{display:none}
.hf-faq summary:focus-visible{outline:3px solid var(--hf-arena);outline-offset:4px;border-radius:8px}
.hf-faq summary h3{margin:0;font-size:19px;line-height:1.35;font-weight:700;color:var(--hf-azul)}
/* Botón + / − */
.hf-faq summary::after{content:"";width:36px;height:36px;flex-shrink:0;border-radius:50%;background:linear-gradient(#fff,#fff) center/12px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 12px no-repeat,var(--hf-azul);transition:background-color .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1)}
.hf-faq details[open] summary::after{background:linear-gradient(var(--hf-azul),var(--hf-azul)) center/12px 2px no-repeat,var(--hf-arena);transform:rotate(180deg)}
@media (hover:hover){.hf-faq summary:hover::after{background-color:var(--hf-azul-2)}.hf-faq details[open] summary:hover::after{background-color:#d3c595}}
.hf-faq__respuesta{padding:0 56px 24px 0;font-size:17px;line-height:1.7;color:var(--hf-texto-2)}
.hf-faq__respuesta p,.hf-faq__respuesta ul,.hf-faq__respuesta ol{margin:0 0 12px}
.hf-faq__respuesta>*:last-child{margin-bottom:0}
.hf-faq__respuesta a{color:var(--hf-azul);text-decoration-color:var(--hf-arena);text-decoration-thickness:2px;text-underline-offset:3px}

/* Apertura suave donde el navegador lo permite (Chrome 131+); en el resto abre al instante */
@media (prefers-reduced-motion:no-preference){
  .hf-faq{interpolate-size:allow-keywords}
  .hf-faq details::details-content{block-size:0;overflow:hidden;transition:block-size .45s cubic-bezier(.22,.61,.36,1),content-visibility .45s allow-discrete}
  .hf-faq details[open]::details-content{block-size:auto}
}

@media (max-width:1199px){
  .hf-faq{grid-template-columns:1fr;gap:40px}
}
@media (max-width:767px){
  .hf-faq details{padding:0 18px}
  .hf-faq summary{min-height:60px;padding:16px 0}
  .hf-faq summary h3{font-size:17px}
  .hf-faq summary::after{width:30px;height:30px}
  .hf-faq__respuesta{padding-right:0;font-size:16px}
  .hf-faq__intro .hf-btn{align-self:stretch}
}
@media (prefers-reduced-motion:reduce){.hf-faq details,.hf-faq summary::after{transition:none}}