/* Gamma Gutenberg Extensiones v1.0.2 — Acordeón nativo. */
.wp-block-accordion-heading.gge-align-left .wp-block-accordion-heading__toggle-title,
.gge-align-left .wp-block-accordion-heading__toggle-title { text-align:left; }
.wp-block-accordion-heading.gge-align-center .wp-block-accordion-heading__toggle-title,
.gge-align-center .wp-block-accordion-heading__toggle-title { text-align:center; }
.wp-block-accordion-heading.gge-align-right .wp-block-accordion-heading__toggle-title,
.gge-align-right .wp-block-accordion-heading__toggle-title { text-align:right; }
.wp-block-accordion-heading.gge-align-justify .wp-block-accordion-heading__toggle-title,
.gge-align-justify .wp-block-accordion-heading__toggle-title { text-align:justify; }
/* Keep the native toggle button and interactions; replace just the decorative icon. */
.wp-block-accordion-heading.gge-custom-icon .wp-block-accordion-heading__toggle-icon svg {
    width: 1em; height: 1em; display: block; fill: currentColor;
}
.wp-block-accordion-heading.gge-custom-icon .wp-block-accordion-heading__toggle-icon .gge-accordion-icon-image {
    display:block; width:1.2em; height:1.2em; object-fit:contain;
}
/* BlockListBlock is a wrapper in the editor, so the icon preview uses a pseudo-element. */
.block-editor-block-list__block.gge-custom-icon .wp-block-accordion-heading__toggle-icon {
    font-size:0; position:relative;
}
.block-editor-block-list__block.gge-custom-icon .wp-block-accordion-heading__toggle-icon::after {
    content:''; display:inline-block; width:20px; height:20px;
    background-color:currentColor;
    -webkit-mask:var(--gge-icon-url) center / contain no-repeat;
    mask:var(--gge-icon-url) center / contain no-repeat;
}

.block-editor-block-list__block.gge-custom-image .wp-block-accordion-heading__toggle-icon::after {
    background: transparent var(--gge-icon-url) center / contain no-repeat;
    -webkit-mask:none; mask:none;
}


