/* Gamma Acordeón 11.3.0 — Frontend + Canvas + Inspector */
:root {
    --ga-ui-accent: var(--color-accent, #64748b);
    --ga-ui-border: #e1e5ea;
    --ga-ui-bg: #fff;
    --ga-ui-soft: #f6f7f8;
    --ga-ui-text: #1f2937;
    --ga-ui-muted: #667085;
    --ga-ui-radius: 6px;
}

/* ===========================
   FRONTEND / CANVAS
   =========================== */
.gamma-acordeon {
    box-sizing: border-box;
    display: block;
    width: calc(100% - var(--ga-margin-left-desk, 0rem) - var(--ga-margin-right-desk, 0rem));
    max-width: 100%;
    margin: var(--ga-margin-top-desk, 0rem) var(--ga-margin-right-desk, 0rem) var(--ga-margin-bottom-desk, 0rem) var(--ga-margin-left-desk, 0rem) !important;
    border: var(--ga-border-width, 1px) var(--ga-border-style, solid) var(--ga-border-color, #e2e8f0);
    border-radius: var(--ga-radius, 6px);
    background: var(--ga-content-bg, var(--color-bg-content, #fff));
    box-shadow: var(--ga-shadow, 0 2px 6px rgba(0,0,0,.02));
    overflow: clip;
    position: relative;
}
.gamma-acordeon.alignwide,
.gamma-acordeon.alignfull { width: 100%; }

.gamma-acordeon-summary,
.gamma-acordeon-summary-mock {
    display: flex;
    align-items: center;
    gap: .7rem;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: var(--ga-header-pad-top-desk, 1.1rem) var(--ga-header-pad-right-desk, 1.3rem) var(--ga-header-pad-bottom-desk, 1.1rem) var(--ga-header-pad-left-desk, 1.3rem);
    list-style: none;
    cursor: pointer;
    user-select: none;
    background: var(--ga-title-bg, var(--color-bg-subtle, #f8f9f5));
    color: var(--ga-title-color, var(--color-text-dark, #1a1a1a));
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.gamma-acordeon-summary::-webkit-details-marker { display: none; }
.gamma-acordeon-summary::marker { content: ''; }
.gamma-acordeon-summary:focus-visible {
    outline: 2px solid var(--color-accent, #0066cc);
    outline-offset: -2px;
}
.gamma-acordeon-summary:hover,
.gamma-acordeon-summary-mock:hover {
    color: var(--ga-title-hover-color, var(--ga-title-color, inherit));
    background: var(--ga-title-hover-bg, var(--ga-title-bg, var(--color-bg-subtle, #f8f9f5)));
}
.gamma-acordeon[open] > .gamma-acordeon-summary,
.gamma-acordeon.is-open-mock > .gamma-acordeon-summary-mock,
.gamma-acordeon.is-open > .gamma-acordeon-summary {
    color: var(--ga-title-open-color, var(--ga-title-color, inherit));
    background: var(--ga-title-open-bg, var(--ga-title-bg, var(--color-bg-subtle, #f8f9f5)));
}

.gamma-acordeon-titulo {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    text-align: var(--ga-title-align, left);
    color: inherit;
    font-family: var(--ga-title-font, var(--font-headings, inherit));
    font-size: var(--ga-title-size-desk, 1.25rem);
    font-weight: var(--ga-title-weight-desk, 600) !important;
    font-style: var(--ga-title-style-desk, normal);
    text-transform: var(--ga-title-transform-desk, uppercase);
    letter-spacing: var(--ga-title-spacing-desk, .02em);
    line-height: var(--ga-title-lh-desk, 1.3);
}
.gamma-acordeon-titulo * {
    font: inherit !important;
    color: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* Toggle autosuficiente: no Font Awesome */
.gamma-acordeon-summary::after,
.gamma-acordeon-mock-arrow {
    content: '+';
    order: 3;
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: system-ui, sans-serif;
    font-size: var(--ga-toggle-size, 1.25rem);
    line-height: 1;
    font-weight: 500;
    color: var(--ga-toggle-color, var(--color-accent, #0066cc));
    transition: transform .2s ease, color .2s ease;
}
.gamma-acordeon[open] > .gamma-acordeon-summary::after,
.gamma-acordeon.is-open > .gamma-acordeon-summary::after,
.gamma-acordeon.is-open-mock .gamma-acordeon-mock-arrow {
    content: '−';
    color: var(--ga-toggle-open-color, var(--ga-toggle-color, var(--color-accent, #0066cc)));
}
.gamma-acordeon[data-ga-toggle="chevron"] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-toggle="chevron"] .gamma-acordeon-mock-arrow { content: ''; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; width: .55em; height: .55em; transform: rotate(45deg) translateY(-.12em); }
.gamma-acordeon[data-ga-toggle="chevron"][open] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-toggle="chevron"].is-open-mock .gamma-acordeon-mock-arrow { content: ''; transform: rotate(225deg) translate(-.08em,-.08em); }
.gamma-acordeon[data-ga-toggle="arrow"] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-toggle="arrow"] .gamma-acordeon-mock-arrow { content: '→'; }
.gamma-acordeon[data-ga-toggle="arrow"][open] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-toggle="arrow"].is-open-mock .gamma-acordeon-mock-arrow { content: '→'; transform: rotate(90deg); }
.gamma-acordeon[data-ga-toggle="none"] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-toggle="none"] .gamma-acordeon-mock-arrow { display: none; }
.gamma-acordeon[data-ga-toggle-position="left"] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-toggle-position="left"] .gamma-acordeon-mock-arrow { order: -2; }

.gamma-acordeon-icono { flex:0 0 auto; color: var(--color-accent, #0066cc); }
.gamma-acordeon-icono--legacy { font-size: 1.1rem; }

.gamma-acordeon-contenido,
.gamma-acordeon-contenido-mock {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: var(--ga-content-pad-top-desk, 0rem) var(--ga-content-pad-right-desk, 0rem) var(--ga-content-pad-bottom-desk, 0rem) var(--ga-content-pad-left-desk, 0rem) !important;
    background: var(--ga-content-bg, var(--color-bg-content, #fff));
    color: var(--ga-content-color, var(--color-text-main, #666));
    font-family: var(--ga-content-font, var(--font-body, inherit));
    font-size: var(--ga-content-size-desk, 1.05rem);
    font-weight: var(--ga-content-weight-desk, 400) !important;
    font-style: var(--ga-content-style-desk, normal);
    text-transform: var(--ga-content-transform-desk, none);
    letter-spacing: var(--ga-content-spacing-desk, 0);
    line-height: var(--ga-content-lh-desk, 1.65);
    text-align: var(--ga-content-align, left);
}
.gamma-acordeon[open] > .gamma-acordeon-contenido { border-top: 1px solid color-mix(in srgb, var(--ga-border-color, #e2e8f0) 80%, transparent); }
.gamma-acordeon-contenido > *,
.gamma-acordeon-contenido-mock .block-editor-block-list__layout > * { max-width: 100% !important; box-sizing: border-box; }
.gamma-acordeon-contenido > *:not(.aligncenter):not(.alignwide):not(.alignfull),
.gamma-acordeon-contenido-mock .block-editor-block-list__layout > *:not(.aligncenter):not(.alignwide):not(.alignfull) { margin-left: 0 !important; margin-right: 0 !important; }
.gamma-acordeon-contenido p,
.gamma-acordeon-contenido ul,
.gamma-acordeon-contenido ol,
.gamma-acordeon-contenido-mock p,
.gamma-acordeon-contenido-mock ul,
.gamma-acordeon-contenido-mock ol { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; text-align: inherit; }
.gamma-acordeon-contenido-mock .block-editor-inner-blocks,
.gamma-acordeon-contenido-mock .block-editor-block-list__layout { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; }
.gamma-acordeon.is-animating > .gamma-acordeon-contenido { will-change: height, opacity, transform; }

@media (max-width: 48.875rem) {
    .gamma-acordeon { width: calc(100% - var(--ga-margin-left-tab, var(--ga-margin-left-desk, 0rem)) - var(--ga-margin-right-tab, var(--ga-margin-right-desk, 0rem))); margin: var(--ga-margin-top-tab, var(--ga-margin-top-desk, 0rem)) var(--ga-margin-right-tab, var(--ga-margin-right-desk, 0rem)) var(--ga-margin-bottom-tab, var(--ga-margin-bottom-desk, 0rem)) var(--ga-margin-left-tab, var(--ga-margin-left-desk, 0rem)) !important; }
    .gamma-acordeon-summary,.gamma-acordeon-summary-mock { padding: var(--ga-header-pad-top-tab, var(--ga-header-pad-top-desk, 1.1rem)) var(--ga-header-pad-right-tab, var(--ga-header-pad-right-desk, 1.3rem)) var(--ga-header-pad-bottom-tab, var(--ga-header-pad-bottom-desk, 1.1rem)) var(--ga-header-pad-left-tab, var(--ga-header-pad-left-desk, 1.3rem)); }
    .gamma-acordeon-titulo { font-size:var(--ga-title-size-tab,var(--ga-title-size-desk,1.15rem)); font-weight:var(--ga-title-weight-tab,var(--ga-title-weight-desk,600)) !important; font-style:var(--ga-title-style-tab,var(--ga-title-style-desk,normal)); text-transform:var(--ga-title-transform-tab,var(--ga-title-transform-desk,uppercase)); letter-spacing:var(--ga-title-spacing-tab,var(--ga-title-spacing-desk,.02em)); line-height:var(--ga-title-lh-tab,var(--ga-title-lh-desk,1.3)); }
    .gamma-acordeon-contenido,.gamma-acordeon-contenido-mock { padding:var(--ga-content-pad-top-tab,var(--ga-content-pad-top-desk,0rem)) var(--ga-content-pad-right-tab,var(--ga-content-pad-right-desk,0rem)) var(--ga-content-pad-bottom-tab,var(--ga-content-pad-bottom-desk,0rem)) var(--ga-content-pad-left-tab,var(--ga-content-pad-left-desk,0rem)) !important; font-size:var(--ga-content-size-tab,var(--ga-content-size-desk,1rem)); font-weight:var(--ga-content-weight-tab,var(--ga-content-weight-desk,400)) !important; font-style:var(--ga-content-style-tab,var(--ga-content-style-desk,normal)); text-transform:var(--ga-content-transform-tab,var(--ga-content-transform-desk,none)); letter-spacing:var(--ga-content-spacing-tab,var(--ga-content-spacing-desk,0)); line-height:var(--ga-content-lh-tab,var(--ga-content-lh-desk,1.65)); }
}
@media (max-width: 30rem) {
    .gamma-acordeon { width: calc(100% - var(--ga-margin-left-mob, var(--ga-margin-left-tab, 0rem)) - var(--ga-margin-right-mob, var(--ga-margin-right-tab, 0rem))); margin: var(--ga-margin-top-mob,var(--ga-margin-top-tab,0rem)) var(--ga-margin-right-mob,var(--ga-margin-right-tab,0rem)) var(--ga-margin-bottom-mob,var(--ga-margin-bottom-tab,0rem)) var(--ga-margin-left-mob,var(--ga-margin-left-tab,0rem)) !important; }
    .gamma-acordeon-summary,.gamma-acordeon-summary-mock { gap:.55rem; padding:var(--ga-header-pad-top-mob,var(--ga-header-pad-top-tab,var(--ga-header-pad-top-desk,1rem))) var(--ga-header-pad-right-mob,var(--ga-header-pad-right-tab,var(--ga-header-pad-right-desk,1rem))) var(--ga-header-pad-bottom-mob,var(--ga-header-pad-bottom-tab,var(--ga-header-pad-bottom-desk,1rem))) var(--ga-header-pad-left-mob,var(--ga-header-pad-left-tab,var(--ga-header-pad-left-desk,1rem))); }
    .gamma-acordeon-titulo { font-size:var(--ga-title-size-mob,var(--ga-title-size-tab,var(--ga-title-size-desk,1.05rem))); font-weight:var(--ga-title-weight-mob,var(--ga-title-weight-tab,var(--ga-title-weight-desk,600))) !important; font-style:var(--ga-title-style-mob,var(--ga-title-style-tab,var(--ga-title-style-desk,normal))); text-transform:var(--ga-title-transform-mob,var(--ga-title-transform-tab,var(--ga-title-transform-desk,uppercase))); letter-spacing:var(--ga-title-spacing-mob,var(--ga-title-spacing-tab,var(--ga-title-spacing-desk,.01em))); line-height:var(--ga-title-lh-mob,var(--ga-title-lh-tab,var(--ga-title-lh-desk,1.3))); }
    .gamma-acordeon-contenido,.gamma-acordeon-contenido-mock { padding:var(--ga-content-pad-top-mob,var(--ga-content-pad-top-tab,0rem)) var(--ga-content-pad-right-mob,var(--ga-content-pad-right-tab,0rem)) var(--ga-content-pad-bottom-mob,var(--ga-content-pad-bottom-tab,0rem)) var(--ga-content-pad-left-mob,var(--ga-content-pad-left-tab,0rem)) !important; font-size:var(--ga-content-size-mob,var(--ga-content-size-tab,var(--ga-content-size-desk,.95rem))); font-weight:var(--ga-content-weight-mob,var(--ga-content-weight-tab,var(--ga-content-weight-desk,400))) !important; font-style:var(--ga-content-style-mob,var(--ga-content-style-tab,var(--ga-content-style-desk,normal))); text-transform:var(--ga-content-transform-mob,var(--ga-content-transform-tab,var(--ga-content-transform-desk,none))); letter-spacing:var(--ga-content-spacing-mob,var(--ga-content-spacing-tab,var(--ga-content-spacing-desk,0))); line-height:var(--ga-content-lh-mob,var(--ga-content-lh-tab,var(--ga-content-lh-desk,1.65))); }
}
@media (prefers-reduced-motion: reduce) { .gamma-acordeon *, .gamma-acordeon *::before, .gamma-acordeon *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* ===========================
   INSPECTOR FIGMA-LIKE
   =========================== */
.gamma-figma-sticky { position:sticky; top:0; z-index:5; background:#fff; border-bottom:1px solid #e5e7eb; padding:10px 12px 9px; }
.gamma-figma-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; color:#1f2937; }
.gamma-figma-title strong { font-size:13px; }
.gamma-figma-title span { font-size:10px; color:#98a2b3; }
.gamma-figma-devices { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; padding:2px; border:1px solid #dfe3e8; border-radius:6px; background:#f4f5f6; }
.gamma-figma-device { border:0 !important; min-height:28px; border-radius:4px; background:transparent !important; color:#667085 !important; font-size:11px; font-weight:600; cursor:pointer; box-shadow:none !important; }
.gamma-figma-device.is-active { background:#fff !important; color:var(--ga-ui-accent,#64748b) !important; box-shadow:0 1px 2px rgba(0,0,0,.08) !important; }
.gamma-ui-panel.components-panel__body,.gamma-ui-panel.components-panel__body.is-opened,.gamma-ui-panel .components-panel__body-title,.gamma-ui-panel .components-panel__body-content { background:#fff !important; color:#1f2937 !important; }
.gamma-ui-panel .components-panel__body-title .components-button { background:#fff !important; color:#1f2937 !important; }
.gamma-ui-inspector { padding:10px 12px 4px; color:#1f2937; }
.gamma-ui-control-group,.gamma-figma-field { margin-bottom:12px; }
.gamma-ui-label { display:block; margin:0 0 5px; color:#667085 !important; font-size:10px; line-height:1.2; font-weight:700; letter-spacing:.045em; text-transform:uppercase; }
.gamma-figma-grid-2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
.gamma-ui-input-text,.gamma-ui-select { box-sizing:border-box; width:100%; min-height:32px !important; padding:4px 8px !important; border:1px solid #d7dce2 !important; border-radius:5px !important; background:#fff !important; color:#1f2937 !important; font-size:12px !important; box-shadow:none !important; }
.gamma-ui-input-text:focus,.gamma-ui-select:focus { border-color:var(--ga-ui-accent,#64748b) !important; box-shadow:0 0 0 1px var(--ga-ui-accent,#64748b) !important; outline:0 !important; }
.gamma-ui-segmented { display:flex; width:100%; gap:2px; box-sizing:border-box; padding:2px; border:1px solid #dfe3e8; border-radius:6px; background:#f4f5f6; }
.gamma-ui-segmented__btn { flex:1 1 0; min-width:0; min-height:28px; padding:4px 5px; border:0 !important; border-radius:4px; background:transparent !important; color:#667085 !important; font-size:11px; cursor:pointer; box-shadow:none !important; }
.gamma-ui-segmented__btn.is-active { background:#fff !important; color:var(--ga-ui-accent,#64748b) !important; font-weight:700; box-shadow:0 1px 2px rgba(0,0,0,.08) !important; }
.gamma-ui-color-swatches { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.gamma-acordeon-ui-panel .gamma-acordeon-color-default {
    min-width: 58px;
    height: 24px;
    padding: 0 8px !important;
    border: 1px solid var(--gamma-ui-border, #E2E8F0) !important;
    border-radius: 5px;
    background: #FFFFFF !important;
    color: var(--gamma-ui-text-muted, #667085) !important;
    font: 600 10px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    cursor: pointer;
    box-shadow: none !important;
    white-space: nowrap;
}
.gamma-acordeon-ui-panel .gamma-acordeon-color-default:hover,
.gamma-acordeon-ui-panel .gamma-acordeon-color-default:focus-visible {
    border-color: var(--ga-ui-accent, #64748b) !important;
    color: var(--ga-ui-accent, #64748b) !important;
    outline: none;
}
.gamma-acordeon-ui-panel .gamma-acordeon-color-default.is-selected {
    background: color-mix(in srgb, var(--ga-ui-accent, #64748b) 10%, #FFFFFF) !important;
    border-color: var(--ga-ui-accent, #64748b) !important;
    color: var(--ga-ui-accent, #64748b) !important;
    box-shadow: inset 0 0 0 1px var(--ga-ui-accent, #64748b) !important;
}
.gamma-ui-color-swatch { width:24px; height:24px; padding:0 !important; border:1px solid rgba(0,0,0,.16) !important; border-radius:50%; cursor:pointer; box-shadow:none !important; }
.gamma-ui-color-swatch.is-selected { box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ga-ui-accent,#64748b) !important; }
.gamma-ui-color-swatch--custom { background:conic-gradient(red,yellow,lime,aqua,blue,magenta,red) !important; }
.gamma-ui-popover-content { width:250px; padding:10px; background:#fff; }
.gamma-figma-state-card { margin:8px 0 12px; padding:10px; border:1px solid #e1e5ea; border-radius:6px; background:#f8f9fa; }
.gamma-figma-state-card > strong { display:block; margin-bottom:8px; font-size:11px; color:#344054; }
.gamma-figma-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:38px; padding:6px 0; border-bottom:1px solid #eef0f2; }
.gamma-figma-toggle-row strong { display:block; color:#344054; font-size:12px; font-weight:500; }
.gamma-figma-toggle-row small { display:block; margin-top:2px; color:#98a2b3; font-size:10px; line-height:1.3; }
.gamma-figma-toggle { position:relative; flex:0 0 auto; width:34px; height:19px; padding:0 !important; border:0 !important; border-radius:20px; background:#cbd0d6 !important; cursor:pointer; box-shadow:none !important; }
.gamma-figma-toggle span { position:absolute; top:3px; left:3px; width:13px; height:13px; border-radius:50%; background:#fff; transition:transform .16s ease; }
.gamma-figma-toggle.is-on { background:var(--ga-ui-accent,#64748b) !important; }
.gamma-figma-toggle.is-on span { transform:translateX(15px); }
.gamma-ui-spacing-cross { display:grid; grid-template-columns:1fr auto 1fr; grid-template-rows:auto auto auto; gap:5px; align-items:center; justify-items:center; }
.gamma-ui-spacing-cross--top{grid-column:2}.gamma-ui-spacing-cross--left{grid-column:1;grid-row:2}.gamma-ui-spacing-cross--link{grid-column:2;grid-row:2}.gamma-ui-spacing-cross--right{grid-column:3;grid-row:2}.gamma-ui-spacing-cross--bottom{grid-column:2;grid-row:3}
.gamma-ui-split-input { display:flex; align-items:center; width:82px; height:30px; border:1px solid #d7dce2; border-radius:5px; background:#fff; overflow:hidden; }
.gamma-ui-split-input input { min-width:0; width:48px; height:100%; margin:0 !important; padding:0 4px !important; border:0 !important; background:transparent !important; text-align:center; font-size:11px; box-shadow:none !important; }
.gamma-ui-split-input-divider{width:1px;height:17px;background:#e5e7eb}.gamma-ui-split-input select{width:34px;height:100%;margin:0!important;padding:0 2px!important;border:0!important;background:#f7f7f8!important;font-size:9px;box-shadow:none!important;appearance:none;text-align:center}
.gamma-ui-link-btn { width:28px; height:28px; border:1px solid #dfe3e8; border-radius:5px; background:#fff; color:#667085; cursor:pointer; }
.gamma-ui-link-btn.is-active { color:var(--ga-ui-accent,#64748b); border-color:var(--ga-ui-accent,#64748b); background:var(--ga-ui-accent-soft,rgba(100,116,139,.12)); }

@media (max-width: 360px) { .gamma-figma-grid-2 { grid-template-columns:1fr; } }


/* ==========================================================================
   GAMMA ACORDEÓN 11.0.2 — AISLAMIENTO DE UI
   Evita colisiones con otros MU-plugins Gamma cargados en Gutenberg.
   ========================================================================== */
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-segmented {
    background:#f4f5f6 !important;
    border-color:#dfe3e8 !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-segmented .gamma-ui-segmented__btn {
    background:transparent !important;
    color:#667085 !important;
    border-color:transparent !important;
    box-shadow:none !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-segmented .gamma-ui-segmented__btn.is-active,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-segmented .gamma-ui-segmented__btn[aria-checked="true"] {
    background:var(--ga-ui-accent,#64748b) !important;
    color:#fff !important;
    border-color:var(--ga-ui-accent,#64748b) !important;
    box-shadow:none !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-figma-toggle.is-on {
    background:var(--ga-ui-accent,#64748b) !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-link-btn.is-active {
    color:var(--ga-ui-accent,#64748b) !important;
    border-color:var(--ga-ui-accent,#64748b) !important;
    background:var(--ga-ui-accent-soft,rgba(100,116,139,.12)) !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-input-text:focus,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-select:focus,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-split-input:focus-within {
    border-color:var(--ga-ui-accent,#64748b) !important;
    box-shadow:0 0 0 1px var(--ga-ui-accent,#64748b) !important;
    outline:0 !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-ui-color-swatch.is-selected {
    box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ga-ui-accent,#64748b) !important;
}


/* ========================================================================== 
   GAMMA ACORDEÓN 11.2.5 — INSPECTOR RESPONSIVE UNIFICADO
   ========================================================================== */
.gamma-acordeon-ui-panel{--ga-control-h:34px;}
.gamma-acordeon-ui-panel .gamma-ui-inspector{padding:12px!important;overflow:hidden!important;box-sizing:border-box!important;}
.gamma-acordeon-ui-panel .gamma-figma-field,.gamma-acordeon-ui-panel .gamma-ui-control-group{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.gamma-acordeon-ui-panel .gamma-ui-input-text,.gamma-acordeon-ui-panel .gamma-ui-select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:var(--ga-control-h)!important;min-height:var(--ga-control-h)!important;line-height:1.2!important;padding:6px 9px!important;box-sizing:border-box!important;color:#1f2937!important;background:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.gamma-acordeon-ui-panel .gamma-ui-select option{color:#1f2937!important;background:#fff!important;}
.gamma-acordeon-ui-panel .gamma-figma-grid-2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;min-width:0!important;}
.gamma-acordeon-ui-panel .gamma-figma-grid-2>*{min-width:0!important;max-width:100%!important;}
.gamma-acordeon-ui-panel .gamma-ui-segmented{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;overflow:hidden!important;}
.gamma-acordeon-ui-panel .gamma-ui-segmented__btn{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.15!important;}
.gamma-acordeon-ui-panel .gamma-ui-label{color:#475467!important;font-size:10px!important;font-weight:750!important;}

.gamma-figma-sticky{padding:10px 12px!important;}
.gamma-figma-devices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;border:0!important;border-radius:10px!important;background:#eef1f5!important;}
.gamma-figma-device{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:48px!important;padding:6px 3px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#667085!important;}
.gamma-figma-device .gamma-ui-svg-icon{width:19px!important;height:19px!important;}
.gamma-figma-device span{font-size:9px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
.gamma-figma-device.is-active{background:#fff!important;border-color:color-mix(in srgb,var(--ga-ui-accent,#64748b) 25%,#dfe3e8)!important;color:var(--ga-ui-accent,#64748b)!important;box-shadow:0 1px 3px rgba(16,24,40,.10)!important;}
.gamma-ui-svg-icon{display:block;flex:0 0 auto;}

.gamma-spacing-control{margin:0 0 14px;padding:10px;border:1px solid #dde2e8;border-radius:8px;background:#fff;box-sizing:border-box;overflow:hidden;}
.gamma-spacing-control:last-child{margin-bottom:0;}
.gamma-spacing-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
.gamma-spacing-head strong{font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;color:#344054;}
.gamma-spacing-default{appearance:none;border:1px solid #d7dce2!important;border-radius:5px!important;background:#fff!important;color:#667085!important;font-size:9px!important;font-weight:700!important;line-height:1!important;padding:5px 7px!important;cursor:pointer;box-shadow:none!important;}
.gamma-spacing-default:hover,.gamma-spacing-default:focus-visible{border-color:var(--ga-ui-accent,#64748b)!important;color:var(--ga-ui-accent,#64748b)!important;outline:none!important;}
.gamma-spacing-linkbar{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:8px;padding:5px 0 8px;margin-bottom:3px;border-bottom:1px solid #eef0f2;color:#667085;font-size:10px;}
.gamma-spacing-link{appearance:none;width:64px;height:28px;padding:0!important;border:1px solid #d7dce2!important;border-radius:5px!important;background:#f7f8f9!important;color:#7b8491!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;box-shadow:none!important;}
.gamma-spacing-link.is-active{border-color:color-mix(in srgb,var(--ga-ui-accent,#64748b) 45%,#fff)!important;background:color-mix(in srgb,var(--ga-ui-accent,#64748b) 9%,#fff)!important;color:var(--ga-ui-accent,#64748b)!important;}
.gamma-spacing-link .gamma-ui-svg-icon{width:16px!important;height:16px!important;}
.gamma-spacing-row{display:grid;grid-template-columns:82px minmax(50px,1fr) 108px;align-items:center;gap:7px;min-height:40px;width:100%;min-width:0;box-sizing:border-box;}
.gamma-spacing-row__label{display:flex;align-items:center;gap:6px;min-width:0;color:#667085;font-size:10px;white-space:nowrap;}
.gamma-ui-side-icon{width:18px;height:18px;flex:0 0 auto;color:var(--ga-ui-accent,#64748b);}
.gamma-spacing-row__slider{display:flex;align-items:center;min-width:0;}
.gamma-spacing-row__slider input[type=range]{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:18px;margin:0;padding:0;background:transparent;cursor:pointer;}
.gamma-spacing-row__slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:#dfe3e8;}
.gamma-spacing-row__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid #c4cbd3;box-shadow:0 1px 2px rgba(0,0,0,.14);margin-top:-5.5px;}
.gamma-spacing-row__slider input[type=range]::-moz-range-track{height:4px;border-radius:99px;background:#dfe3e8;}.gamma-spacing-row__slider input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid #c4cbd3;}
.gamma-spacing-row__slider input:disabled{opacity:.35;cursor:not-allowed;}
.gamma-spacing-row__value{display:grid;grid-template-columns:minmax(42px,1fr) 52px;width:100%;height:32px;border:1px solid #d7dce2;border-radius:5px;background:#fff;overflow:hidden;box-sizing:border-box;}
.gamma-spacing-row__value:focus-within{border-color:var(--ga-ui-accent,#64748b);box-shadow:0 0 0 1px color-mix(in srgb,var(--ga-ui-accent,#64748b) 20%,transparent);}
.gamma-spacing-row__value input,.gamma-spacing-row__value select{display:block!important;min-width:0!important;width:100%!important;height:30px!important;min-height:30px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;color:#1f2937!important;background:#fff!important;font-size:10px!important;box-sizing:border-box!important;}
.gamma-spacing-row__value input{padding:0 5px!important;text-align:center;}
.gamma-spacing-row__value select{padding:0 2px!important;border-left:1px solid #eceef1!important;background:#f6f7f8!important;color:#344054!important;font-size:9px!important;font-weight:800!important;text-align:center!important;text-align-last:center!important;appearance:auto!important;}
.gamma-spacing-row__value option{color:#1f2937!important;background:#fff!important;}

/* Desactivar visuales antiguos del spacing en esta versión. */
.gamma-acordeon-ui-panel .gamma-ui-spacing-cross,.gamma-acordeon-ui-panel .gamma-ui-spacing-linked-view,.gamma-acordeon-ui-panel .gamma-ui-split-input{max-width:100%;}

@media (max-width:380px){
 .gamma-spacing-row{grid-template-columns:72px minmax(42px,1fr) 98px;gap:5px;}
 .gamma-spacing-row__value{grid-template-columns:minmax(38px,1fr) 46px;}
 .gamma-spacing-row__label{font-size:9px;}
}


/* ========================================================================== 
   GAMMA ACORDEÓN 11.2.5 — UNIDADES VISIBLES EN CONTROLES DE ESPACIADO
   ========================================================================== */
.gamma-acordeon-ui-panel .gamma-spacing-control{
    overflow:visible!important;
    min-width:0!important;
    max-width:100%!important;
}
.gamma-acordeon-ui-panel .gamma-spacing-row{
    grid-template-columns:76px minmax(48px,1fr) 100px!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
}
.gamma-acordeon-ui-panel .gamma-spacing-row__label{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.gamma-acordeon-ui-panel .gamma-spacing-row__slider{
    min-width:0!important;
    width:100%!important;
}
.gamma-acordeon-ui-panel .gamma-spacing-row__value{
    display:grid!important;
    grid-template-columns:44px 56px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:32px!important;
    overflow:visible!important;
    flex:0 0 100px!important;
}
.gamma-acordeon-ui-panel .gamma-spacing-row__value input{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    padding:0 3px!important;
}
.gamma-acordeon-ui-panel .gamma-spacing-row__value select{
    display:block!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    padding:0 4px!important;
    color:#1f2937!important;
    background:#f6f7f8!important;
    border-left:1px solid #e1e5ea!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:30px!important;
    opacity:1!important;
    -webkit-text-fill-color:#1f2937!important;
    visibility:visible!important;
}
.gamma-acordeon-ui-panel .gamma-spacing-row__value select option{
    color:#1f2937!important;
    background:#fff!important;
    -webkit-text-fill-color:#1f2937!important;
}
@media (max-width:350px){
    .gamma-acordeon-ui-panel .gamma-spacing-row{
        grid-template-columns:68px minmax(36px,1fr) 96px!important;
        gap:5px!important;
    }
    .gamma-acordeon-ui-panel .gamma-spacing-row__value{
        grid-template-columns:42px 54px!important;
        width:96px!important;
        min-width:96px!important;
        max-width:96px!important;
    }
    .gamma-acordeon-ui-panel .gamma-spacing-row__value input{width:42px!important;min-width:42px!important;max-width:42px!important;}
    .gamma-acordeon-ui-panel .gamma-spacing-row__value select{width:54px!important;min-width:54px!important;max-width:54px!important;}
}


/* GAMMA ACORDEÓN 11.2.5 — feedback del vínculo */
.gamma-acordeon-ui-panel .gamma-spacing-link{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .08s ease!important;}
.gamma-acordeon-ui-panel .gamma-spacing-link:active{transform:scale(.97);}
.gamma-acordeon-ui-panel .gamma-spacing-link.is-active{background:color-mix(in srgb,var(--ga-ui-accent,#64748b) 10%,#fff)!important;border-color:var(--ga-ui-accent,#64748b)!important;color:var(--ga-ui-accent,#64748b)!important;}


/* GAMMA ACORDEÓN 11.2.5 — MODO VINCULADO COLAPSADO */
.gamma-acordeon-ui-panel .gamma-spacing-linked-master{
    padding-top:4px;
}
.gamma-acordeon-ui-panel .gamma-spacing-linked-master .gamma-spacing-row{
    grid-template-columns:82px minmax(50px,1fr) 108px;
}
.gamma-acordeon-ui-panel .gamma-spacing-linked-note{
    margin:2px 0 2px 82px;
    color:#98a2b3;
    font-size:9px;
    line-height:1.3;
}
.gamma-acordeon-ui-panel .gamma-spacing-linkbar:has(.gamma-spacing-link.is-active){
    margin-bottom:5px;
}
@media (max-width:360px){
    .gamma-acordeon-ui-panel .gamma-spacing-linked-master .gamma-spacing-row{
        grid-template-columns:72px minmax(42px,1fr) 98px;
    }
    .gamma-acordeon-ui-panel .gamma-spacing-linked-note{margin-left:72px;}
}


/* ========================================================================== 
   GAMMA ACORDEÓN 11.2.5 — INDICADORES FONT AWESOME SVG LOCALES
   ========================================================================== */
.gamma-acordeon[data-ga-fa-toggle="1"] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-fa-toggle="1"] .gamma-acordeon-mock-arrow {
    content: '' !important;
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    background: currentColor !important;
    border: 0 !important;
    transform: none !important;
    -webkit-mask-image: var(--ga-toggle-closed-mask) !important;
    mask-image: var(--ga-toggle-closed-mask) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}
.gamma-acordeon[data-ga-fa-toggle="1"][open] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-fa-toggle="1"].is-open > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-fa-toggle="1"].is-open-mock .gamma-acordeon-mock-arrow {
    content: '' !important;
    -webkit-mask-image: var(--ga-toggle-open-mask) !important;
    mask-image: var(--ga-toggle-open-mask) !important;
    transform: none !important;
}
.gamma-acordeon[data-ga-fa-toggle="1"][data-ga-toggle-position="left"] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-fa-toggle="1"][data-ga-toggle-position="left"] .gamma-acordeon-mock-arrow { order:-2 !important; }

.gamma-acordeon-ui-panel .gamma-toggle-preset-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    width:100%;
}
.gamma-acordeon-ui-panel .gamma-toggle-preset {
    appearance:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:0;
    min-height:62px;
    padding:7px 5px !important;
    border:1px solid #dfe3e8 !important;
    border-radius:6px !important;
    background:#fff !important;
    color:#667085 !important;
    cursor:pointer;
    box-shadow:none !important;
}
.gamma-acordeon-ui-panel .gamma-toggle-preset:hover { border-color:#c6ccd3 !important; background:#fafbfc !important; }
.gamma-acordeon-ui-panel .gamma-toggle-preset.is-active {
    border-color:var(--ga-ui-accent,#64748b) !important;
    color:var(--ga-ui-accent,#64748b) !important;
    background:color-mix(in srgb,var(--ga-ui-accent,#64748b) 7%,#fff) !important;
    box-shadow:inset 0 0 0 1px var(--ga-ui-accent,#64748b) !important;
}
.gamma-toggle-preset__icons { display:flex;align-items:center;justify-content:center;gap:6px; }
.gamma-toggle-preset__arrow { color:#98a2b3;font-size:10px;line-height:1; }
.gamma-toggle-preset__label { display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;line-height:1.15; }
.gamma-toggle-fa-preview {
    display:inline-block;
    flex:0 0 auto;
    width:18px;
    height:18px;
    background:currentColor;
    -webkit-mask-image:var(--ga-preview-mask);
    mask-image:var(--ga-preview-mask);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
}
.gamma-toggle-custom-card { margin:12px 0;padding:10px;border:1px solid #e1e5ea;border-radius:7px;background:#f8f9fa; }
.gamma-toggle-custom-card > strong { display:block;margin:0 0 9px;color:#344054;font-size:11px; }
.gamma-toggle-icon-select { display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px; }
.gamma-toggle-icon-select > .gamma-toggle-fa-preview { justify-self:center;width:17px;height:17px;color:var(--ga-ui-accent,#64748b); }
.gamma-toggle-icon-select .gamma-ui-select { width:100% !important;min-width:0 !important; }
@media (max-width:360px){ .gamma-acordeon-ui-panel .gamma-toggle-preset-grid{grid-template-columns:1fr;} }


/* ========================================================================== 
   GAMMA ACORDEÓN 11.2.5 — SELECTOR COMPACTO DE INDICADOR
   ========================================================================== */
.gamma-acordeon-ui-panel .gamma-toggle-dropdown{width:100%;}
.gamma-acordeon-ui-panel .gamma-toggle-dropdown__button{
    appearance:none;width:100%;min-height:38px;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;
    align-items:center;gap:8px;padding:6px 9px!important;border:1px solid #d7dce2!important;border-radius:6px!important;
    background:#fff!important;color:#344054!important;cursor:pointer;box-shadow:none!important;text-align:left;
}
.gamma-acordeon-ui-panel .gamma-toggle-dropdown__button:hover{border-color:#c4cad1!important;background:#fafbfc!important;}
.gamma-acordeon-ui-panel .gamma-toggle-dropdown__button:focus-visible{border-color:var(--ga-ui-accent,#64748b)!important;box-shadow:0 0 0 1px var(--ga-ui-accent,#64748b)!important;outline:0!important;}
.gamma-acordeon-ui-panel .gamma-toggle-dropdown__button .gamma-toggle-fa-preview{width:18px;height:18px;color:var(--ga-ui-accent,#64748b);}
.gamma-toggle-dropdown__current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;}
.gamma-toggle-dropdown__chevron{text-align:center;color:#667085;font-size:14px;line-height:1;}
.gamma-toggle-dropdown__popover{padding:0!important;}
.gamma-toggle-dropdown__list{width:260px;max-height:300px;overflow:auto;padding:5px;background:#fff;box-sizing:border-box;}
.gamma-toggle-dropdown__option{
    appearance:none;width:100%;min-height:34px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;
    padding:5px 8px!important;border:0!important;border-radius:5px!important;background:#fff!important;color:#475467!important;
    cursor:pointer;box-shadow:none!important;text-align:left;font-size:11px!important;font-weight:500!important;
}
.gamma-toggle-dropdown__option:hover{background:#f5f6f7!important;color:#1f2937!important;}
.gamma-toggle-dropdown__option.is-active{background:color-mix(in srgb,var(--ga-ui-accent,#64748b) 9%,#fff)!important;color:var(--ga-ui-accent,#64748b)!important;font-weight:700!important;}
.gamma-toggle-dropdown__option .gamma-toggle-fa-preview{width:16px;height:16px;justify-self:center;color:currentColor;}


/* ==========================================================================
   GAMMA ACORDEÓN 11.2.5 — BIBLIOTECA VISUAL DE INDICADORES
   ========================================================================== */
.gamma-acordeon-ui-panel .gamma-toggle-picker{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-height:330px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:3px 4px 3px 3px!important;
    box-sizing:border-box!important;
    scrollbar-width:thin;
    scrollbar-color:#9aa1aa transparent;
}
.gamma-acordeon-ui-panel .gamma-toggle-picker::-webkit-scrollbar{width:8px;}
.gamma-acordeon-ui-panel .gamma-toggle-picker::-webkit-scrollbar-track{background:transparent;}
.gamma-acordeon-ui-panel .gamma-toggle-picker::-webkit-scrollbar-thumb{background:#9aa1aa;border-radius:999px;}
.gamma-acordeon-ui-panel .gamma-toggle-picker__item{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
    min-height:78px!important;
    padding:8px 4px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid #dbe1e7!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#344054!important;
    box-shadow:none!important;
    cursor:pointer!important;
    transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
.gamma-acordeon-ui-panel .gamma-toggle-picker__item:hover{
    border-color:#bcc5cf!important;
    background:#f8f9fa!important;
    transform:translateY(-1px);
}
.gamma-acordeon-ui-panel .gamma-toggle-picker__item:focus-visible{
    outline:0!important;
    border-color:var(--ga-ui-accent,#64748b)!important;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--ga-ui-accent,#64748b) 18%,transparent)!important;
}
.gamma-acordeon-ui-panel .gamma-toggle-picker__item.is-active,
.gamma-acordeon-ui-panel .gamma-toggle-picker__item[aria-selected="true"]{
    border-color:var(--ga-ui-accent,#64748b)!important;
    background:color-mix(in srgb,var(--ga-ui-accent,#64748b) 7%,#fff)!important;
    box-shadow:inset 0 0 0 1px var(--ga-ui-accent,#64748b)!important;
    color:var(--ga-ui-accent,#64748b)!important;
}
.gamma-acordeon-ui-panel .gamma-toggle-picker__item .gamma-toggle-fa-preview{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    color:currentColor!important;
}
.gamma-acordeon-ui-panel .gamma-toggle-picker__label{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:650!important;
    color:inherit!important;
}
@media (max-width:360px){
    .gamma-acordeon-ui-panel .gamma-toggle-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}


/* ========================================================================== 
   GAMMA ACORDEÓN 11.2.5 — GALERÍA VISUAL DE INDICADORES (REPARADA)
   ========================================================================== */
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 330px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 3px 5px 3px 3px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    scrollbar-width: thin;
    scrollbar-color: #9299a3 transparent;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 7px 4px !important;
    box-sizing: border-box !important;
    border: 1px solid #d8dee6 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #344054 !important;
    box-shadow: none !important;
    font: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    overflow: hidden !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item:hover {
    border-color: #b9c2cc !important;
    background: #f8f9fa !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item.is-active,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item[aria-selected="true"] {
    border-color: var(--ga-ui-accent, #64748b) !important;
    background: color-mix(in srgb, var(--ga-ui-accent, #64748b) 7%, #fff) !important;
    color: var(--ga-ui-accent, #64748b) !important;
    box-shadow: inset 0 0 0 1px var(--ga-ui-accent, #64748b) !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker .gamma-toggle-fa-preview {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    flex: 0 0 25px !important;
    background-color: currentColor !important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker__label {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    color: inherit !important;
}
@media (max-width: 360px) {
    .gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* ========================================================================== 
   GAMMA ACORDEÓN 11.2.5 — SELECTOR DE ICONOS PURO
   ========================================================================== */
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-height:286px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:3px 5px 3px 3px!important;
    box-sizing:border-box!important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item {
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid #d8dee6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#344054!important;
    box-shadow:none!important;
    cursor:pointer!important;
    overflow:hidden!important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item:hover {
    border-color:#b7c0ca!important;
    background:#f8f9fa!important;
    color:var(--ga-ui-accent,#64748b)!important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item.is-active,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item[aria-selected="true"] {
    border-color:var(--ga-ui-accent,#64748b)!important;
    background:color-mix(in srgb,var(--ga-ui-accent,#64748b) 8%,#fff)!important;
    color:var(--ga-ui-accent,#64748b)!important;
    box-shadow:inset 0 0 0 1px var(--ga-ui-accent,#64748b)!important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker .gamma-toggle-fa-preview--inline {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    background:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    color:currentColor!important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker .gamma-toggle-fa-preview--inline svg {
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:28px!important;
    max-height:28px!important;
    fill:currentColor!important;
    color:currentColor!important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker .gamma-toggle-fa-preview--inline svg path,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker .gamma-toggle-fa-preview--inline svg polygon,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker .gamma-toggle-fa-preview--inline svg rect,
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker .gamma-toggle-fa-preview--inline svg circle {
    fill:currentColor!important;
}
.gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker__label { display:none!important; }
@media (max-width:360px){
    .gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;}
    .gamma-acordeon-ui-panel.gamma-acordeon-ui-panel .gamma-toggle-picker > .gamma-toggle-picker__item{padding:8px!important;}
}


/* ========================================================================== 
   GAMMA ACORDEÓN 11.2.5 — INDICADOR FA COMO SVG REAL
   ========================================================================== */
.gamma-acordeon[data-ga-fa-toggle="1"] > .gamma-acordeon-summary::after,
.gamma-acordeon[data-ga-fa-toggle="1"] .gamma-acordeon-mock-arrow {
    display:none !important;
    content:none !important;
}
.gamma-acordeon-fa-toggle {
    order:3;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:var(--ga-toggle-size,1.25rem);
    height:var(--ga-toggle-size,1.25rem);
    color:var(--ga-toggle-color,var(--color-accent,#0066cc));
    line-height:0;
}
.gamma-acordeon-fa-toggle > span {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
.gamma-acordeon-fa-toggle svg {
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:100%;
    max-height:100%;
    fill:currentColor !important;
    color:inherit !important;
}
.gamma-acordeon-fa-toggle__open { display:none !important; }
.gamma-acordeon[open] > .gamma-acordeon-summary .gamma-acordeon-fa-toggle,
.gamma-acordeon.is-open > .gamma-acordeon-summary .gamma-acordeon-fa-toggle,
.gamma-acordeon.is-open-mock .gamma-acordeon-fa-toggle {
    color:var(--ga-toggle-open-color,var(--ga-toggle-color,var(--color-accent,#0066cc)));
}
.gamma-acordeon[open] > .gamma-acordeon-summary .gamma-acordeon-fa-toggle__closed,
.gamma-acordeon.is-open > .gamma-acordeon-summary .gamma-acordeon-fa-toggle__closed,
.gamma-acordeon.is-open-mock .gamma-acordeon-fa-toggle__closed { display:none !important; }
.gamma-acordeon[open] > .gamma-acordeon-summary .gamma-acordeon-fa-toggle__open,
.gamma-acordeon.is-open > .gamma-acordeon-summary .gamma-acordeon-fa-toggle__open,
.gamma-acordeon.is-open-mock .gamma-acordeon-fa-toggle__open { display:flex !important; }
.gamma-acordeon[data-ga-toggle-position="left"] .gamma-acordeon-fa-toggle { order:-2; }


/* ==========================================================================
   GAMMA ACORDEÓN 11.3.0 — PRESET: MINIMAL EDITORIAL
   ========================================================================== */

/*
 * La estructura del preset se limita a lo que no puede expresarse con los
 * controles actuales: borde inferior único y superficie completamente plana.
 * Tipografía, espaciado, colores e indicador siguen viniendo de atributos.
 */
.gamma-acordeon.ga-preset-minimal-editorial {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: var(--ga-border-width, 1px) var(--ga-border-style, solid) var(--ga-border-color, #e4e4e4) !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible;
}

.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary,
.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary-mock {
    background: transparent !important;
}

.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary:hover,
.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary-mock:hover,
.gamma-acordeon.ga-preset-minimal-editorial[open] > .gamma-acordeon-summary,
.gamma-acordeon.ga-preset-minimal-editorial.is-open > .gamma-acordeon-summary,
.gamma-acordeon.ga-preset-minimal-editorial.is-open-mock > .gamma-acordeon-summary-mock {
    background: transparent !important;
}

.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-contenido,
.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-contenido-mock {
    background: transparent !important;
}

.gamma-acordeon.ga-preset-minimal-editorial[open] > .gamma-acordeon-contenido {
    border-top: 0 !important;
}

/* Hover sutil: solo el título y el indicador ganan un poco de contraste. */
.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary:hover .gamma-acordeon-titulo,
.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary-mock:hover .gamma-acordeon-titulo {
    opacity: .78;
}

.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary .gamma-toggle-fa-rendered,
.gamma-acordeon.ga-preset-minimal-editorial > .gamma-acordeon-summary-mock .gamma-toggle-fa-rendered {
    opacity: .78;
}

/* Inspector: selector del preset. */
.gamma-acordeon-ui-panel .gamma-preset-list {
    display: grid;
    gap: 8px;
}

.gamma-acordeon-ui-panel .gamma-preset-card {
    appearance: none;
    width: 100%;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    gap: 11px;
    align-items: center;
    padding: 10px !important;
    border: 1px solid #dde1e6 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #344054 !important;
    text-align: left;
    cursor: pointer;
    box-shadow: none !important;
}

.gamma-acordeon-ui-panel .gamma-preset-card:hover {
    border-color: #bfc6cf !important;
    background: #fafafa !important;
}

.gamma-acordeon-ui-panel .gamma-preset-card.is-active {
    border-color: var(--ga-ui-accent,#64748b) !important;
    box-shadow: inset 0 0 0 1px var(--ga-ui-accent,#64748b) !important;
}

.gamma-acordeon-ui-panel .gamma-preset-preview {
    display: grid;
    gap: 7px;
    padding: 7px 2px;
}

.gamma-acordeon-ui-panel .gamma-preset-preview i {
    display: block;
    height: 1px;
    width: 100%;
    background: #9aa1aa;
}

.gamma-acordeon-ui-panel .gamma-preset-preview i:nth-child(2) {
    width: 82%;
    background: #c5cad0;
}

.gamma-acordeon-ui-panel .gamma-preset-preview i:nth-child(3) {
    width: 92%;
    background: #dedfe2;
}

.gamma-acordeon-ui-panel .gamma-preset-copy strong {
    display: block;
    margin: 0 0 3px;
    font-size: 12px;
    font-weight: 600;
    color: #344054;
}

.gamma-acordeon-ui-panel .gamma-preset-copy small {
    display: block;
    font-size: 10px;
    line-height: 1.35;
    color: #7b8491;
}

.gamma-acordeon-ui-panel .gamma-preset-reset {
    appearance: none;
    justify-self: start;
    padding: 3px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #7b8491 !important;
    font-size: 10px;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    box-shadow: none !important;
}

.gamma-acordeon-ui-panel .gamma-preset-reset:hover {
    color: var(--ga-ui-accent,#64748b) !important;
}
