/* ==========================================================================
   ESTILOS ESTRUCTURALES DEL BLOQUE GAMMA PANEL (FRONTEND Y EDITOR)
   ========================================================================== */

.gpb-panel {
    box-sizing: border-box;
    max-width: 100%;
    display: block;
    position: relative;
}

.gpb-panel__inner {
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.gpb-panel__overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: none;
    pointer-events: none;
    border-radius: inherit;
    box-sizing: border-box;
}

/* Protección contra Grid/Flex Blowout en hijos directos reales */
.gpb-panel__inner > * {
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

/* Soporte de Alineaciones Genesis */
.gpb-panel.alignwide {
    max-width: 100% !important;
    width: 100% !important;
}

.gpb-panel.alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* ==========================================================================
   ESTILOS EXCLUSIVOS DEL CANVAS DEL EDITOR GUTENBERG
   ========================================================================== */

.editor-styles-wrapper .gpb-panel-editor-preview {
    border: 1px dashed #c3c4c7;
    min-height: 40px;
    position: relative;
}

/*
 * Identificación visual exclusiva del editor.
 * No modifica la estructura ni el CSS del frontend.
 */
.editor-styles-wrapper .gpb-panel-editor-header {
    display: flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 6px;
    box-sizing: border-box;
    pointer-events: none;
}

.editor-styles-wrapper .gpb-panel-editor-label {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 1px 7px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    color: #6b7280;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box;
}

/*
 * Jerarquía visual exclusiva del canvas. Consume solo 8 px por lado
 * y jamás se carga como regla estructural del frontend.
 */
.editor-styles-wrapper .gpb-panel-editor-preview .gpb-panel-editor-preview {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* Anulación de márgenes verticales en el Canvas para alineación precisa */
.editor-styles-wrapper .gpb-panel__inner > [data-block],
.editor-styles-wrapper .gpb-panel__inner > .wp-block,
.editor-styles-wrapper .gpb-panel__inner > [data-type] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
}

/* Neutralización de elementos auxiliares de inserción en el Canvas */
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-block-list__insertion-point,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-block-list__insertion-point-indicator,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-block-list__in-between-inserter,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-block-list__side-inserter,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-block-drop-zone,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-block-popover__inbetween-container,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .components-drop-zone,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .components-popover,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-list-appender,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-button-block-appender,
.editor-styles-wrapper .gpb-panel-editor-preview > .gpb-panel__inner > .block-editor-default-block-appender {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    visibility: hidden !important;
    z-index: -1 !important;
}

/* ==========================================================================
   SISTEMA DE DISEÑO UI GAMMA - INSPECTOR (ADMINISTRACIÓN)
   ========================================================================== */

:root, .gamma-ui {
    --gamma-ui-accent: var(--color-accent, #0066CC);
    --gamma-ui-accent-hover: var(--color-accent-alt, #0052A3);
    --gamma-ui-accent-soft: rgba(0, 102, 204, 0.12);
    --gamma-ui-accent-contrast: #ffffff;
    --gamma-ui-bg: #ffffff;
    --gamma-ui-bg-subtle: #f9fafb;
    --gamma-ui-border: #e2e8f0;
    --gamma-ui-text-dark: #111827;
    --gamma-ui-text-muted: #6b7280;
    --gamma-ui-text-light: #94a3b8;
    --gamma-ui-radius: 6px;
    --gamma-ui-font-size: 10px;
}

.gamma-ui-control-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.gamma-ui-control-row--full {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 16px;
    width: 100%;
}

.gamma-ui-label {
    font-size: var(--gamma-ui-font-size) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: var(--gamma-ui-text-dark) !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 8px 0 !important;
    display: block;
}

.gamma-ui-divider {
    border: none !important;
    border-top: 1px solid var(--gamma-ui-border) !important;
    margin: 20px 0 !important;
    width: 100%;
}

.gamma-ui-dimensions-box {
    background: #f8fafc;
    border: 1px solid var(--gamma-ui-border);
    border-radius: var(--gamma-ui-radius);
    padding: 20px 16px;
    margin-top: 16px;
    margin-bottom: 8px;
    width: 100%;
    box-sizing: border-box;
}

.gamma-ui-segmented {
    display: flex;
    background: var(--gamma-ui-bg-subtle) !important;
    border: 1px solid var(--gamma-ui-border) !important;
    border-radius: var(--gamma-ui-radius) !important;
    padding: 3px !important;
    gap: 2px !important;
    width: 100%;
    box-sizing: border-box;
}

.gamma-ui-segmented__button {
    flex: 1;
    border: none !important;
    background: transparent !important;
    color: var(--gamma-ui-text-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 6px 8px !important;
    border-radius: 4px !important;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 28px !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.gamma-ui-segmented__button:hover {
    color: var(--gamma-ui-text-dark) !important;
    background: var(--gamma-ui-bg) !important;
}

.gamma-ui-segmented__button.is-active,
.gamma-ui-segmented__button[aria-pressed="true"] {
    background: var(--gamma-ui-bg) !important;
    color: var(--gamma-ui-accent) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.gamma-ui-device-switcher {
    margin-bottom: 0px;
    width: 100%;
}

.gamma-ui-spacing-group {
    margin-bottom: 28px;
}

.gamma-ui-spacing-group:last-child {
    margin-bottom: 0;
}

.gamma-ui-spacing-cross {
    display: grid;
    grid-template-columns: 1fr 36px 1fr;
    gap: 12px 8px;
    align-items: center;
    margin-top: 12px;
}

.gamma-ui-spacing-cross__top,
.gamma-ui-spacing-cross__bottom {
    grid-column: 1 / -1;
    justify-self: center;
    width: 100px;
}

.gamma-ui-spacing-cross__left {
    grid-column: 1;
    width: 100%;
}

.gamma-ui-spacing-cross__right {
    grid-column: 3;
    width: 100%;
}

.gamma-ui-spacing-cross__center {
    grid-column: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gamma-ui-spacing-cross__link-btn {
    background: transparent !important;
    border: none !important;
    color: var(--gamma-ui-text-light) !important;
    cursor: pointer;
    padding: 6px !important;
    border-radius: 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: none !important;
    margin: 0 !important;
    outline: none !important;
    min-height: auto !important;
}

.gamma-ui-spacing-cross__link-btn:hover {
    background: var(--gamma-ui-bg-subtle) !important;
    color: var(--gamma-ui-text-dark) !important;
}

.gamma-ui-spacing-cross__link-btn.is-linked {
    color: var(--gamma-ui-text-dark) !important;
}

.gamma-ui-unit-input {
    display: flex;
    width: 100% !important;
    border: 1px solid var(--gamma-ui-border) !important;
    border-radius: 4px !important;
    overflow: hidden;
    background: var(--gamma-ui-bg) !important;
    height: 32px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    align-items: center;
    box-sizing: border-box !important;
}

.gamma-ui-unit-input:focus-within {
    border-color: var(--gamma-ui-accent) !important;
    box-shadow: 0 0 0 1px var(--gamma-ui-accent) !important;
}

.gamma-ui-unit-input input[type="text"] {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 4px !important;
    height: 100% !important;
    font-size: 12px !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--gamma-ui-text-dark) !important;
    outline: none !important;
    min-height: auto !important;
    margin: 0 !important;
    text-align: center !important;
}

.gamma-ui-select {
    flex: 0 0 38px !important;
    width: 38px !important;
    border: none !important;
    border-left: 1px solid var(--gamma-ui-border) !important;
    border-radius: 0 !important;
    padding: 0 2px !important;
    height: 100% !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: var(--gamma-ui-text-light) !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-align: center;
    text-align-last: center;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    outline: none !important;
    min-height: auto !important;
    margin: 0 !important;
    line-height: normal !important;
}

.gamma-ui-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    width: 100%;
}

.gamma-ui-swatch {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 2px solid transparent !important;
    cursor: pointer;
    padding: 0 !important;
    transition: transform 0.2s ease, border-color 0.2s ease;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1) !important;
    min-width: auto !important;
    min-height: auto !important;
}

.gamma-ui-swatch:hover {
    transform: scale(1.15);
}

.gamma-ui-swatch.is-active {
    border-color: var(--gamma-ui-accent) !important;
    box-shadow: 0 0 0 2px var(--gamma-ui-bg), 0 0 0 4px var(--gamma-ui-accent) !important;
}

/* ==========================================================================
   GAMMA PANEL 1.7 — REFRESCO UI TIPO FIGMA
   ========================================================================== */
.gamma-ui{--gamma-ui-accent:var(--color-accent,#0066cc);--gamma-ui-text:#1f2937;--gamma-ui-muted:#6b7280;--gamma-ui-border:#dfe3e8;--gamma-ui-soft:#f6f7f8;--gamma-ui-bg:#fff;font-size:12px;color:var(--gamma-ui-text);}
.gamma-ui-panel.components-panel__body{border-top:1px solid var(--gamma-ui-border,#dfe3e8)!important;}
.gamma-ui-panel .components-panel__body-title .components-button{font-size:12px!important;font-weight:650!important;min-height:36px!important;padding:0 12px!important;}
.gamma-ui-panel .components-panel__body-content{padding:4px 12px 14px!important;}
.gamma-ui-sticky{position:sticky;top:0;z-index:8;background:#fff;padding:10px 12px;border-bottom:1px solid var(--gamma-ui-border);}
.gamma-ui-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.gamma-ui-title strong{font-size:12px;font-weight:700;}.gamma-ui-title span{font-size:9px;color:#9ca3af;font-weight:600;}
.gamma-ui-segmented{display:flex!important;width:100%;padding:2px!important;background:#f2f3f5!important;border:1px solid var(--gamma-ui-border)!important;border-radius:6px!important;box-sizing:border-box;gap:2px!important;}
.gamma-ui-segmented__button{appearance:none;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--gamma-ui-muted)!important;border-radius:4px!important;min-height:27px!important;padding:4px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex:1;font-size:11px!important;font-weight:600!important;cursor:pointer;margin:0!important;}
.gamma-ui-segmented__button:hover{color:var(--gamma-ui-text)!important;background:rgba(255,255,255,.65)!important;}
.gamma-ui-segmented__button.is-active,.gamma-ui-segmented__button[aria-pressed="true"]{background:#fff!important;color:var(--gamma-ui-accent)!important;box-shadow:0 1px 2px rgba(17,24,39,.08)!important;}
.gamma-ui-device-switcher{margin:0!important;width:100%!important;}
.gamma-ui-control-row{gap:8px!important;margin-bottom:10px!important;}.gamma-ui-control-row--full{margin-bottom:10px!important;}
.gamma-ui-label{font-size:10px!important;font-weight:650!important;text-transform:none!important;letter-spacing:.02em!important;color:var(--gamma-ui-muted)!important;margin:0 0 5px 0!important;}
.gamma-ui-divider{border:0!important;border-top:1px solid var(--gamma-ui-border)!important;margin:12px 0!important;}
.gamma-ui-dimensions-box{background:#f8f9fa!important;border:1px solid var(--gamma-ui-border)!important;border-radius:6px!important;padding:10px!important;margin:8px 0!important;}
.gamma-ui-unit-input{border:1px solid var(--gamma-ui-border)!important;border-radius:5px!important;background:#fff!important;overflow:hidden!important;min-height:29px!important;}
.gamma-ui-unit-input:focus-within{border-color:var(--gamma-ui-accent)!important;box-shadow:0 0 0 1px var(--gamma-ui-accent)!important;}
.gamma-ui-unit-input input{height:28px!important;min-height:28px!important;font-size:11px!important;padding:4px 6px!important;}
.gamma-ui-unit-select{height:28px!important;min-height:28px!important;font-size:10px!important;background:#fafafa!important;border-left:1px solid #eceef0!important;}
.gamma-ui-spacing-cross{gap:6px 7px!important;margin-top:6px!important;padding:8px!important;background:#f8f9fa!important;border:1px solid var(--gamma-ui-border)!important;border-radius:6px!important;}
.gamma-ui-spacing-cross__link-btn{width:29px!important;height:29px!important;border:1px solid var(--gamma-ui-border)!important;border-radius:5px!important;background:#fff!important;padding:0!important;}
.gamma-ui-spacing-cross__link-btn.is-linked{color:var(--gamma-ui-accent)!important;border-color:var(--gamma-ui-accent)!important;}
.gamma-ui-color-swatches{gap:5px!important;}.gamma-ui-color-swatch{width:23px!important;height:23px!important;border-radius:4px!important;}
.gamma-ui-subtitle{font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:700;color:#9ca3af;margin:12px 0 5px;}.gamma-ui-subtitle--spaced{margin-top:18px;}
.gamma-ui-media{margin:8px 0 12px;}.gamma-ui-media__preview{height:118px;border-radius:6px;border:1px solid var(--gamma-ui-border);background-size:cover;background-position:center;position:relative;overflow:hidden;}.gamma-ui-media__badge{position:absolute;left:7px;bottom:7px;background:rgba(17,24,39,.78);color:#fff;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:650;letter-spacing:.025em;}.gamma-ui-media__empty{height:70px;border:1px dashed #cfd4da;border-radius:6px;background:#fafafa;color:#8b929b;display:flex;align-items:center;justify-content:center;font-size:10px;}.gamma-ui-media__actions{display:flex;gap:6px;align-items:center;margin-top:7px;}.gamma-ui-media__actions .components-button{min-height:28px!important;height:28px!important;font-size:10px!important;border-radius:5px!important;}
.gamma-ui-range{margin-top:10px;padding:9px 10px 2px;border:1px solid var(--gamma-ui-border);border-radius:6px;background:#fafafa;}.gamma-ui-range .components-base-control__label{font-size:10px!important;color:var(--gamma-ui-muted)!important;}
.gamma-ui .components-text-control__input,.gamma-ui .components-input-control__container{min-height:29px!important;border-radius:5px!important;font-size:11px!important;}
.editor-styles-wrapper .gpb-panel-editor-preview{outline:1px dashed rgba(17,24,39,.28);outline-offset:1px;border:0!important;}
.editor-styles-wrapper .gpb-panel-editor-preview:focus-within{outline:1.5px solid var(--color-accent,#0066cc);outline-offset:2px;}
.editor-styles-wrapper .gpb-panel-editor-label{background:#111827!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:3px 6px!important;font-size:9px!important;letter-spacing:.045em!important;}
@media(max-width:782px){.gamma-ui-sticky{top:0;}}

/* ========================================================================== 
   GAMMA PANEL 1.7.1 — Blindaje visual del Inspector Gutenberg
   Evita que esquemas oscuros/estilos del admin contaminen los PanelBody.
   ========================================================================== */
.gamma-ui-panel.components-panel__body,
.gamma-ui-panel.components-panel__body.is-opened {
    background: #ffffff !important;
    color: #1f2937 !important;
}
.gamma-ui-panel .components-panel__body-title,
.gamma-ui-panel .components-panel__body-title:hover,
.gamma-ui-panel .components-panel__body-title:focus-within {
    background: #ffffff !important;
    color: #1f2937 !important;
}
.gamma-ui-panel .components-panel__body-title .components-button,
.gamma-ui-panel .components-panel__body-title .components-button:hover,
.gamma-ui-panel .components-panel__body-title .components-button:focus,
.gamma-ui-panel .components-panel__body-title .components-button:active {
    background: #ffffff !important;
    color: #1f2937 !important;
}
.gamma-ui-panel .components-panel__body-title .components-button svg {
    fill: currentColor !important;
    color: #1f2937 !important;
}
.gamma-ui-panel .components-panel__body-content {
    background: #ffffff !important;
    color: #1f2937 !important;
}
.gamma-ui-panel .components-base-control,
.gamma-ui-panel .components-base-control__field,
.gamma-ui-panel .components-base-control__label,
.gamma-ui-panel .components-input-control__label,
.gamma-ui-panel .components-toggle-control__label,
.gamma-ui-panel .components-range-control__wrapper {
    color: #1f2937 !important;
}



/* ========================================================================== 
   GAMMA PANEL 1.9.1 — Espaciado visual tipo Figma / Page Builder
   ========================================================================== */
.gamma-ui-dimensions-box--spacing{padding:0!important;background:transparent!important;border:0!important;margin:8px 0 0!important;}
.gamma-ui-spacing-list{margin:0 0 16px!important;padding:10px!important;border:1px solid var(--gamma-ui-border)!important;border-radius:7px!important;background:#fff!important;}
.gamma-ui-spacing-list:last-child{margin-bottom:0!important;}
.gamma-ui-spacing-list__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.gamma-ui-spacing-list__title{margin:0!important;font-size:10px!important;font-weight:750!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#374151!important;}
.gamma-ui-spacing-reset{appearance:none;border:0;background:transparent;color:var(--gamma-ui-muted);font-size:9px;font-weight:650;padding:3px 5px;border-radius:4px;cursor:pointer;line-height:1.2;}
.gamma-ui-spacing-reset:hover,.gamma-ui-spacing-reset:focus-visible{color:var(--gamma-ui-accent);background:color-mix(in srgb,var(--gamma-ui-accent) 8%,#fff);outline:none;}
.gamma-ui-spacing-linkbar{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:8px;margin:0 0 8px;padding:6px 0 8px;border-bottom:1px solid #eef0f2;color:#5f6670;font-size:10px;}
.gamma-ui-spacing-link-toggle{appearance:none;width:92px;height:30px;border:1px solid var(--gamma-ui-border)!important;border-radius:5px!important;background:#f7f8f9!important;color:#8b929b!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;padding:0!important;box-shadow:none!important;transition:all .15s ease!important;}
.gamma-ui-spacing-link-toggle svg{width:16px;height:16px;}
.gamma-ui-spacing-link-toggle:hover{border-color:#cbd0d6!important;color:#4b5563!important;background:#fff!important;}
.gamma-ui-spacing-link-toggle.is-linked{color:var(--gamma-ui-accent)!important;border-color:color-mix(in srgb,var(--gamma-ui-accent) 42%,#fff)!important;background:color-mix(in srgb,var(--gamma-ui-accent) 8%,#fff)!important;}
.gamma-ui-spacing-row{display:grid;grid-template-columns:86px minmax(72px,1fr) 116px;gap:8px;align-items:center;min-height:40px;padding:3px 0;}
.gamma-ui-spacing-row__label{display:flex;align-items:center;gap:7px;min-width:0;color:#667085;font-size:10px;white-space:nowrap;}
.gamma-ui-spacing-side-icon{color:var(--gamma-ui-accent);flex:0 0 auto;}
.gamma-ui-spacing-row__range{display:flex;align-items:center;min-width:0;}
.gamma-ui-spacing-row__range input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0;padding:0;}
.gamma-ui-spacing-row__range input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#dfe3e8;}
.gamma-ui-spacing-row__range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid #c7ccd2;box-shadow:0 1px 2px rgba(0,0,0,.12);margin-top:-5.5px;}
.gamma-ui-spacing-row__range input[type=range]:focus-visible::-webkit-slider-thumb{border-color:var(--gamma-ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--gamma-ui-accent) 18%,transparent);}
.gamma-ui-spacing-row__range input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#dfe3e8;}
.gamma-ui-spacing-row__range input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid #c7ccd2;box-shadow:0 1px 2px rgba(0,0,0,.12);}
.gamma-ui-spacing-row__range input[type=range]:disabled{opacity:.38;cursor:not-allowed;}
.gamma-ui-spacing-row__value{display:grid;grid-template-columns:minmax(46px,1fr) 54px;height:32px;border:1px solid var(--gamma-ui-border);border-radius:5px;overflow:hidden;background:#fff;}
.gamma-ui-spacing-row__value:focus-within{border-color:var(--gamma-ui-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gamma-ui-accent) 24%,transparent);}
.gamma-ui-spacing-row__value input,.gamma-ui-spacing-row__value select{min-width:0!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;background:#fff!important;color:#374151!important;font-size:10px!important;line-height:30px!important;}
.gamma-ui-spacing-row__value input{padding:0 7px!important;text-align:center;}
.gamma-ui-spacing-row__value select{padding:0 3px!important;border-left:1px solid #eceef0!important;background:#f5f6f7!important;font-size:9px!important;font-weight:700!important;color:#727984!important;text-align:center;text-align-last:center;}
@media (max-width:380px){.gamma-ui-spacing-row{grid-template-columns:76px minmax(58px,1fr) 104px;gap:6px}.gamma-ui-spacing-row__value{grid-template-columns:minmax(42px,1fr) 50px}.gamma-ui-spacing-row__label{font-size:9px}}


/* GAMMA PANEL 1.9.1 — FONDO + SELECTOR RESPONSIVE */
.gamma-ui-device-switcher > .gamma-ui-segmented{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:4px!important;}
.gamma-ui-device-switcher .gamma-ui-segmented__button{width:100%!important;min-width:0!important;flex:1 1 0!important;justify-content:center!important;padding:7px 4px!important;}
.gamma-ui-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.gamma-ui-label-row .gamma-ui-label{margin:0!important;}
.gamma-ui-default-btn{appearance:none;border:1px solid var(--gamma-ui-border)!important;background:#fff!important;color:var(--gamma-ui-muted)!important;border-radius:5px!important;font-size:9px!important;font-weight:700!important;line-height:1!important;padding:5px 7px!important;cursor:pointer;}
.gamma-ui-default-btn:hover,.gamma-ui-default-btn.is-active{border-color:var(--gamma-ui-accent)!important;color:var(--gamma-ui-accent)!important;background:color-mix(in srgb,var(--gamma-ui-accent) 8%,#fff)!important;}
.gamma-ui-gradient-box{margin:10px 0 14px;padding:10px;background:#f8f9fa;border:1px solid var(--gamma-ui-border);border-radius:7px;}
.gamma-ui-gradient-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 10px;}
.gamma-ui-gradient-color>span{display:block;font-size:9px;font-weight:700;color:var(--gamma-ui-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;}
.gamma-ui-gradient-color .gamma-ui-swatches{max-height:58px;overflow:auto;padding:2px;}
.gamma-ui-gradient-track-wrap{position:relative;padding:8px 0 14px;}
.gamma-ui-gradient-preview{height:12px;border-radius:999px;border:1px solid rgba(0,0,0,.12);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);}
.gamma-ui-gradient-end{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);transform:translateY(-50%);}
.gamma-ui-gradient-end--left{left:-1px}.gamma-ui-gradient-end--right{right:-1px}
.gamma-ui-gradient-slider{position:absolute!important;left:0;right:0;bottom:0;width:100%!important;height:18px!important;margin:0!important;appearance:none;background:transparent!important;cursor:pointer;}
.gamma-ui-gradient-slider::-webkit-slider-runnable-track{height:2px;background:transparent;}
.gamma-ui-gradient-slider::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid var(--gamma-ui-accent);box-shadow:0 1px 3px rgba(0,0,0,.25);margin-top:-6px;}
.gamma-ui-gradient-slider::-moz-range-track{height:2px;background:transparent}.gamma-ui-gradient-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--gamma-ui-accent);box-shadow:0 1px 3px rgba(0,0,0,.25);}
.gamma-ui-gradient-angle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:8px;border-top:1px solid var(--gamma-ui-border);}
.gamma-ui-angle-input{display:flex;align-items:center;border:1px solid var(--gamma-ui-border);background:#fff;border-radius:5px;overflow:hidden;width:76px;height:30px;}
.gamma-ui-angle-input:focus-within{border-color:var(--gamma-ui-accent);box-shadow:0 0 0 1px var(--gamma-ui-accent);}
.gamma-ui-angle-input input{width:52px!important;min-width:0!important;height:28px!important;border:0!important;box-shadow:none!important;padding:3px 5px!important;text-align:right!important;font-size:11px!important;}
.gamma-ui-angle-input span{font-size:11px;color:var(--gamma-ui-muted);padding-right:7px;}


/* GAMMA PANEL 1.9.2 — SELECTOR RESPONSIVE INDEPENDIENTE */
.gamma-ui-device-switcher {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: 6px !important;
    padding: 6px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #eef0f3 !important;
    border: 0 !important;
    border-radius: 10px !important;
}
.gamma-ui-device-switcher > .gamma-ui-device-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    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;
    max-width: none !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 6px 4px !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--gamma-ui-muted, #6b7280) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font: inherit !important;
    line-height: 1 !important;
}
.gamma-ui-device-switcher > .gamma-ui-device-button:hover {
    background: rgba(255,255,255,.65) !important;
    color: var(--gamma-ui-text, #1f2937) !important;
}
.gamma-ui-device-switcher > .gamma-ui-device-button.is-active,
.gamma-ui-device-switcher > .gamma-ui-device-button[aria-pressed="true"] {
    background: #fff !important;
    color: var(--gamma-ui-accent, #0066cc) !important;
    border-color: color-mix(in srgb, var(--gamma-ui-accent, #0066cc) 20%, #dfe3e8) !important;
    box-shadow: 0 1px 3px rgba(17,24,39,.10) !important;
}
.gamma-ui-device-button__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 0 !important;
}
.gamma-ui-device-button__icon svg {
    width: 20px !important;
    height: 20px !important;
}
.gamma-ui-device-button__label {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 9px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
}
@media (max-width: 330px) {
    .gamma-ui-device-button__label { font-size: 8px !important; }
    .gamma-ui-device-switcher { gap: 4px !important; padding: 5px !important; }
}