/* 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: controles de espaciado responsive en el inspector. */
.gge-group-spacing-panel .gge-spacing-help{font-size:12px;color:#646970;line-height:1.5}
.gge-group-spacing-panel .gge-spacing-section{margin-top:14px}
.gge-group-spacing-panel .gge-spacing-section>strong{display:block;margin-bottom:10px}
.gge-group-spacing-panel .gge-spacing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.gge-group-spacing-panel .gge-spacing-grid .components-base-control{min-width:0;margin-bottom:5px}
.gge-group-spacing-panel .gge-spacing-grid input{width:100%;min-width:0}

/* UI de incrementos y vinculación — solo editor. */
.gge-group-spacing-panel .gge-spacing-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.gge-group-spacing-panel .gge-spacing-section-header>strong{font-size:13px}
.gge-group-spacing-panel .gge-spacing-section-header .gge-spacing-link{font-size:11px;white-space:nowrap}
.gge-group-spacing-panel .gge-spacing-field{min-width:0}
.gge-group-spacing-panel .gge-spacing-field .components-base-control{margin-bottom:3px}
.gge-group-spacing-panel .gge-spacing-steppers{display:flex;gap:4px;margin-bottom:9px}
.gge-group-spacing-panel .gge-spacing-steppers .components-button{flex:1;justify-content:center;min-height:30px;font-size:17px;font-weight:600}

/* 1.1.2 — Campo numérico y selector de unidades por lado. */
.gge-group-spacing-panel .gge-spacing-label{display:block;font-size:11px;font-weight:600;margin-bottom:5px}
.gge-group-spacing-panel .gge-spacing-input-row{display:flex;min-width:0;width:100%;border:1px solid #8c8f94;border-radius:4px;overflow:hidden;background:#fff}
.gge-group-spacing-panel .gge-spacing-input-row:focus-within{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}
.gge-group-spacing-panel .gge-spacing-number{width:100%;flex:1 1 0;min-width:0;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:12px;padding:3px 5px;min-height:32px;appearance:textfield;-moz-appearance:textfield}
.gge-group-spacing-panel .gge-spacing-number::-webkit-inner-spin-button,.gge-group-spacing-panel .gge-spacing-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gge-group-spacing-panel .gge-spacing-unit{width:53px;flex:0 0 53px;min-width:0;border:0!important;border-left:1px solid #ddd!important;border-radius:0!important;background:#f6f7f7!important;box-shadow:none!important;font-size:11px;padding:0 3px;min-height:32px}
.gge-group-spacing-panel .gge-spacing-steppers{margin-top:4px}


/* 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}