/* =========================================================
   BAW v25 · Atelier Vivo · Método ACD-IA® en cinco capas conectadas
   [ID: ACD-BAW-ATELIER-0001] · prototipo · prefijo acd-
   Estado base (sin JS / movimiento reducido): la composición terminada.
   ========================================================= */
#metodo .acd{margin:55px 0 0;position:relative}
.acd-escena{position:relative;margin:0;padding:21px 0 0}
.acd-svg{display:block;width:100%;height:auto;overflow:visible}
.acd-v{display:none;max-width:420px;margin:0 auto}
@media (max-width:760px){.acd-h{display:none}.acd-v{display:block}}

/* materia: planos translúcidos, borde de pigmento, símbolos en papel */
.acd-plano{fill:color-mix(in srgb,var(--c) 13%,rgba(250,246,237,.07));stroke:var(--c);stroke-width:2.2;stroke-opacity:.9;stroke-linejoin:round;transition:fill .35s ease,stroke-width .35s ease}
.acd-sy{fill:none;stroke:#FAF6ED;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.acd-sy-dot{fill:var(--c)}
.acd-con{fill:none;stroke:#FAF6ED;stroke-width:2.6;stroke-linecap:round;opacity:.85;stroke-dasharray:1 1;stroke-dashoffset:0;transition:opacity .35s ease,stroke .35s ease}
.acd-ret{stroke:#FFE36B}
.acd-entrada{fill:none;stroke:#FFE36B;stroke-width:4.2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.acd-puerto{fill:#101C36;stroke:#FAF6ED;stroke-width:2}
.acd-semilla{fill:#FFE36B}
.acd-punto{fill:#FFF7C2;opacity:0;filter:none}
.acd-capa{cursor:pointer;transition:opacity .35s ease}
.acd-capa,.acd-semilla{transform-box:fill-box;transform-origin:50% 100%}

/* selección: una capa realza su relación con las demás */
.acd-escena[data-sel] .acd-capa{opacity:.42}
.acd-escena[data-sel] .acd-capa.is-sel{opacity:1}
.acd-escena[data-sel] .acd-capa.is-sel .acd-plano{fill:color-mix(in srgb,var(--c) 30%,rgba(250,246,237,.1));stroke-width:3.6}
.acd-escena[data-sel] .acd-con{opacity:.25}
.acd-escena[data-sel] .acd-con.is-rel{opacity:1;stroke:#FFE36B}

.acd-cap{max-width:640px;margin:13px auto 0;text-align:center;font-size:15px;line-height:1.5;color:#E6E2FF}
.acd-ctl{display:flex;justify-content:center;gap:10px;margin-top:13px;min-height:44px}
.acd-play{min-height:44px;min-width:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(14,10,58,.6);color:#fff;font:600 14px 'IBM Plex Sans',sans-serif;cursor:pointer}
.acd-play:focus-visible,.acd-pick:focus-visible{outline:3px solid #FFE36B;outline-offset:3px}
.acd-play[hidden]{display:none}

/* lista de capas: el texto completo siempre visible; el botón selecciona la capa en la escena */
#metodo .m10-layer-details{margin-top:34px!important}
.acd-pick{all:unset;cursor:pointer;display:inline;font:inherit;color:inherit;border-radius:6px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(255,227,107,.6)}
.acd-pick:hover{text-decoration-color:#FFE36B}
.acd-ej{flex:1 1 100%;margin:0!important;padding:10px 0 0;font-size:15px;line-height:1.5;color:#E6E2FF!important}
.acd-ej b{color:#FFE36B;font-weight:600}
#metodo .m10-layer-details>.rv.is-sel{background:rgba(255,227,107,.08)}
@media (max-width:760px){.acd-ej{padding-left:0}}
@media (prefers-reduced-motion:reduce){.acd-plano,.acd-con,.acd-capa{transition:none}}