/* Página «¿Qué es la TMI-A?»: diagramas animados propios de esta lectura.
   Los árboles reutilizan .concept-tree de learning.css; aquí se añade la copa (árbol con corona). */
.tmia{--t-lilac:#7d4fb0;--t-rose:#b0457f;--t-peach:#e58c74;--t-sky:#3d8fd1;--t-gold:#e9a93a;--t-soft:#f7f0fb;--t-line:#e7d6ee;--t-card:#fffafd}
html:root[data-theme="dark"] .tmia{--t-lilac:#b9a2ee;--t-rose:#f2a7cf;--t-peach:#f0a08c;--t-sky:#8fb8f5;--t-gold:#ffd89a;--t-soft:#1d1934;--t-line:#3a3354;--t-card:#1d1934}
.tmia .learn-article h3{font-family:'Bodoni Moda',Georgia,serif;font-size:1.25rem;line-height:1.3;margin:28px 0 12px;color:var(--ink)}
.tmia-note{margin:26px 0;padding:18px 22px;border-radius:16px;border:1px dashed var(--t-line);background:var(--t-soft)}
.learn-article .tmia-note p{margin:0;font-size:.93rem}
.tmia-note strong{display:block;margin-bottom:4px;color:var(--ink)}

/* ---------- Animaciones de entrada (las activa tmi-a.js) ---------- */
.tmia-js [data-anim]{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s;transition-delay:calc(var(--i,0) * 120ms)}
.tmia-js [data-anim="up"]{transform:translateY(28px)}
.tmia-js [data-anim="left"]{transform:translateX(-40px)}
.tmia-js [data-anim="right"]{transform:translateX(40px)}
.tmia-js [data-anim="zoom"]{transform:scale(.88)}
.tmia-js [data-anim="blur"]{filter:blur(10px);transform:translateY(10px)}
.tmia-js [data-anim].is-in{opacity:1;transform:none;filter:none}

/* ---------- Dos raíces ---------- */
.tmia-roots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.tmia-root{position:relative;overflow:hidden;padding:24px 22px 20px;border-radius:20px;border:1px solid var(--t-line);background:var(--t-card)}
.tmia-root::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--t-lilac),var(--t-rose))}
.tmia-root--wells::before{background:linear-gradient(90deg,var(--t-sky),var(--t-lilac))}
.tmia-root .eyebrow{margin:0 0 6px}
.learn-article .tmia-root h3{margin:0 0 4px}
.learn-article .tmia-root .tmia-role{margin:0 0 14px;font-size:.88rem;font-weight:600;color:var(--t-rose)}
.tmia-root--wells .tmia-role{color:var(--t-sky)!important}
.learn-article .tmia-root ul{margin:0;padding:0;list-style:none}
.learn-article .tmia-root li{position:relative;margin:0 0 8px;padding:0 0 0 20px;font-size:.93rem;line-height:1.6}
.tmia-root li::before{content:'';position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--t-rose)}
.tmia-root--wells li::before{background:var(--t-sky)}
.tmia-plus{display:flex;justify-content:center;align-items:center;gap:12px;margin:-4px 0 20px;font-family:'Bodoni Moda',Georgia,serif;font-size:1.05rem;color:var(--ink)}
.tmia-plus span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--t-lilac),var(--t-rose));color:#fff;font-family:'Figtree',Arial,sans-serif;font-weight:700}