/* Gamma Grupo · panel responsive v1.6.0 — compacto, monocromático. */
.gge-group-spacing-panel .components-panel__body-toggle{font-weight:600}
.gge-group-spacing-panel .gge-space-device-note{font-size:12px;line-height:1.5;color:#646970;margin:2px 0 12px}
.gge-group-spacing-panel .gge-space-device-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f3f4f5;padding:4px;border-radius:8px}
.gge-group-spacing-panel .gge-space-device.components-button{height:39px;min-width:0;justify-content:center;gap:7px;color:#30343b;border:1px solid transparent;border-radius:6px;box-shadow:none;font-size:12px;font-weight:500}
.gge-group-spacing-panel .gge-space-device.is-active{background:#fff;border-color:#c3c4c7;color:#1e1e1e;box-shadow:0 1px 3px #00000012;font-weight:650}
.gge-group-spacing-panel svg{flex-shrink:0}
.gge-group-spacing-panel .gge-space-note{font-size:11px;line-height:1.5;color:#757575;margin:12px 0 4px}
.gge-group-spacing-panel .gge-space-section{margin-top:16px;padding-top:14px;border-top:1px solid #e3e3e3}
.gge-group-spacing-panel .gge-space-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.gge-group-spacing-panel .gge-space-section-title{display:flex;align-items:center;gap:8px;font-size:13px;color:#1e1e1e}
.gge-group-spacing-panel .gge-space-section-actions{display:flex;gap:3px;align-items:center}
.gge-group-spacing-panel .gge-space-icon-button.components-button{width:30px;min-width:30px;height:30px;padding:5px;color:#3c434a;border:1px solid transparent;border-radius:5px;justify-content:center}
.gge-group-spacing-panel .gge-space-icon-button:hover{background:#f0f0f0;border-color:#dcdcde}
.gge-group-spacing-panel .gge-space-icon-button.is-active{background:#f0f0f0;border-color:#949494;color:#111}
.gge-group-spacing-panel .gge-space-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.gge-group-spacing-panel .gge-space-control{min-width:0}
.gge-group-spacing-panel .gge-space-control-title{display:flex;align-items:center;gap:6px;color:#50575e;font-size:12px;font-weight:550;margin-bottom:5px}
.gge-group-spacing-panel .gge-space-mixed{font-size:10px;color:#777;font-weight:400}
.gge-group-spacing-panel .gge-space-control-row{height:36px;display:flex;width:100%;min-width:0;border:1px solid #c3c4c7;border-radius:6px;overflow:hidden;background:#fff;align-items:stretch}
.gge-group-spacing-panel .gge-space-control-row:focus-within{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}
.gge-group-spacing-panel .gge-space-step.components-button{height:34px;min-width:32px;width:32px;flex:0 0 32px;padding:0;display:flex;justify-content:center;align-items:center;font-size:17px;font-weight:400;color:#31363c;border:0;border-radius:0;box-shadow:none}
.gge-group-spacing-panel .gge-space-step:hover:not(:disabled){background:#f1f1f1}
.gge-group-spacing-panel .gge-space-number{flex:1 1 auto;min-width:0;width:100%;height:34px;line-height:34px;margin:0!important;padding:0 5px!important;background:transparent;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:12px;text-align:center;-moz-appearance:textfield;appearance:textfield}
.gge-group-spacing-panel .gge-space-number::-webkit-inner-spin-button,.gge-group-spacing-panel .gge-space-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gge-group-spacing-panel .gge-space-number::placeholder{font-size:11px;color:#878787}
.gge-group-spacing-panel .gge-space-unit{height:34px;min-width:58px;max-width:58px;flex:0 0 58px;margin:0!important;padding:0 4px!important;font-size:11px;border:0!important;border-left:1px solid #e0e0e0!important;border-radius:0!important;background:#f8f8f8!important;box-shadow:none!important;color:#393939}
.gge-group-spacing-panel .gge-space-inline-hint{font-size:10px;line-height:1.4;color:#757575;margin:5px 0 0}
.gge-group-spacing-panel .gge-space-section-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:6px;font-size:10px;color:#757575}
.gge-group-spacing-panel .gge-space-reset.components-button{font-size:11px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;min-height:26px;color:#51565c;white-space:nowrap}
.gge-group-spacing-panel .gge-space-reset:hover{color:#111}

/* Gamma Imagen SVG: el filtro de color se aplica al IMG directamente.
   No ocultar la imagen original: el filtro conserva su canal alfa. */

/* Gamma Encabezado: editor responsive, entrada numérica + unidades + incrementos. */
.gge-heading-type-panel .gge-heading-size-field{margin:16px 0}
.gge-heading-type-panel .gge-heading-size-label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.gge-heading-type-panel .gge-heading-size-input-row{display:flex;width:100%;min-width:0;border:1px solid #8c8f94;border-radius:4px;overflow:hidden;background:#fff}
.gge-heading-type-panel .gge-heading-size-input-row:focus-within{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}
.gge-heading-type-panel .gge-heading-size-number{flex:1 1 0;min-width:0;width:100%;height:36px;border:0!important;box-shadow:none!important;border-radius:0!important;padding:4px 9px;font-size:13px;appearance:textfield;-moz-appearance:textfield}
.gge-heading-type-panel .gge-heading-size-number::-webkit-inner-spin-button,.gge-heading-type-panel .gge-heading-size-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gge-heading-type-panel .gge-heading-size-unit{flex:0 0 66px;min-width:0;width:66px;height:36px;border:0!important;border-left:1px solid #ddd!important;box-shadow:none!important;border-radius:0!important;background:#f6f7f7!important;padding:0 5px;font-size:12px}
.gge-heading-type-panel .gge-heading-size-steppers{display:flex;gap:6px;margin-top:5px}
.gge-heading-type-panel .gge-heading-size-steppers .components-button{flex:1;min-height:30px;justify-content:center;font-size:17px;font-weight:600}
