feat: initial ACRIB WordPress deployment

- WordPress 6.9.4 (es_ES) with Kadence theme
- Homepage: Hero, La Asociación, Pilares, Beneficios, Eventos, Miembros, Hazte Miembro, Contacto
- Brand identity: #13294b navy, #a12932 burgundy, #c69c48 gold
- Fonts: Raleway (headings) + Source Sans 3 (body) + Lato (UI)
- Plugins: Kadence Blocks, Polylang, Contact Form 7
- Custom CSS with full brand styling and responsive layout
- HTTPS enforced via wp-config.php proxy detection

wp-content/themes/kadence/inc/customizer/react/src/focus-button/control.js

@@ -0,0 +1,11 @@
+import { createRoot } from '@wordpress/element';
+import FocusButtonComponent from './focus-button-component';
+
+export const FocusButtonControl = wp.customize.KadenceControl.extend( {
+	renderContent: function renderContent() {
+		let control = this;
+		let root = createRoot( control.container[0] );
+		root.render( <FocusButtonComponent control={ control } customizer={ wp.customize } /> );
+		// ReactDOM.render( <FocusButtonComponent control={ control } customizer={ wp.customize } />, control.container[0] );
+	}
+} );

wp-content/themes/kadence/inc/customizer/react/src/focus-button/focus-button-component.js

@@ -0,0 +1,54 @@
+/* jshint esversion: 6 */
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import ResponsiveControl from '../common/responsive.js';
+import Icons from '../common/icons.js';
+import { ReactSortable } from "react-sortablejs";
+import { __ } from '@wordpress/i18n';
+
+const { ButtonGroup, Dashicon, Tooltip, Button } = wp.components;
+
+const { Component, Fragment } = wp.element;
+class FocusButtonComponent extends Component {
+	constructor() {
+		super( ...arguments );
+		this.focusPanel = this.focusPanel.bind( this );
+		let defaultParams = {
+			'section': '',
+
+		};
+		this.controlParams = this.props.control.params.input_attrs ? {
+			...defaultParams,
+			...this.props.control.params.input_attrs,
+		} : defaultParams;
+	}
+	focusPanel( section ) {
+		if ( undefined !== this.props.customizer.section( section ) ) {
+			this.props.customizer.section( section ).focus();
+		}
+	}
+	render() {
+		return (
+			<div className="kadence-control-field kadence-available-items">
+				<div className={ 'kadence-builder-item-start' }>
+					<Button className="kadence-builder-item" onClick={ () => this.focusPanel( this.controlParams.section ) } data-section={ this.controlParams.section }>
+						{ ( this.props.control.params.label ? this.props.control.params.label : '' ) }
+						<span
+							className="kadence-builder-item-icon"
+						>
+							<Dashicon icon="arrow-right-alt2"/>
+						</span>
+					</Button>
+				</div>
+				{ this.props.control.renderNotice() }
+			</div>
+		);
+	}
+}
+
+FocusButtonComponent.propTypes = {
+	control: PropTypes.object.isRequired,
+	customizer: PropTypes.object.isRequired
+};
+
+export default FocusButtonComponent;