/* ---------- Escalera metacognitiva ---------- */
.tmia-ladder{--h:1;container-type:inline-size;margin:24px 0 10px;padding:26px 22px;border-radius:22px;border:1px solid var(--t-line);background:radial-gradient(90% 80% at 100% 0,color-mix(in srgb,var(--t-rose) 12%,transparent),transparent 70%),var(--t-soft)}
.tmia-ladder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:14px 12px;align-items:center}
.tmia-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px;padding:12px 8px;border-radius:16px;text-align:center;color:#fff;box-shadow:0 12px 26px -18px rgb(60 20 70/.6)}
.tmia-box b{font-family:'Bodoni Moda',Georgia,serif;font-size:2rem;line-height:1}
.tmia-box small{margin-top:6px;font-size:.78rem;font-weight:600;line-height:1.3}
.tmia-a{grid-area:1/1;background:#8f86a6}.tmia-b{grid-area:1/2;background:#c27aa0}.tmia-c{grid-area:1/3;background:#d9637c}
.tmia-4{grid-area:1/4;background:linear-gradient(135deg,var(--t-rose),#d24c8a);min-height:110px}
.tmia-3{grid-area:2/3;background:#2f9aa8}.tmia-2{grid-area:3/2;background:#62b4a7}.tmia-1{grid-area:4/1;background:#5d7a91}
.tmia-a::after,.tmia-b::after,.tmia-c::after{content:'→';position:absolute;right:-13px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--t-rose)}
.tmia-1::after,.tmia-2::after,.tmia-3::after{content:'↗';position:absolute;right:-6px;top:-14px;font-size:1.2rem;color:var(--t-rose)}
.learn-article .tmia-desc{margin:0;font-size:.86rem;line-height:1.5}
.tmia-d3{grid-area:2/4}.tmia-d2{grid-area:3/3/4/5}.tmia-d1{grid-area:4/2/5/5}
.tmia-desc strong{display:block;color:var(--ink);font-size:.9rem}
.tmia-ladder figcaption{margin-top:16px;font-size:.84rem;color:var(--muted);text-align:center}
.tmia-js .tmia-ladder .tmia-box,.tmia-js .tmia-ladder .tmia-desc{opacity:0;transform:translateY(14px) scale(.94);transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}
.tmia-ladder.is-in .tmia-box,.tmia-ladder.is-in .tmia-desc{opacity:1;transform:none}
.tmia-ladder.is-in .tmia-4{animation:tmia-glow 2.6s ease-in-out 2.4s infinite}
@keyframes tmia-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--t-rose) 25%,transparent),0 16px 30px -16px var(--t-rose)}}
@container (max-width:560px){
.tmia-ladder-grid{grid-template-columns:72px 1fr;grid-template-rows:none}
.tmia-box{min-height:64px}
.tmia-box b{font-size:1.5rem}
.tmia-box small{display:none}
.tmia-1{grid-area:1/1}.tmia-d1{grid-area:1/2}.tmia-2{grid-area:2/1}.tmia-d2{grid-area:2/2}.tmia-3{grid-area:3/1}.tmia-d3{grid-area:3/2}
.tmia-a{grid-area:4/1}.tmia-da{grid-area:4/2}.tmia-b{grid-area:5/1}.tmia-db{grid-area:5/2}.tmia-c{grid-area:6/1}.tmia-dc{grid-area:6/2}
.tmia-4{grid-area:7/1}.tmia-d4{grid-area:7/2}
.tmia-box::after{display:none}
.tmia-da,.tmia-db,.tmia-dc,.tmia-d4{display:block!important}
}
.tmia-da,.tmia-db,.tmia-dc,.tmia-d4{display:none}

