{"id":76,"date":"2026-07-11T21:43:03","date_gmt":"2026-07-11T19:43:03","guid":{"rendered":"http:\/\/sea770c20-342c-44cb-a5d8-95fabd1d6482.mialojamiento.es\/?page_id=76"},"modified":"2026-07-11T21:43:03","modified_gmt":"2026-07-11T19:43:03","slug":"hazte-socio","status":"publish","type":"page","link":"https:\/\/belenistasdehoyo.es\/index.php\/hazte-socio\/","title":{"rendered":"Hazte socio"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><code>    <div class=\"bsm-public-form\">\n        <div class=\"bsm-public-form-header\">\n            <span class=\"bsm-public-form-kicker\">Asociaci\u00f3n de Belenistas de Hoyo de Manzanares<\/span>\n            <h2>Solicitud de alta de socio<\/h2>\n            <p>Completa los datos para solicitar el alta. La asociaci\u00f3n revisar\u00e1 la solicitud antes de activar tu ficha como socio.<\/p>\n        <\/div>\n\n        \n        <form method=\"post\" action=\"https:\/\/belenistasdehoyo.es\/wp-admin\/admin-post.php\" class=\"bsm-form bsm-public-socio-form\">\n            <input type=\"hidden\" name=\"action\" value=\"bsm_public_socio_submit\">\n            <input type=\"hidden\" id=\"bsm_public_socio_nonce\" name=\"bsm_public_socio_nonce\" value=\"e635b993b4\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/76\" \/>\n            <div class=\"bsm-honeypot\" aria-hidden=\"true\">\n                <label>Dejar vac\u00edo <input type=\"text\" name=\"bsm_web\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n            <\/div>\n\n            <fieldset>\n                <legend><span class=\"bsm-step\">1<\/span> Datos personales<\/legend>\n                <p class=\"bsm-section-help\">Los campos se\u00f1alados con un asterisco son obligatorios.<\/p>\n                <div class=\"bsm-grid\">\n                    <label><span>Nombre *<\/span><input type=\"text\" name=\"nombre\" autocomplete=\"given-name\" placeholder=\"\" required><\/label>                    <label><span>Apellidos *<\/span><input type=\"text\" name=\"apellidos\" autocomplete=\"family-name\" placeholder=\"\" required><\/label>                    <label><span>DNI \/ NIE *<\/span><input type=\"text\" name=\"dni\" autocomplete=\"off\" placeholder=\"\" required><\/label>                    <label><span>Correo electr\u00f3nico *<\/span><input type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"\" required><\/label>                    <label><span>Tel\u00e9fono fijo<\/span><input type=\"tel\" name=\"telefono_fijo\" autocomplete=\"tel\" placeholder=\"\" ><\/label>                    <label><span>Tel\u00e9fono m\u00f3vil *<\/span><input type=\"tel\" name=\"telefono_movil\" autocomplete=\"tel\" placeholder=\"\" required><\/label>                <\/div>\n                <label class=\"bsm-full\">\n                    <span>Domicilio<\/span>\n                    <textarea name=\"domicilio\" rows=\"3\" autocomplete=\"street-address\" placeholder=\"Calle, n\u00famero, piso, c\u00f3digo postal y localidad\"><\/textarea>\n                <\/label>\n            <\/fieldset>\n\n            <fieldset>\n                <legend><span class=\"bsm-step\">2<\/span> Cuota y forma de pago<\/legend>\n                <div class=\"bsm-grid\">\n                    <label>\n                        <span>Tipo de cuota *<\/span>\n                        <select name=\"tipo_cuota\" required>\n                            <option value=\"individual\">Cuota anual individual \u2014 50,00 \u20ac<\/option>\n                            <option value=\"familiar\">Cuota anual familiar \u2014 75,00 \u20ac<\/option>\n                        <\/select>\n                    <\/label>\n                    <label>\n                        <span>Forma de pago *<\/span>\n                        <select name=\"forma_pago\" class=\"bsm-payment\" required>\n                            <option value=\"transferencia\">Ingreso o transferencia bancaria<\/option>\n                            <option value=\"domiciliacion\">Domiciliaci\u00f3n bancaria<\/option>\n                        <\/select>\n                    <\/label>\n                <\/div>\n\n                <div class=\"bsm-bank-callout\">\n                    <span class=\"bsm-bank-icon\" aria-hidden=\"true\">\u20ac<\/span>\n                    <div>\n                        <strong>Pago mediante ingreso o transferencia<\/strong>\n                        <p>EUROCAJA RURAL \u00b7 IBAN <b>ES68 3081 0262 4234 5097 4823<\/b><\/p>\n                        <small>Indica en el concepto el nombre y apellidos del socio.<\/small>\n                    <\/div>\n                <\/div>\n            <\/fieldset>\n\n            <fieldset class=\"bsm-dd-fields bsm-hidden\">\n                <legend><span class=\"bsm-step\">3<\/span> Domiciliaci\u00f3n bancaria<\/legend>\n                <p class=\"bsm-section-help\">Estos datos solo son necesarios si eliges domiciliaci\u00f3n bancaria.<\/p>\n                <div class=\"bsm-grid\">\n                    <label><span>Entidad bancaria<\/span><input type=\"text\" name=\"banco_entidad\" autocomplete=\"off\" placeholder=\"\" ><\/label>                    <label><span>IBAN \/ n\u00famero de cuenta<\/span><input type=\"text\" name=\"iban\" autocomplete=\"off\" placeholder=\"ES00 0000 0000 0000 0000 0000\" ><\/label>                    <label><span>Titular de la cuenta<\/span><input type=\"text\" name=\"titular_cuenta\" autocomplete=\"name\" placeholder=\"\" ><\/label>                    <label><span>DNI \/ NIE del titular<\/span><input type=\"text\" name=\"dni_titular\" autocomplete=\"off\" placeholder=\"\" ><\/label>                <\/div>\n                <label class=\"bsm-check\">\n                    <input type=\"checkbox\" name=\"autoriza_domiciliacion\" value=\"1\">\n                    <span>Autorizo a la Asociaci\u00f3n de Belenistas de Hoyo de Manzanares a cargar la cuota anual y las posibles derramas en la cuenta indicada.<\/span>\n                <\/label>\n            <\/fieldset>\n\n            <fieldset>\n                <legend><span class=\"bsm-step\">4<\/span> Confirmaci\u00f3n<\/legend>\n                <label class=\"bsm-check\">\n                    <input type=\"checkbox\" name=\"rgpd\" value=\"1\" required>\n                    <span>Acepto que la asociaci\u00f3n trate estos datos para gestionar mi solicitud de alta y la relaci\u00f3n como socio. *<\/span>\n                <\/label>\n                <input type=\"hidden\" name=\"fecha_firma\" value=\"2026-08-04\">\n            <\/fieldset>\n\n            <div class=\"bsm-submit-row\">\n                <button type=\"submit\" class=\"bsm-submit\">Enviar solicitud de alta<\/button>\n                <p>La solicitud quedar\u00e1 pendiente de revisi\u00f3n por la secretar\u00eda de la asociaci\u00f3n.<\/p>\n            <\/div>\n        <\/form>\n    <\/div>\n        <style>\n        .bsm-public-form {\n            --bsm-primary: var(--az1, #1a3a5c);\n            --bsm-primary-2: var(--az2, #2a5080);\n            --bsm-accent: var(--oro, #c9a84c);\n            --bsm-accent-soft: var(--oro2, #e8c96a);\n            --bsm-border: var(--pas2, #c5daf0);\n            --bsm-surface: var(--pas3, #eef4fb);\n            --bsm-text: var(--tx, #1a2d42);\n            --bsm-muted: var(--gray, #5a7080);\n            --bsm-white: var(--w, #fff);\n            width: min(100%, 980px);\n            margin: 0 auto;\n            padding: clamp(22px, 4vw, 42px);\n            box-sizing: border-box;\n            background: rgba(255, 255, 255, .97);\n            border: 1px solid var(--bsm-border);\n            border-radius: 18px;\n            box-shadow: 0 22px 55px rgba(26, 58, 92, .12);\n            color: var(--bsm-text);\n        }\n        .bsm-public-form *, .bsm-public-form *::before, .bsm-public-form *::after { box-sizing: border-box; }\n        .bsm-public-form-header { margin-bottom: 26px; }\n        .bsm-public-form-kicker {\n            display: inline-block;\n            margin-bottom: 8px;\n            color: var(--bsm-primary-2);\n            font: 800 11px\/1.4 Arial, sans-serif;\n            letter-spacing: .08em;\n            text-transform: uppercase;\n        }\n        .bsm-public-form-header h2 {\n            margin: 0 0 8px;\n            color: var(--bsm-primary);\n            font-size: clamp(26px, 4vw, 38px);\n            line-height: 1.15;\n        }\n        .bsm-public-form-header p {\n            max-width: 760px;\n            margin: 0;\n            color: var(--bsm-muted);\n            font: 15px\/1.7 Arial, sans-serif;\n        }\n        .bsm-public-socio-form fieldset {\n            min-width: 0;\n            margin: 0 0 20px;\n            padding: 20px;\n            border: 1px solid var(--bsm-border);\n            border-radius: 14px;\n            background: linear-gradient(145deg, var(--bsm-surface), #fff);\n        }\n        .bsm-public-socio-form legend {\n            padding: 0 9px;\n            color: var(--bsm-primary);\n            font: 800 17px\/1.3 Arial, sans-serif;\n        }\n        .bsm-step {\n            display: inline-grid;\n            place-items: center;\n            width: 28px;\n            height: 28px;\n            margin-right: 7px;\n            border-radius: 50%;\n            background: var(--bsm-primary);\n            color: #fff;\n            font-size: 13px;\n            vertical-align: middle;\n        }\n        .bsm-section-help {\n            margin: 0 0 16px;\n            color: var(--bsm-muted);\n            font: 13px\/1.6 Arial, sans-serif;\n        }\n        .bsm-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n        }\n        .bsm-public-socio-form label {\n            display: block;\n            margin: 0;\n            color: var(--bsm-text);\n            font-family: Arial, sans-serif;\n        }\n        .bsm-public-socio-form label > span:not(.bsm-step) {\n            display: block;\n            margin-bottom: 7px;\n            color: var(--bsm-primary);\n            font-size: 12px;\n            font-weight: 800;\n        }\n        .bsm-public-socio-form input[type=\"text\"],\n        .bsm-public-socio-form input[type=\"email\"],\n        .bsm-public-socio-form input[type=\"tel\"],\n        .bsm-public-socio-form input[type=\"number\"],\n        .bsm-public-socio-form select,\n        .bsm-public-socio-form textarea {\n            width: 100%;\n            min-height: 46px;\n            padding: 11px 13px;\n            border: 1px solid #b8cce0;\n            border-radius: 9px;\n            outline: 0;\n            background: var(--bsm-white);\n            color: var(--bsm-text);\n            font: 14px\/1.4 Arial, sans-serif;\n            transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;\n        }\n        .bsm-public-socio-form textarea { min-height: 92px; resize: vertical; }\n        .bsm-public-socio-form input:focus,\n        .bsm-public-socio-form select:focus,\n        .bsm-public-socio-form textarea:focus {\n            border-color: var(--bsm-primary-2);\n            background: #fff;\n            box-shadow: 0 0 0 4px rgba(42, 80, 128, .12);\n        }\n        .bsm-public-socio-form input::placeholder,\n        .bsm-public-socio-form textarea::placeholder { color: #8193a3; }\n        .bsm-full { display: block; margin-top: 16px !important; }\n        .bsm-bank-callout {\n            display: flex;\n            gap: 14px;\n            align-items: flex-start;\n            margin-top: 18px;\n            padding: 15px 17px;\n            border-left: 4px solid var(--bsm-accent);\n            border-radius: 10px;\n            background: #fffaf0;\n            font-family: Arial, sans-serif;\n        }\n        .bsm-bank-icon {\n            display: grid;\n            flex: 0 0 34px;\n            place-items: center;\n            width: 34px;\n            height: 34px;\n            border-radius: 50%;\n            background: var(--bsm-accent);\n            color: var(--bsm-primary);\n            font-weight: 900;\n        }\n        .bsm-bank-callout strong { display: block; margin-bottom: 4px; color: var(--bsm-primary); }\n        .bsm-bank-callout p { margin: 0 0 3px; color: var(--bsm-text); font-size: 13px; }\n        .bsm-bank-callout small { color: var(--bsm-muted); font-size: 12px; }\n        .bsm-check {\n            display: grid !important;\n            grid-template-columns: 20px 1fr;\n            gap: 9px;\n            align-items: start;\n            color: var(--bsm-text) !important;\n            font: 13px\/1.6 Arial, sans-serif;\n        }\n        .bsm-check input[type=\"checkbox\"] { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--bsm-primary); }\n        .bsm-check > span { margin: 0 !important; color: var(--bsm-text) !important; font-size: 13px !important; font-weight: 400 !important; }\n        .bsm-submit-row {\n            display: flex;\n            gap: 18px;\n            align-items: center;\n            justify-content: space-between;\n            padding-top: 2px;\n        }\n        .bsm-submit {\n            min-height: 48px;\n            padding: 13px 24px;\n            border: 0;\n            border-radius: 9px;\n            background: var(--bsm-accent);\n            color: var(--bsm-primary);\n            font: 900 14px\/1 Arial, sans-serif;\n            cursor: pointer;\n            box-shadow: 0 8px 18px rgba(201, 168, 76, .24);\n            transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;\n        }\n        .bsm-submit:hover { transform: translateY(-1px); filter: brightness(.97); box-shadow: 0 11px 23px rgba(201, 168, 76, .3); }\n        .bsm-submit:focus-visible { outline: 3px solid rgba(42, 80, 128, .28); outline-offset: 3px; }\n        .bsm-submit-row p { margin: 0; color: var(--bsm-muted); font: 12px\/1.5 Arial, sans-serif; text-align: right; }\n        .bsm-public-notice {\n            margin: 0 0 20px;\n            padding: 14px 16px;\n            border-radius: 11px;\n            font: 14px\/1.5 Arial, sans-serif;\n        }\n        .bsm-public-notice strong, .bsm-public-notice > span { display: block; }\n        .bsm-public-ok { border: 1px solid #bce8ca; background: #e4f7eb; color: #115f2c; }\n        .bsm-public-error { border: 1px solid #f4c4c4; background: #fde8e8; color: #8a1c1c; }\n        .bsm-public-error ul { margin: 8px 0 0 18px; }\n        .bsm-honeypot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }\n        .bsm-hidden { display: none !important; }\n        @media (max-width: 720px) {\n            .bsm-public-form { padding: 20px 15px; border-radius: 14px; }\n            .bsm-public-socio-form fieldset { padding: 16px 13px; }\n            .bsm-grid { grid-template-columns: 1fr; gap: 13px; }\n            .bsm-submit-row { align-items: stretch; flex-direction: column; }\n            .bsm-submit { width: 100%; }\n            .bsm-submit-row p { text-align: left; }\n            .bsm-bank-callout { padding: 13px; }\n        }\n    <\/style>\n    <script>\n        (function () {\n            function updatePaymentFields(form) {\n                var select = form.querySelector('.bsm-payment');\n                if (!select) return;\n                var directDebit = select.value === 'domiciliacion';\n                form.querySelectorAll('.bsm-dd-fields').forEach(function (section) {\n                    section.classList.toggle('bsm-hidden', !directDebit);\n                });\n                ['banco_entidad', 'iban', 'titular_cuenta', 'dni_titular'].forEach(function (name) {\n                    var input = form.querySelector('[name=\"' + name + '\"]');\n                    if (input) input.required = directDebit;\n                });\n                var authorization = form.querySelector('[name=\"autoriza_domiciliacion\"]');\n                if (authorization) authorization.required = directDebit;\n            }\n            function initialize() {\n                document.querySelectorAll('.bsm-public-socio-form').forEach(updatePaymentFields);\n            }\n            document.addEventListener('change', function (event) {\n                if (event.target && event.target.classList.contains('bsm-payment')) {\n                    updatePaymentFields(event.target.closest('form'));\n                }\n            });\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initialize);\n            } else {\n                initialize();\n            }\n        }());\n    <\/script>\n    <\/code><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":1,"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/pages\/76\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/belenistasdehoyo.es\/index.php\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}