/* Conducta: apertura editorial y ejemplo de observación de tres momentos. */
.cj-aba-page main{--cj-aba-soft:#fbf1f4;--cj-aba-lavender:#f5f0f7}
.cj-aba-hero{background:linear-gradient(115deg,#fbf8f3 0%,var(--cj-aba-soft) 100%);padding-block:10px 20px}
.cj-aba-hero .cj-service-breadcrumb{margin-bottom:6px}
.cj-aba-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center}
.cj-aba-introduction{min-width:0}
.cj-aba-page .cj-aba-hero h1{font-size:clamp(2rem,1.15rem + 2vw,3rem);line-height:1.15;max-width:24ch;margin:0 0 10px}
.cj-aba-page .cj-aba-hero .cj-service-intro{font-size:1.0625rem;line-height:1.5;margin:0;max-width:62ch}
.cj-aba-introduction .cj-service-actions{gap:8px 14px;margin-top:10px}
.cj-aba-context{background:#fff;border:1px solid #dfcfdc;border-radius:16px;padding:14px;min-width:0;box-shadow:0 8px 28px #55346209}
.cj-aba-example-heading{display:grid;grid-template-columns:minmax(0,1fr) clamp(78px,10vw,128px);align-items:center;gap:10px;margin-bottom:8px}
.cj-aba-page .cj-aba-example-label{font-size:.8125rem;line-height:1.35;font-weight:700;color:#765287;margin:0 0 3px}
.cj-aba-page .cj-aba-context h2{font-size:1.25rem;line-height:1.25;margin:0}
.cj-aba-moment-controls{margin-bottom:8px}
.cj-aba-moment-controls button{flex:1 1 80px;min-width:0}
.cj-aba-moment-panel{background:#faf5ed;border-radius:10px;border-left:3px solid #b99bc9;padding:10px 12px;min-width:0}
.cj-aba-moment-panel:nth-child(2){background:#f5f0f7}
.cj-aba-moment-panel:nth-child(3){background:#fbf1f4}
.cj-aba-page .cj-aba-moment-panel h3{font-size:1.125rem;line-height:1.3;margin:0 0 4px}
.cj-aba-page .cj-aba-moment-panel p{font-size:.9375rem;line-height:1.45;margin:0}
.cj-aba-page .cj-aba-moment-panel .cj-aba-moment-index{font-size:.8125rem;font-weight:700;color:#654476;margin-bottom:4px}
.cj-aba-page .cj-aba-example-note{font-size:.8125rem;line-height:1.4;color:#595959;margin:8px 0 0}
.cj-aba-section{padding-block:clamp(15px,1.5vw,24px)}
.cj-aba-section .cj-service-heading{margin-bottom:10px}
.cj-aba-section .cj-service-heading .cj-eyebrow{margin-bottom:5px}
.cj-aba-skills>.cj-aba-section,#plan-conducta{padding-block:clamp(22px,2.2vw,34px)}
.cj-aba-skills .cj-service-heading,#plan-conducta .cj-service-heading{margin-bottom:14px}
.cj-aba-page main .cj-aba-understanding-copy>p{margin:0 0 9px}
.cj-aba-page main .cj-aba-understanding-copy>p:last-child{margin-bottom:0}
.cj-aba-page main #plan-conducta>p:not(.cj-aba-support-note){margin:0 0 15px}
.cj-aba-understanding p{max-width:74ch}
.cj-aba-skills{background:var(--cj-aba-lavender);border-block:1px solid #e5dce9}
.cj-aba-skill-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 24px;list-style:none;padding:0;margin:0}
.cj-aba-skill-list li{display:flex;align-items:flex-start;gap:12px;min-width:0}
.cj-aba-skill-list i{flex:0 0 38px;display:grid;place-items:center;height:38px;font-size:24px;color:#765287;background:#fff;border-radius:10px}
.cj-aba-page .cj-aba-skill-list h3{font-size:1.125rem;line-height:1.35;margin:0 0 5px}
.cj-aba-page .cj-aba-skill-list p{font-size:.9375rem;line-height:1.5;margin:0}
.cj-aba-page .cj-aba-support-note{font-size:.9375rem;line-height:1.5;max-width:80ch;margin:14px 0 0;color:#505050}
.cj-aba-plan{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 22px;list-style:none;padding:0;margin:0}
.cj-aba-plan li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;min-width:0}
.cj-aba-plan-number{display:grid;place-items:center;height:36px;background:#f5f0f7;border-radius:50%;font-size:.875rem;color:#654476}
.cj-aba-page .cj-aba-plan h3{font-size:1.125rem;line-height:1.3;margin:0 0 6px}
.cj-aba-page .cj-aba-plan p{font-size:.9375rem;line-height:1.5;margin:0}
.cj-aba-professional-band{background:#fbf8f3;border-block:1px solid #e5dce9}
.cj-aba-professional-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;padding-block:18px}
.cj-aba-professional{display:grid;grid-template-columns:clamp(72px,13vw,96px) minmax(0,1fr);gap:12px;min-width:0}
.cj-aba-professional img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border-radius:12px}
.cj-aba-page .cj-aba-professional h2{font-size:1.375rem;margin:0 0 3px}
.cj-aba-page .cj-aba-professional p{font-size:.875rem;line-height:1.4;margin:0 0 5px}
.cj-aba-page .cj-aba-professional .cj-eyebrow{font-size:.8125rem;margin:0 0 3px}
.cj-aba-page .cj-aba-practices{color:#654476;font-weight:700}
.cj-aba-page .cj-aba-professional .cj-aba-qualification{border-top:1px solid #dfd1e5;padding-top:6px}
.cj-aba-participation{border-left:3px solid #b393b8;padding-left:12px;min-width:0}
.cj-aba-page .cj-aba-participation h3{font-size:1.125rem;margin:0 0 5px}
.cj-aba-page .cj-aba-participation p{font-size:.875rem;line-height:1.45;margin:0 0 6px}
.cj-aba-participation p:last-child{margin-bottom:0}
.cj-aba-evidence{background:var(--cj-aba-lavender);border-top:1px solid #e5dce9}
.cj-aba-evidence p{max-width:85ch}
.cj-aba-page .cj-aba-evidence .cj-service-references{font-size:.8125rem;line-height:1.5;margin-bottom:0}
@media(min-width:650px){.cj-aba-skill-list,.cj-aba-plan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.cj-aba-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px}.cj-aba-context{padding:16px}.cj-aba-professional-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}}
@media(min-width:1100px){.cj-aba-plan{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:599px){.cj-aba-context{padding:12px}.cj-aba-moment-controls button{font-size:.875rem}}
@keyframes cj-aba-moment-enter{from{opacity:.9;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.cj-aba-page .cj-service-tabs-ready .cj-aba-moment-panel:not([hidden]){animation:cj-aba-moment-enter 300ms ease-out}}
@media(prefers-reduced-motion:reduce){.cj-aba-page .cj-aba-moment-panel{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
@media print{.cj-aba-page .cj-aba-moment-panel{animation:none!important;transform:none!important;opacity:1!important}.cj-aba-page .cj-aba-moment-controls{display:none!important}.cj-aba-page .cj-aba-moment-panel[hidden]{display:block!important;margin-top:16px}}


/* 2026-10-14 — Análisis funcional visible y lectura de evidencia en dos niveles. */
.cj-aba-page .cj-aba-hero h1{font-weight:700;color:#553462}
.cj-aba-page .cj-aba-hero .cj-eyebrow{font-size:1.125rem;font-weight:700;color:#654476}
.cj-aba-page .cj-aba-understanding h2{font-weight:700;color:#553462}
.cj-aba-page .cj-aba-understanding p{max-width:74ch}
.cj-aba-page .cj-aba-research-detail{max-width:85ch;margin-top:16px}
.cj-aba-page .cj-aba-research-detail summary{font-size:.9375rem}


/* 2026-10-14 — Escena lineal del ejemplo; no representa un resultado terapéutico. */
.cj-aba-conducta-art{width:100%;margin:0;pointer-events:none}
.cj-aba-conducta-art .cj-conducta-vector{display:block;width:100%;height:auto;aspect-ratio:320/130}


/* 2026-10-16 — Conducta: escena propia de apoyo, iconos, controles y FAQ. */
.cj-aba-page .cj-aba-understanding{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:center}
.cj-aba-page .cj-aba-understanding-copy{min-width:0}
.cj-aba-understanding-side{display:grid;justify-items:center;min-width:0}
.cj-aba-page .cj-aba-understanding-art{width:240px;max-width:100%;margin:0 auto;padding:0}
.cj-aba-page .cj-aba-understanding-art>img{display:block;width:100%;height:auto}
.cj-aba-page .cj-aba-skill-list>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}
.cj-aba-page .cj-aba-skill-icon{display:block;width:44px;height:44px;padding:5px;border:1px solid #e5dce9;border-radius:12px;background:#fff}
.cj-aba-page .cj-aba-skill-list h3{font-weight:700;color:#553462;hyphens:none}
.cj-aba-page .cj-aba-moment-controls:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cj-aba-page .cj-aba-moment-controls{padding:4px;border-radius:10px;background:#eee4ef}
.cj-aba-page .cj-aba-moment-controls[hidden]{display:none}
.cj-aba-page .cj-aba-moment-controls button{padding:6px 4px;border:1px solid transparent;border-radius:8px;background:#fff;color:#654476;hyphens:none;white-space:nowrap;font-weight:700}
.cj-aba-page .cj-aba-moment-controls button:hover{border-color:#b393b8;background:#fbf8f3}
.cj-aba-page .cj-aba-moment-controls button[aria-selected='true']{border-color:#654476;background:#654476;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.cj-aba-page .cj-aba-moment-controls button:focus-visible{outline:3px solid #553462;outline-offset:2px}
.cj-aba-page .cj-aba-moment-panel{border-left-width:4px}
.cj-aba-page #dudas-conducta{border-top:1px solid #e5dce9}
.cj-aba-page .cj-service-faq{max-width:1000px}
.cj-aba-page .cj-service-faq details{border:1px solid #e2d4e6;border-radius:14px;background:#fbf1f4;overflow:hidden}
.cj-aba-page .cj-service-faq details+details{margin-top:10px}
.cj-aba-page .cj-service-faq details:last-child{border-bottom:1px solid #e2d4e6}
.cj-aba-page .cj-service-faq summary{padding:16px 18px;color:#553462;background:#f1e7f3}
.cj-aba-page .cj-service-faq summary:hover{background:#eadded}
.cj-aba-page .cj-service-faq summary i{display:none}
.cj-aba-page .cj-service-faq summary::after{content:"";flex:0 0 9px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 3px 5px 7px}
.cj-aba-page .cj-service-faq details[open]{border-color:#654476}
.cj-aba-page .cj-service-faq details[open]>summary{background:#654476;color:#fff}
.cj-aba-page .cj-service-faq details[open]>summary::after{transform:rotate(225deg);margin-block:5px 0}
.cj-aba-page main .cj-service-faq details p{padding:17px 18px 19px;background:#fbf1f4}
.cj-aba-page .cj-service-faq summary:focus-visible{outline:3px solid #a83f78;outline-offset:-4px}
.cj-aba-page .cj-service-faq details[open]>summary:focus-visible{outline-color:#fff}
@media(min-width:900px){.cj-aba-page .cj-aba-understanding{grid-template-columns:minmax(0,1fr) 252px;gap:24px}.cj-aba-page .cj-aba-understanding-art{width:252px}}
@media(max-width:599px){.cj-aba-page .cj-aba-moment-controls button{font-size:.875rem}.cj-aba-page .cj-aba-understanding{gap:10px}.cj-aba-page .cj-aba-understanding-art{width:190px}}
@media print{.cj-aba-page .cj-aba-understanding{display:block}.cj-aba-page .cj-aba-understanding-art{width:220px;margin-block:12px 0}.cj-aba-page .cj-service-faq summary{color:#222!important;background:#fff!important}.cj-aba-page .cj-aba-moment-controls{display:none!important}}