/* ---------- Línea de tiempo del proceso ---------- */
.tmia-steps{position:relative;margin:22px 0;padding:0 0 0 46px;list-style:none;counter-reset:paso}
.tmia-steps::before,.tmia-steps::after{content:'';position:absolute;left:17px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--t-line)}
.tmia-steps::after{background:linear-gradient(var(--t-lilac),var(--t-rose),var(--t-peach));transform-origin:top;transform:scaleY(var(--p,1))}
.learn-article .tmia-steps li{position:relative;margin:0 0 18px;padding:14px 18px;border-radius:14px;border:1px solid var(--t-line);background:var(--t-card);counter-increment:paso}
.tmia-steps li::before{content:counter(paso);position:absolute;left:-46px;top:12px;z-index:1;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--t-card);border:2px solid var(--t-line);font-weight:700;font-size:.9rem;color:var(--muted);transition:background .4s,color .4s,border-color .4s,transform .4s}
.tmia-steps li.is-lit::before{background:linear-gradient(135deg,var(--t-lilac),var(--t-rose));border-color:transparent;color:#fff;transform:scale(1.08)}
.tmia-steps li strong{display:block;color:var(--ink)}
.learn-article .tmia-steps li p{margin:2px 0 0;font-size:.9rem;line-height:1.6}

/* ---------- Ciclo del esquema interpersonal ---------- */
.tmia-cycle{margin:26px 0;padding:24px 20px;border-radius:22px;border:1px solid var(--t-line);background:var(--t-soft)}
.tmia-cycle-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.learn-article .tmia-cycle-head p{margin:0;font-size:.9rem}
.tmia-toggle{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--t-line);background:var(--t-card)}
.tmia-toggle button{padding:7px 14px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer}
.tmia-toggle button[aria-pressed="true"]{background:linear-gradient(135deg,var(--t-lilac),var(--t-rose));color:#fff}
.tmia-cycle-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center}
.tmia-ring{position:relative;aspect-ratio:1;max-width:380px;width:100%;margin:0 auto}
.tmia-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tmia-ring-track{fill:none;stroke:var(--t-line);stroke-width:2;stroke-dasharray:4 6}
.tmia-ring-dot{fill:var(--t-gold);filter:drop-shadow(0 0 6px var(--t-gold))}
.tmia-node{position:absolute;left:var(--x);top:var(--y);width:31%;transform:translate(-50%,-50%);padding:9px 6px;border-radius:14px;border:1.5px solid var(--t-line);background:var(--t-card);font:inherit;font-size:.78rem;font-weight:600;line-height:1.25;color:var(--ink);text-align:center;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}
.tmia-node[aria-pressed="true"]{transform:translate(-50%,-50%) scale(1.1);border-color:var(--t-rose);box-shadow:0 10px 24px -14px var(--t-rose)}
.tmia-ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34%;text-align:center;font-family:'Bodoni Moda',Georgia,serif;font-size:.95rem;line-height:1.3;color:var(--muted)}
.tmia-panel{min-height:150px;padding:18px 20px;border-radius:16px;border:1px solid var(--t-line);background:var(--t-card)}
.tmia-panel .eyebrow{margin:0 0 6px}
.learn-article .tmia-panel p{margin:0;font-size:.95rem;line-height:1.65;color:var(--ink)}
.tmia-panel.is-swap{animation:tmia-swap .5s cubic-bezier(.16,1,.3,1)}
@keyframes tmia-swap{from{opacity:0;transform:translateY(8px)}}
.tmia-cycle[data-mode="otro"] .tmia-ring-dot{fill:#5fc3a8;filter:drop-shadow(0 0 6px #5fc3a8)}
.tmia-cycle[data-mode="otro"] .tmia-node[aria-pressed="true"]{border-color:#3fa98c;box-shadow:0 10px 24px -14px #3fa98c}
@media(max-width:820px){.tmia-cycle-body{grid-template-columns:1fr}.tmia-node{font-size:.72rem}}

/* ---------- Tarjetas de conceptos (giran) ---------- */
.tmia-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:22px 0}
.tmia-card{position:relative;min-height:168px;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;perspective:900px}
.tmia-card-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.tmia-card:hover .tmia-card-in,.tmia-card:focus-visible .tmia-card-in,.tmia-card[aria-pressed="true"] .tmia-card-in{transform:rotateY(180deg)}
.tmia-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:16px 18px;border-radius:16px;border:1px solid var(--t-line);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tmia-front{background:linear-gradient(150deg,var(--t-card),var(--t-soft))}
.tmia-front b{font-family:'Bodoni Moda',Georgia,serif;font-size:1.15rem;line-height:1.25;color:var(--ink)}
.tmia-front small{margin-top:8px;font-size:.75rem;letter-spacing:.06em;color:var(--t-rose)}
.tmia-back{transform:rotateY(180deg);background:linear-gradient(150deg,color-mix(in srgb,var(--t-lilac) 16%,var(--t-card)),var(--t-card));font-size:.86rem;line-height:1.55;color:var(--ink)}

/* ---------- Funciones de la relación ---------- */
.tmia-bond{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.tmia-bond div{position:relative;padding:18px 18px 16px 58px;border-radius:16px;border:1px solid var(--t-line);background:var(--t-card);transition:border-color .5s,box-shadow .5s,transform .5s}
.tmia-bond div.is-lit{border-color:var(--t-rose);box-shadow:0 12px 26px -18px var(--t-rose);transform:translateY(-3px)}
.tmia-bond span{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--t-soft);color:var(--t-rose);font-weight:700}
.tmia-bond strong{display:block;color:var(--ink)}
.learn-article .tmia-bond p{margin:4px 0 0;font-size:.88rem;line-height:1.55}

/* ---------- Árbol con corona (cambio terapéutico) ---------- */
.ct-crown{align-self:center;max-width:420px;padding:16px 26px;text-align:center;border-radius:999px;border-width:2px;background:linear-gradient(var(--ct-root),var(--ct-root)) padding-box,conic-gradient(from var(--ct-a),var(--ct-gold) 0 20%,var(--ct-glow) 40%,#fff 50%,var(--ct-violet) 65%,var(--ct-gold) 100%) border-box;box-shadow:0 0 40px -10px var(--ct-gold)}
.learn-article .ct-crown{margin:0}
.ct-crown strong{display:block;font-family:'Bodoni Moda',Georgia,serif;font-size:1.25rem;color:var(--ink)}
.ct-crown span:not(.ct-star){display:block;font-size:.85rem;color:var(--muted)}
.ct-tree--crowned .ct-canopy{padding-top:var(--ct-gap)}
.ct-tree--crowned .ct-canopy::before{content:'';position:absolute;top:0;left:calc(50% / var(--n));right:calc(50% / var(--n));height:3px;border-radius:3px;background:linear-gradient(90deg,var(--ct-line),var(--ct-gold),var(--ct-line))}
.ct-tree--crowned .ct-branch::before{content:'';position:absolute;left:50%;top:calc(-1 * var(--ct-gap));width:3px;height:var(--ct-gap);margin-left:-1.5px;background:var(--ct-line)}
.ct-trunk--top{background:linear-gradient(0deg,var(--ct-glow),var(--ct-gold))}
.concept-tree.ct-ready .ct-crown{opacity:0;transform:translateY(16px) scale(.9);transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:1.9s}
.concept-tree.ct-ready .ct-trunk--top{transition-delay:1.6s}
.concept-tree.ct-grown .ct-crown{opacity:1;transform:none}
@container (max-width:620px){
.ct-tree--crowned .ct-canopy{padding-top:0}
.ct-tree--crowned .ct-canopy::before,.ct-tree--crowned .ct-branch::before{display:none}
.ct-crown{align-self:flex-start;text-align:left}
}
.tmia-band{margin:-28px 0 40px;padding:14px 20px;border-radius:0 0 18px 18px;border:1px solid var(--t-line);border-top:0;background:var(--t-soft);font-size:.9rem;color:var(--muted)}
.tmia-band strong{color:var(--ink)}

/* ---------- Ciclo planificar · explorar · reflexionar ---------- */
.tmia-loop{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0}
.tmia-loop span{padding:10px 16px;border-radius:999px;border:1.5px solid var(--t-line);background:var(--t-card);font-weight:600;font-size:.9rem;color:var(--ink);transition:background .5s,color .5s,border-color .5s}
.tmia-loop span.is-lit{background:linear-gradient(135deg,var(--t-lilac),var(--t-rose));border-color:transparent;color:#fff}
.tmia-loop i{font-style:normal;color:var(--t-rose)}

/* ---------- Final: volver a ser uno mismo ---------- */
.tmia-finale{position:relative;overflow:hidden;margin:30px 0 40px;padding:40px 24px 34px;border-radius:26px;text-align:center;background:radial-gradient(70% 70% at 50% 100%,color-mix(in srgb,var(--t-gold) 35%,transparent),transparent 70%),linear-gradient(180deg,var(--t-soft),var(--t-card));border:1px solid var(--t-line)}
.tmia-sprout{display:block;width:220px;height:170px;margin:0 auto 6px;overflow:visible}
.tmia-sprout path{fill:none;stroke:var(--t-rose);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.tmia-sprout .ground{stroke:var(--t-lilac);stroke-width:2.5}
.tmia-sprout .sun{fill:var(--t-gold);opacity:.9}
.tmia-sprout .halo{fill:var(--t-gold);opacity:.18}
.tmia-sprout .vine{transform-origin:110px 162px}
.tmia-js .tmia-sprout path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1) var(--d,0s)}
.tmia-js .tmia-sprout .sun,.tmia-js .tmia-sprout .halo{opacity:0;transform-origin:110px 76px;transform:scale(.6);transition:opacity 1.2s,transform 1.6s cubic-bezier(.16,1,.3,1)}
.tmia-finale.is-in .tmia-sprout path{stroke-dashoffset:0}
.tmia-finale.is-in .tmia-sprout .sun{opacity:.9;transform:none}
.tmia-finale.is-in .tmia-sprout .halo{opacity:.18;transform:none;animation:tmia-halo 4.5s ease-in-out 1.6s infinite}
.tmia-finale.is-in .tmia-sprout .vine{animation:tmia-vine 6s ease-in-out 3s infinite}
@keyframes tmia-halo{50%{transform:scale(1.14);opacity:.3}}
@keyframes tmia-vine{0%,100%{transform:rotate(0)}30%{transform:rotate(1.6deg)}70%{transform:rotate(-1.6deg)}}
@media(prefers-reduced-motion:reduce){.tmia-finale.is-in .tmia-sprout .halo,.tmia-finale.is-in .tmia-sprout .vine{animation:none}}
.learn-article .tmia-words{margin:0 0 12px;font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;color:var(--ink)}
.tmia-words span{display:inline-block}
.tmia-js .tmia-words span{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(1.6s + var(--w) * .18s)}
.tmia-finale.is-in .tmia-words span{opacity:1;transform:none}
.learn-article .tmia-finale p:not(.tmia-words){max-width:520px;margin:0 auto;font-size:.98rem}
.tmia-float{position:absolute;bottom:-10px;width:8px;height:8px;pointer-events:none;background:radial-gradient(circle,#fff 0 25%,var(--t-gold) 50%,transparent 72%);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:tmia-rise var(--d,7s) linear var(--w,0s) infinite}
@keyframes tmia-rise{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(-320px) rotate(180deg);opacity:0}}

@media(max-width:720px){.tmia-roots,.tmia-bond{grid-template-columns:1fr}.tmia-ladder,.tmia-cycle{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){.tmia-float{display:none}.tmia-ladder.is-in .tmia-4{animation:none}.tmia-card-in{transition:none}}

@media(prefers-reduced-motion:reduce){.tmia-ring-dot{display:none}}
.tmia-emotions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}
.tmia-emotions span{padding:10px 20px;border-radius:999px;font-family:'Bodoni Moda',Georgia,serif;font-size:1.1rem;color:#fff;box-shadow:0 10px 22px -14px rgb(60 20 70/.6)}
.tmia-emotions span:nth-child(1){background:linear-gradient(135deg,#d9637c,#b0457f)}
.tmia-emotions span:nth-child(2){background:linear-gradient(135deg,#5d7a91,#3d8fd1)}
.tmia-emotions span:nth-child(3){background:linear-gradient(135deg,#e9a93a,#e58c74)}
.tmia-emotions span.is-in{animation:tmia-pulse 3.6s ease-in-out calc(1s + var(--i) * 1.2s) infinite}
@keyframes tmia-pulse{0%,100%{transform:none}12%{transform:scale(1.08)}24%{transform:none}}
@media(prefers-reduced-motion:reduce){.tmia-emotions span.is-in{animation:none}}

.tmia-swipe{display:none}
/* Celular: los grupos de tarjetas se deslizan en horizontal para acortar el scroll. */
@media(max-width:720px){
.tmia-roots,.tmia-bond,.tmia-cards{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;overflow-y:hidden;margin-inline:-20px;padding:6px 20px 14px;scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.tmia-cards{grid-auto-columns:70%}
.tmia-roots>*,.tmia-bond>*,.tmia-cards>*{scroll-snap-align:start}
.tmia-card{min-height:190px}
.tmia-root{padding:20px 18px 16px}
.learn-article .tmia-root li{font-size:.92rem;line-height:1.6;margin-bottom:8px}
.learn-article .tmia-swipe{display:block;margin:-6px 0 18px;font-size:.8rem;color:var(--muted);text-align:right}
.learn-article .tmia-steps li{margin-bottom:10px;padding:10px 14px}
.tmia-finale{padding:30px 18px 26px}
}

/* ---------- La mente del terapeuta como puente ---------- */
.tmia-bridge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:24px 0;padding:22px 20px 18px;border-radius:20px;border:1px solid var(--t-line);background:var(--t-soft)}
.tmia-bridge-end{padding:10px 16px;border-radius:999px;border:1.5px solid var(--t-line);background:var(--t-card);font-weight:600;font-size:.92rem;color:var(--ink);white-space:nowrap}
.tmia-bridge-arc{display:flex;flex-direction:column;align-items:center;text-align:center}
.tmia-bridge-arc svg{width:calc(100% + 20px);height:46px;margin:0 -10px 0;overflow:visible}
.tmia-bridge-arc path{fill:none;stroke:var(--t-rose);stroke-width:3;stroke-linecap:round}
.tmia-js .tmia-bridge-arc svg{clip-path:inset(0 50% 0 50%);transition:clip-path 1.6s cubic-bezier(.16,1,.3,1) .3s}
.tmia-js .tmia-bridge.is-in .tmia-bridge-arc svg{clip-path:inset(-10px -10px -10px -10px)}
.tmia-bridge-arc b{margin-top:2px;font-family:'Bodoni Moda',Georgia,serif;font-size:1.05rem;color:var(--ink)}
.tmia-bridge-arc small{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-rose)}
@media(max-width:560px){.tmia-bridge{grid-template-columns:1fr;justify-items:center;align-items:center;gap:6px}.tmia-bridge-arc svg{display:none}.tmia-bridge-arc b{margin-top:0}.tmia-bridge-arc::before,.tmia-bridge-arc::after{content:"↕";color:var(--t-rose);font-size:1.2rem;line-height:1.4}}
@media(min-width:721px){.tmia-trio{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Escritorio: la formulación compartida como un árbol que crece ---------- */
@media(min-width:900px){
.tmia-steps{--gap:150px;padding:6px 0 30px}
.tmia-steps::before,.tmia-steps::after{left:50%;width:6px;margin-left:-3px;top:0;bottom:0;border-radius:6px}
.tmia-steps::after{background:linear-gradient(#8a6aa8,var(--t-rose) 55%,var(--t-peach));box-shadow:0 0 14px -2px var(--t-rose)}
.learn-article .tmia-steps li{width:calc(50% - var(--gap) / 2);margin:0 0 -28px;padding:16px 20px;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1),border-color .6s,box-shadow .6s}
.learn-article .tmia-steps li:nth-child(even){margin-left:auto}
.learn-article .tmia-steps li:last-child{margin-bottom:0}
.tmia-steps li::before{top:14px;left:calc(100% + var(--gap) / 2 - 20px);width:40px;height:40px}
.tmia-steps li:nth-child(even)::before{left:calc(var(--gap) / -2 - 20px)}
/* Rama que une la tarjeta con el tronco */
.tmia-steps li strong::before{content:'';position:absolute;top:33px;left:100%;width:calc(var(--gap) / 2 - 20px);height:3px;border-radius:3px;background:linear-gradient(90deg,var(--t-lilac),var(--t-rose));transform-origin:right;transition:transform .7s cubic-bezier(.16,1,.3,1) .1s}
.tmia-steps li:nth-child(even) strong::before{left:auto;right:100%;transform-origin:left;background:linear-gradient(270deg,var(--t-lilac),var(--t-rose))}
/* Hojas sobre la rama */
.tmia-steps li::after,.tmia-steps li strong::after{content:'';position:absolute;width:20px;height:20px;border-radius:0 80%;pointer-events:none;transition:transform .8s cubic-bezier(.34,1.56,.64,1) .35s}
.tmia-steps li::after{top:10px;left:calc(100% + 12px);width:24px;height:24px;background:linear-gradient(135deg,#8ee0bd,#3fa98c);--r:-20deg}
.tmia-steps li strong::after{top:37px;left:calc(100% + 34px);width:18px;height:18px;border-radius:80% 0;background:linear-gradient(135deg,var(--t-rose),var(--t-lilac));--r:15deg;transition-delay:.5s}
.tmia-steps li:nth-child(even)::after{left:auto;right:calc(100% + 12px);border-radius:80% 0;--r:20deg}
.tmia-steps li:nth-child(even) strong::after{left:auto;right:calc(100% + 34px);border-radius:0 80%;--r:-15deg}
.tmia-steps li::after,.tmia-steps li strong::after{transform:rotate(var(--r))}
.tmia-steps li.is-lit{border-color:color-mix(in srgb,var(--t-rose) 45%,var(--t-line));box-shadow:0 16px 34px -24px var(--t-rose)}
.tmia-steps li.is-lit::after,.tmia-steps li.is-lit strong::after{animation:tmia-sway 4.5s ease-in-out 1.2s infinite}
/* Antes de que el tronco llegue: tarjetas tenues y hojas sin brotar */
.tmia-js .tmia-steps li:not(.is-lit){opacity:.25;transform:translateX(-24px)}
.tmia-js .tmia-steps li:nth-child(even):not(.is-lit){transform:translateX(24px)}
.tmia-js .tmia-steps li:not(.is-lit) strong::before{transform:scaleX(0)}
.tmia-js .tmia-steps li:not(.is-lit)::after,.tmia-js .tmia-steps li:not(.is-lit) strong::after{transform:rotate(var(--r)) scale(0)}
}
@keyframes tmia-sway{0%,100%{transform:rotate(var(--r)) scale(1)}50%{transform:rotate(calc(var(--r) + 14deg)) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.tmia-steps li::after,.tmia-steps li strong::after{animation:none!important}}

/* Sinapsis tipo ping pong: el impulso sale de la persona, frena en el terapeuta, se devuelve
   y luego salta por arriba, desde la persona, hacia la otredad */
.tmia-syn{position:relative;display:block;width:calc(100% + 20px);height:46px;margin:0 -10px}
.tmia-syn-line{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,var(--t-lilac),var(--t-rose) 50%,var(--t-peach));opacity:.45}
.tmia-syn-jump{position:absolute;left:0;right:0;top:-14px;height:37px;border:1.5px dashed var(--t-gold);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;opacity:0;animation:tmia-syn-arc 7s linear infinite}
.tmia-syn-node{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid var(--t-rose);background:var(--t-card);box-shadow:0 0 0 0 var(--t-rose);animation:tmia-syn-hold 7s ease-in-out infinite}
.tmia-syn-pulse{position:absolute;left:0;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,var(--t-gold) 45%,var(--t-rose) 70%,transparent 72%);box-shadow:0 0 12px 3px var(--t-rose);opacity:0;animation:tmia-syn-go 7s linear infinite}
.tmia-syn-pulse:nth-child(3){width:8px;height:8px;margin:-4px 0 0 -4px;animation-delay:.09s}
.tmia-syn-pulse:nth-child(4){width:5px;height:5px;margin:-2.5px 0 0 -2.5px;animation-delay:.18s}
@keyframes tmia-syn-go{
0%{left:0;top:50%;opacity:0;animation-timing-function:cubic-bezier(.2,.6,.3,1)}
4%{opacity:1}
22%{left:50%;top:50%}
25%{left:48%}
28%,34%{left:50%;animation-timing-function:cubic-bezier(.45,0,.3,1)}
48%,56%{left:0;top:50%;animation-timing-function:linear}
57%{left:3%;top:23%}
60.25%{left:12.5%;top:-3%}
64.5%{left:25%;top:-20%}
73%{left:50%;top:-30%}
81.5%{left:75%;top:-20%}
85.75%{left:87.5%;top:-3%}
89%{left:97%;top:23%}
90%{left:100%;top:50%;opacity:1}
97%,100%{left:100%;top:50%;opacity:0}}
@keyframes tmia-syn-hold{0%,20%{transform:scale(1);background:var(--t-card);box-shadow:0 0 0 0 transparent}24%{transform:scale(1.35);background:var(--t-rose);box-shadow:0 0 0 8px color-mix(in srgb,var(--t-rose) 30%,transparent)}31%{transform:scale(1.2);box-shadow:0 0 0 14px transparent}38%,100%{transform:scale(1);background:var(--t-card);box-shadow:0 0 0 0 transparent}}
@keyframes tmia-syn-arc{0%,54%{opacity:0}60%,88%{opacity:.6}96%,100%{opacity:0}}
.tmia-bridge-a{animation:tmia-syn-from 7s ease-in-out infinite}
.tmia-bridge-b{animation:tmia-syn-to 7s ease-in-out infinite}
@keyframes tmia-syn-from{0%,5%{border-color:var(--t-rose);box-shadow:0 0 18px -4px var(--t-rose)}14%,42%{border-color:var(--t-line);box-shadow:none}48%,56%{border-color:var(--t-rose);box-shadow:0 0 18px -4px var(--t-rose)}64%,100%{border-color:var(--t-line);box-shadow:none}}
@keyframes tmia-syn-to{0%,86%{border-color:var(--t-line);box-shadow:none}91%,95%{border-color:var(--t-rose);box-shadow:0 0 18px -4px var(--t-rose)}100%{border-color:var(--t-line);box-shadow:none}}
.tmia-bridge-arc b{margin-top:6px}
@media(max-width:560px){
.tmia-bridge-arc::before,.tmia-bridge-arc::after{content:none}
.tmia-syn{width:46px;height:96px;margin:4px auto}
.tmia-syn-line{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;margin:0 0 0 -1px;background:linear-gradient(var(--t-lilac),var(--t-rose) 50%,var(--t-peach))}
.tmia-syn-jump{left:50%;right:auto;top:0;bottom:0;width:37px;height:auto;border:1.5px dashed var(--t-gold);border-left:0;border-radius:0 100% 100% 0/0 50% 50% 0}
.tmia-syn-pulse{left:50%;top:0;animation-name:tmia-syn-down}
@keyframes tmia-syn-down{
0%{top:0;left:50%;opacity:0;animation-timing-function:cubic-bezier(.2,.6,.3,1)}
4%{opacity:1}
22%{top:50%;left:50%}
25%{top:48%}
28%,34%{top:50%;animation-timing-function:cubic-bezier(.45,0,.3,1)}
48%,56%{top:0;left:50%;animation-timing-function:linear}
57%{top:3%;left:77%}
60.25%{top:12.5%;left:103%}
64.5%{top:25%;left:120%}
73%{top:50%;left:130%}
81.5%{top:75%;left:120%}
85.75%{top:87.5%;left:103%}
89%{top:97%;left:77%}
90%{top:100%;left:50%;opacity:1}
97%,100%{top:100%;left:50%;opacity:0}}
}
@media(prefers-reduced-motion:reduce){.tmia-syn-pulse,.tmia-syn-jump{display:none}.tmia-syn-node,.tmia-bridge-a,.tmia-bridge-b{animation:none}}
.learn-article .tmia-note .tmia-word{margin-top:12px;padding-top:12px;border-top:1px dashed var(--t-line)}

/* Glosario: carrusel en escritorio, con flechas */
.tmia-carousel-nav{display:none}
@media(min-width:721px){
#glosario .tmia-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 42px)/4);overflow-x:auto;overflow-y:hidden;padding:6px 2px 12px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
#glosario .tmia-cards::-webkit-scrollbar{display:none}
#glosario .tmia-card{scroll-snap-align:start}
.tmia-carousel-nav{display:flex;justify-content:flex-end;gap:10px;margin:-6px 0 8px}
.tmia-carousel-nav button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--t-line);background:var(--t-card);color:var(--ink);font-size:1.1rem;cursor:pointer;transition:border-color .25s,transform .25s,opacity .25s}
.tmia-carousel-nav button:hover:not(:disabled){border-color:var(--t-rose);transform:translateY(-2px)}
.tmia-carousel-nav button:disabled{opacity:.35;cursor:default}
}
@media(min-width:721px) and (max-width:1000px){#glosario .tmia-cards{grid-auto-columns:calc((100% - 28px)/3)}}
@media(prefers-reduced-motion:reduce){#glosario .tmia-cards{scroll-behavior:auto}}

/* Corchete «Espacio terapéutico» entre la persona y el terapeuta */
.tmia-syn{margin-bottom:18px}
.tmia-syn-space{position:absolute;left:0;width:calc(50% - 16px);top:32px;height:8px;border:1.5px solid var(--t-lilac);border-top:0;border-radius:0 0 7px 7px;opacity:.55;animation:tmia-syn-room 7s ease-in-out infinite}
.tmia-syn-space::before{content:"";position:absolute;left:50%;bottom:-6px;width:1.5px;height:6px;margin-left:-.75px;background:var(--t-lilac)}
.tmia-syn-space em{position:absolute;left:50%;top:14px;transform:translateX(-50%);font-style:normal;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--t-lilac)}
@keyframes tmia-syn-room{0%,52%{opacity:1}62%,94%{opacity:.4}100%{opacity:1}}
@media(max-width:560px){
.tmia-syn{height:136px;margin:4px auto}
.tmia-syn-space{left:auto;right:calc(50% + 14px);top:0;width:8px;height:calc(50% - 14px);border:1.5px solid var(--t-lilac);border-right:0;border-radius:7px 0 0 7px}
.tmia-syn-space::before{left:-6px;top:50%;bottom:auto;width:6px;height:1.5px;margin:-.75px 0 0}
.tmia-syn-space em{left:auto;right:16px;top:50%;transform:translateY(-50%);text-align:right;white-space:normal;width:90px;line-height:1.2}
}
@media(prefers-reduced-motion:reduce){.tmia-syn-space{animation:none;opacity:.8}}