/* CMA · Tarjetas expansibles. Los textos tienen su propio espacio, fuera del arte. */
.cma-capabilities{margin-top:6px}
.cma-capability-track{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cma-capability{--cap-text:#1c1f23;--cap-muted:#404952;--cap-line:rgba(28,31,35,.19);min-width:0;position:relative;color:var(--cap-text);background:#fff;border:1px solid #d8dde1;border-radius:8px;isolation:isolate;box-shadow:0 4px 0 #d8dde0,0 15px 28px rgba(21,30,39,.075);transition:flex .65s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.cma-capability--dark{--cap-text:#fff;--cap-muted:#d8dfe5;--cap-line:rgba(255,255,255,.25);background:linear-gradient(145deg,#292f36,#171b20 78%);border-color:#333b44}
.cma-capability--red{--cap-text:#fff;--cap-muted:#fff;--cap-line:rgba(255,255,255,.34);background:linear-gradient(145deg,#ce202e 25%,#b51b29);border-color:#b51b29}
.cma-capability--silver{background:linear-gradient(140deg,#e7eaed,#d7dde1);border-color:#c8cfd5}
.cma-capability--white{background:linear-gradient(140deg,#fff,#f6f7f6)}
.cma-capability-link{position:relative;display:flex;flex-direction:column;min-width:0;height:530px;padding:26px;outline-offset:5px;border-radius:7px;overflow:hidden}
.cma-capability-link:focus-visible{outline:3px solid #8d1320;box-shadow:inset 0 0 0 3px #fff}
.cma-capability-top{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.4;letter-spacing:.065em}
.cma-capability-arrow{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--cap-line);border-radius:50%;transition:background .3s,transform .3s}
.cma-capability-arrow .icon{width:15px;height:15px;stroke-width:1.8}
.cma-capability h3{font-size:clamp(24px,2.35vw,30px);line-height:1.06;letter-spacing:-.055em;margin-top:23px;position:relative;z-index:2;text-wrap:initial;overflow-wrap:normal}
.cma-capability-art{position:relative;flex:1;min-height:175px;margin:8px -12px 6px;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(94,107,122,.1),transparent 68%)}
.cma-capability--dark .cma-capability-art{background:radial-gradient(ellipse at 50% 60%,rgba(172,189,208,.08),transparent 68%)}
.cma-capability--red .cma-capability-art{background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.08),transparent 68%)}
.cma-capability-art::before,.cma-capability-art::after{content:'';position:absolute;width:12px;height:12px;opacity:.32;border-color:currentColor;border-style:solid;pointer-events:none}
.cma-capability-art::before{left:8px;top:14px;border-width:1px 0 0 1px}
.cma-capability-art::after{right:8px;bottom:14px;border-width:0 1px 1px 0}
.cma-capability-art img,.cma-capability-art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.cma-capability-art canvas{visibility:hidden}
.cma-capability-art.is-drawn canvas{visibility:visible}
.cma-capability-art.is-drawn img{visibility:hidden}
.cma-capability-description{font-size:14px;line-height:1.65;color:var(--cap-muted);min-height:92px;max-width:320px;position:relative;z-index:2;padding-top:5px}
.cma-capability-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;border-top:1px solid var(--cap-line);padding-top:18px;min-height:39px;font-size:12px;line-height:1.4;font-weight:700}
.cma-capability-foot>span:first-child{font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:.04em;font-weight:400;white-space:nowrap}
.cma-capability-foot>span:last-child{text-align:right}
.cma-capabilities-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding-top:14px}
.cma-capabilities-hint{font-size:12px;color:#59616a;line-height:1.5}
.cma-capability-mobile-hint{display:none}
.cma-capability-pause{background:transparent;color:#444e57;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 9px;font-size:11px;line-height:1.3;border-radius:2px}
.cma-capability-pause:hover{color:var(--red);background:#e9ebec}
.cma-capability-pause-icon{display:inline-block;height:10px;width:9px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.cma-capability-pause[aria-pressed="true"] .cma-capability-pause-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0;border-left:8px solid currentColor}
.cma-capabilities-controls{display:none;align-items:center;gap:10px}
.cma-capability-nav{display:grid;place-items:center;width:44px;height:44px;background:#fff;color:var(--ink);border:1px solid #cdd3d8;border-radius:50%;flex:none}
.cma-capability-nav .icon{width:18px;height:18px}
.cma-capability-nav[data-capability-prev] .icon{transform:rotate(180deg)}
.cma-capability-nav:disabled{color:#929ba3;background:transparent;border-color:#dce0e3;cursor:default}
.cma-capability-nav:not(:disabled):hover{color:#fff;background:var(--red);border-color:var(--red)}
.cma-capability-counter{font-family:ui-monospace,Consolas,monospace;font-size:10px;color:#4c555e;white-space:nowrap}
@media(min-width:1100px){
  .cma-capability-track{display:flex;gap:10px;align-items:stretch}
  .cma-capability{flex:1 1 0%}
  .cma-capability-link{height:clamp(540px,42vw,590px);padding:clamp(19px,1.8vw,28px)}
  .cma-capability h3{font-size:clamp(22px,1.9vw,29px)}
  .cma-capability-top{font-size:9px;letter-spacing:.015em}
  .cma-capability-description{font-size:13px;min-height:88px}
  .cma-capability-foot{font-size:11px;gap:7px}
}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
  .cma-capability.is-current{flex:1.58 1 0%;box-shadow:0 4px 0 #cbd2d8,0 22px 35px rgba(21,30,39,.12)}
  .cma-capability.is-current .cma-capability-arrow{background:var(--cap-line);transform:rotate(45deg)}
}
@media(max-width:639px){
  .cma-capability-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:6px 4px 14px;margin:-6px -4px 0;scrollbar-width:thin;scrollbar-color:#929ba3 transparent;-webkit-overflow-scrolling:touch}
  .cma-capability{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:normal}
  .cma-capability-link{height:510px;padding:24px}
  .cma-capability h3{font-size:28px;margin-top:19px}
  .cma-capability-description{font-size:14px;min-height:92px}
  .cma-capability-art{margin-inline:-10px;min-height:150px}
  .cma-capabilities-toolbar{flex-wrap:wrap;gap:0 12px;padding-top:4px}
  .cma-capabilities-controls{display:flex;margin-left:auto}
  .cma-capability-mobile-hint{display:inline}
  .cma-capability-desktop-hint{display:none}
  .cma-capability-pause{margin-left:auto}
}
@media(max-width:359px){
  .cma-capability-link{padding:20px;height:500px}
  .cma-capability h3{font-size:25px}
  .cma-capability-description{font-size:13px}
  .cma-capability-top{font-size:9px}
  .cma-capabilities-hint{font-size:11px}
  .cma-capabilities-controls{gap:7px}
}
@media(prefers-reduced-motion:reduce){
  .cma-capability,.cma-capability-arrow{transition:none!important}
  .cma-capability-track{scroll-behavior:auto}
  .cma-capability.is-current{flex-grow:1}
  .cma-capability.is-current .cma-capability-arrow{transform:none}
}
@media print{
  .cma-capability-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .cma-capability{box-shadow:none;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .cma-capability-link{height:480px}
  .cma-capabilities-toolbar{display:none}
  .cma-capability-art canvas{display:none}
  .cma-capability-art.is-drawn img{visibility:visible}
}