/* Canil Gelbes Wasser — "Rota do filhote" (v36 C7). Prefixo rf-. Variante B (acordeao por modalidade) escolhida pelo Yossa.
   HTML nativo <details>: sem JS abre e fecha normalmente e todo o texto esta no HTML. JS so anima e mede (GA4). */
.rf{margin:1.6rem 0 2.4rem;display:grid;gap:.75rem}
.rf-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s cubic-bezier(.2,.8,.2,1)}
.rf-item[open]{border-color:#C9A84C}
.rf-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr 18px;gap:.8rem;align-items:center;min-height:60px;padding:.75rem 1rem}
.rf-item summary::-webkit-details-marker{display:none}
.rf-item summary:focus-visible{outline:2px solid #C9A84C;outline-offset:-2px;border-radius:14px}
.rf-ico{width:34px;height:34px;fill:none;stroke:#A8842E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rf-tit{display:block;font-weight:700;font-size:1rem;color:var(--ink);line-height:1.3}
.rf-sub{display:block;font-size:.8rem;color:#5E574C;line-height:1.4;margin-top:.1rem}
.rf-seta{width:18px;height:18px;fill:none;stroke:#A8842E;stroke-width:1.6;stroke-linecap:round;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.rf-item[open] .rf-seta{transform:rotate(180deg)}
.rf-corpo{padding:0 1rem 1.1rem}
.rf-dl{display:grid;grid-template-columns:minmax(96px,30%) 1fr;gap:.45rem .9rem;margin:0 0 .9rem;font-size:.92rem;line-height:1.5}
.rf-dl dt{color:#5E574C;font-weight:600}
.rf-dl dd{margin:0;color:var(--ink)}
.rf-passos{margin:0 0 1rem;padding-left:1.15rem;font-size:.9rem;line-height:1.6;color:var(--ink2)}
.rf-passos li{margin-bottom:.25rem}
.rf-wa{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.3rem;border-radius:12px;background:#0A0A0A;color:#E8C96B;font-family:'Syne',sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s}
.rf-wa:hover{background:#1a1a1a;transform:translateY(-1px)}
.rf-wa:focus-visible{outline:2px solid #C9A84C;outline-offset:3px}
.rf-nota{font-size:.82rem!important;color:#5E574C!important;margin:.2rem 0 0!important}
.rf-tabela{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:1.4rem 0}
.rf-tabela th,.rf-tabela td{padding:.8rem .9rem;text-align:left;vertical-align:top;border-top:1px solid #EEE7DA;line-height:1.5}
.rf-tabela thead th{border-top:0;font-family:'Syne',sans-serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#5E574C}
.rf-tabela tbody th{font-weight:700;color:var(--ink)}
.rf-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rf-scroll .rf-tabela{min-width:520px}
@media (prefers-reduced-motion:reduce){.rf-item,.rf-seta,.rf-wa{transition:none}}
.rf-nw{white-space:nowrap}
.rf-dica{display:none;font-size:.78rem!important;color:#5E574C!important;margin:.6rem 0 .3rem!important}
@media (max-width:620px){.rf-dica{display:block}}