/* Paleta "B - Esquina suave" (2026-09-11): tokens con valor de reserva. */
.cgp-demo-window{box-sizing:border-box;width:min(1200px,96vw);height:94dvh;max-width:100vw;max-height:100dvh;padding:0;border:1px solid var(--cgp-line,#e2e8ee);border-radius:16px;background:#fff;color:var(--cgp-ink,#152d3c);overflow:hidden}
.cgp-demo-window::backdrop{background:#152d3cb3;backdrop-filter:blur(4px)}
.cgp-demo-window[open]{display:flex;flex-direction:column}
.cgp-demo-window>header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--cgp-dark,#152d3c);color:#fff;flex-shrink:0}
.cgp-demo-window header>div{flex:1}.cgp-demo-window header strong,.cgp-demo-window header small{display:block}
.cgp-demo-window header small{font-size:12px;line-height:1.4;margin-top:3px}
.cgp-demo-window button{font:600 13px/1.4 Arial,sans-serif;min-height:44px;border:1px solid var(--cgp-line,#e2e8ee);border-radius:var(--cgp-radius-btn,8px);background:#fff;color:var(--cgp-ink,#152d3c);padding:8px 12px;box-shadow:none;cursor:pointer}
.cgp-demo-window iframe{width:100%;flex:1;min-height:0;border:0;background:white}.cgp-demo-window [data-demo-loading]{padding:24px}
.cgp-demo-page{margin:0;color:var(--cgp-ink,#152d3c);background:white;font-family:Arial,sans-serif}.cgp-demo-page #cgp-wrapper{margin:0 auto;max-width:1200px}
.cgp-demo-note{padding:12px 16px;background:var(--cgp-teal-soft,#e7f1f4);color:var(--cgp-ink,#152d3c);font:13px/1.5 Arial,sans-serif}.cgp-demo-note span{float:right}
.cgp-demo-page>.cgp-audio-help{margin:12px 16px}.cgp-demo-page .cgp-help-controls{display:none!important}
.cgp-demo-press{box-shadow:0 0 0 4px rgba(189,53,72,.25)!important}
@media(max-width:600px){.cgp-demo-window{width:100vw;height:100dvh;border:0;border-radius:0}.cgp-demo-window>header{padding:8px;gap:6px;flex-wrap:wrap}.cgp-demo-window header>div{flex-basis:100%}.cgp-demo-window header button{flex:1}.cgp-demo-note span{display:block;float:none}}
/* Relieve mate "E" (2026-09-11): "Ver ejemplo interactivo" es un botón claro. */
.cgp-demo-launch{display:block;margin:-8px 0 20px;padding:8px 12px;min-height:44px;font:600 14px/1.4 Arial,sans-serif;border:1px solid var(--cgp-relief-light-line,#cfd5dc);border-radius:var(--cgp-radius-btn,8px);background-color:#fff;background-image:var(--cgp-relief-light,linear-gradient(180deg,#fff 0%,#f1f3f6 100%));color:var(--cgp-ink,#152d3c);cursor:pointer;box-shadow:var(--cgp-relief-inset-light,inset 0 1px 0 rgba(255,255,255,.9))}
.cgp-demo-launch:hover{background-image:none;background-color:var(--cgp-relief-light-hover,#eef0f3);border-color:var(--cgp-dark,#152d3c)}
.cgp-demo-launch:active{background-image:none;background-color:var(--cgp-chip-bg,#eef2f7);transform:var(--cgp-relief-press,scale(.985))}