/* Ejemplos públicos efímeros: aislados del tema y sin estilos para datos reales. */
.gc-demo-showcase.gc-demo-showcase { display: grid !important; gap: 20px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; }
.gc-demo-notice.gc-demo-notice { box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; padding: 18px 20px !important; margin: 0 0 20px !important; border: 1px solid #ffd9c6 !important; border-radius: 14px !important; background: #fff6f0 !important; color: #402e25 !important; font: 400 13px/1.6 Inter,system-ui,sans-serif !important; }
.gc-demo-showcase>.gc-demo-notice.gc-demo-notice { margin-bottom: 0 !important; }
.gc-demo-notice.gc-demo-notice>div { min-width: 0 !important; flex: 1 1 0 !important; }
.gc-demo-notice.gc-demo-notice strong { display: block !important; color: #402e25 !important; font: 750 14px/1.5 Inter,system-ui,sans-serif !important; }
.gc-demo-notice.gc-demo-notice p { margin: 3px 0 0 !important; color: #6e574a !important; font: 400 13px/1.6 Inter,system-ui,sans-serif !important; }
.gc-demo-notice.gc-demo-notice .gc-demo-notice__icon { flex: 0 0 38px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #ffe5d5; color: #a5390f; }
.gc-demo-notice.gc-demo-notice>a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 44px !important; padding: 10px 14px !important; border: 1px solid #e35a26 !important; border-radius: 9px !important; color: #a5390f !important; background: #fff !important; font: 700 13px/1.5 Inter,system-ui,sans-serif !important; text-decoration: none !important; white-space: nowrap !important; }
.gc-demo-notice.gc-demo-notice svg { width: 19px !important; height: 19px !important; flex: 0 0 19px !important; }
.gc-demo-grid.gc-demo-grid { display: grid !important; grid-template-columns: repeat(var(--gc-demo-columns,3),minmax(0,1fr)) !important; gap: 20px !important; min-width: 0 !important; }
.gc-demo-showcase[data-columns="1"] .gc-demo-grid { grid-template-columns: minmax(0,1fr) !important; }
.gc-demo-card.gc-demo-card.gc-demo-card { display: flex !important; flex-direction: column !important; box-sizing: border-box !important; min-width: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; overflow: hidden; border: 1px solid #e2e7ee !important; border-radius: 15px !important; background: #fff !important; color: #192230 !important; box-shadow: 0 3px 12px #19223005 !important; font: 400 14px/1.6 Inter,system-ui,sans-serif !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; text-align: left !important; transition: border-color .16s,box-shadow .16s; }
.gc-demo-card.gc-demo-card.gc-demo-card *, .gc-demo-card.gc-demo-card.gc-demo-card *::before { box-sizing: border-box; }
.gc-demo-card.gc-demo-card.gc-demo-card:hover { border-color: #ff9d76 !important; box-shadow: 0 8px 24px #1922300d !important; }
.gc-demo-card.gc-demo-card.gc-demo-card:focus-visible, .gc-demo-notice.gc-demo-notice>a:focus-visible { outline: 3px solid #176dc1 !important; outline-offset: 3px !important; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__visual { position: relative !important; display: grid !important; place-items: center !important; height: 152px !important; flex: 0 0 152px !important; padding: 40px 20px 20px !important; background: linear-gradient(125deg,#f5f7fa,#ffefe6) !important; color: #ba6846 !important; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__visual>svg { width: 46px !important; height: 46px !important; stroke-width: 1.4; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__badge { position: absolute !important; top: 14px !important; left: 14px !important; max-width: calc(100% - 28px) !important; padding: 4px 9px !important; border: 1px solid #f0ceb9 !important; border-radius: 6px !important; background: #fffaf5 !important; color: #854325 !important; font: 700 10px/1.5 Inter,system-ui,sans-serif !important; text-transform: uppercase !important; letter-spacing: .04em !important; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__body { display: flex !important; flex: 1 1 0 !important; flex-direction: column !important; gap: 10px !important; min-width: 0 !important; padding: 20px !important; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__kind { color: #7c655a !important; font: 600 11px/1.5 Inter,system-ui,sans-serif !important; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__title { display: block !important; margin: 0 !important; padding: 0 !important; color: #192230 !important; font: 750 17px/1.4 Inter,system-ui,sans-serif !important; overflow-wrap: anywhere !important; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__detail { color: #536174 !important; font: 500 12px/1.6 Inter,system-ui,sans-serif !important; overflow-wrap: anywhere; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__description { color: #687487 !important; font: 400 13px/1.7 Inter,system-ui,sans-serif !important; overflow-wrap: anywhere; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; min-height: 44px !important; padding: 12px 0 0 !important; margin-top: auto !important; border-top: 1px solid #edf0f4 !important; color: #b13e12 !important; font: 700 13px/1.5 Inter,system-ui,sans-serif !important; }
.gc-demo-card.gc-demo-card.gc-demo-card .gc-demo-card__cta svg { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; }
.gc-showcase-carousel__slide>.gc-demo-card { height: 100%; }
@media(max-width:1000px) { .gc-demo-grid.gc-demo-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media(max-width:600px) {
	.gc-demo-grid.gc-demo-grid { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }
	.gc-demo-notice.gc-demo-notice { align-items: flex-start !important; flex-wrap: wrap !important; padding: 16px !important; }
	.gc-demo-notice.gc-demo-notice>div { flex-basis: calc(100% - 52px) !important; }
	.gc-demo-notice.gc-demo-notice>a { width: 100% !important; }
}
@media(prefers-reduced-motion:reduce) { .gc-demo-card.gc-demo-card.gc-demo-card { transition: none; } }