/* Comparación independiente: estructura y piezas aprobadas. */
body{--paper:#ffffff;--ink:#211526;--purple:#7200df;--lilac:#eee4ff;--yellow:#ffe33e;--pink:#f51b79;--line:#ddd5e5;--base:#ffffff;--soft:#f3edff;--solid:#7200df;--punch:#f51b79;--shadow:#d2b3ff;--caption:#7200df;background:var(--base);color:var(--ink)}
body[data-color="2"]{--base:#f0e8ff;--paper:#f0e8ff;--soft:#ffffff;--purple:#6800e0;--solid:#6800e0;--punch:#f51b79;--shadow:#c6a0ff;--caption:#f51b79;--line:#cec0e0}
body[data-color="3"]{--base:#fff0f6;--paper:#fff0f6;--soft:#ffffff;--ink:#34113c;--purple:#7500d8;--solid:#34113c;--punch:#f51b79;--shadow:#f8a7cd;--caption:#7500d8;--line:#dfc7d6}
.site-header{background:var(--base);border-color:var(--line)}
.hero-caption{background:var(--caption);color:white;border:0}.hero-caption a{color:white}.hero-caption strong{color:white}
.projects{background:var(--base)}.section-head h2 em,.agency h2 em{color:var(--purple)}
.board-window{background:var(--soft);box-shadow:10px 12px 0 var(--shadow);border-color:var(--ink)}
.board-titlebar{background:var(--ink)}.board-media,.board-pair{background:var(--soft)}.board-tools{background:var(--soft)}
.project-tab[aria-pressed=true]{background:var(--purple);border-color:var(--purple)}.project-tab:hover:not([aria-pressed=true]){background:var(--shadow)}
.capabilities{background:var(--solid);color:white}.capabilities .section-head h2 em{color:#ffe33e}
.cap-list{background:var(--soft);box-shadow:12px 14px 0 var(--punch);border-color:var(--ink)}
.service summary:hover,.service[open] summary{background:var(--shadow)}
.agency{background:var(--base)}.closing{background:var(--punch)}footer{background:var(--base);padding-bottom:95px}
.hero-dot{color:#ffe33e}
.color-controls{position:fixed;z-index:999;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;background:#211526;color:white;padding:9px;border-radius:9px;box-shadow:0 4px 24px #21152640;max-width:calc(100% - 24px);width:max-content;font:500 11px 'DM Sans',sans-serif}
.color-controls>span{font-size:8px;letter-spacing:.6px;padding:0 9px}.color-controls button{border:1px solid #ffffff40;border-radius:5px;background:transparent;color:white;padding:11px 12px;cursor:pointer;font:inherit}.color-controls button[aria-pressed=true]{background:#ffe33e;color:#211526;border-color:#ffe33e}
@media(max-width:560px){.color-controls>span{display:none}.color-controls{font-size:9px}.color-controls button{padding:10px 8px}}