/* CF UI · Acordeón con altura animada · funciona sin JS (details/summary) */
.cf-acc{display:grid;gap:10px}
.cf-acc details{border:1px solid var(--cf-acc-line,#d9e0ea);border-radius:12px;background:var(--cf-acc-bg,#fff);overflow:clip}
.cf-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font:600 16px system-ui;cursor:pointer}
.cf-acc summary::-webkit-details-marker{display:none}
.cf-acc summary:focus-visible{outline:3px solid var(--cf-acc-accent,#2a62e0);outline-offset:-3px;border-radius:12px}
.cf-acc summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s}
.cf-acc details[open] summary::after{transform:rotate(-135deg)}
.cf-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1)}
.cf-acc details[open] .cf-acc__panel{grid-template-rows:1fr}
/* animación también al abrir (Chrome/Edge 117+, Safari 17.5+, Firefox 129+; en los demás abre sin animación) */
@starting-style{.cf-acc details[open] .cf-acc__panel{grid-template-rows:0fr}}
.cf-acc__panel>div{overflow:hidden}
.cf-acc__panel p{margin:0;padding:0 18px 18px;color:var(--cf-acc-muted,#5a6a7d)}
@media (prefers-reduced-motion:reduce){.cf-acc *{transition:none!important}}