{"id":100,"date":"2026-04-21T19:53:42","date_gmt":"2026-04-21T19:53:42","guid":{"rendered":"https:\/\/angelalcala.com\/MediaEstudio\/?page_id=100"},"modified":"2026-04-23T15:15:38","modified_gmt":"2026-04-23T15:15:38","slug":"agendar-produccion-audiovisual-alcala-media-studio-%c2%b7-cdmx","status":"publish","type":"page","link":"https:\/\/angelalcala.com\/MediaEstudio\/agendar-produccion-audiovisual-alcala-media-studio-%c2%b7-cdmx\/","title":{"rendered":"Agendar Producci\u00f3n Audiovisual | Alcal\u00e1 Media Studio \u00b7 CDMX"},"content":{"rendered":"<div class=\"\" style=\"\" >\n    \n    <section class=\"u-clearfix u-section-2\" id=\"block-1\">\n      <div class=\"u-clearfix u-sheet u-sheet-1\">\n        <h1 class=\"u-text u-text-default u-text-1\">Agendar Producci\u00f3n: Hablemos Directo de tu Proyecto <\/h1>\n        <p class=\"u-text u-text-default u-text-2\">No hay bot\u00f3n de \"cont\u00e1ctanos\" que nadie revise. No hay chatbot que pregunte tu nombre tres veces. Si diriges marketing, producci\u00f3n o licitaciones en una marca automotriz, inmobiliaria, de espect\u00e1culos o retail, este formulario eval\u00faa si tu proyecto entra en la escala de producci\u00f3n de Alcal\u00e1 Media Studio. Si califica, la conversaci\u00f3n pasa directo a WhatsApp de negocio. Si no, no perdemos tu tiempo ni el nuestro.<\/p>\n        <p class=\"u-text u-text-default u-text-3\">Alcal\u00e1 Media Studio produce material visual de alto nivel: fotograf\u00eda de cat\u00e1logo automotriz, comerciales broadcast ready, cobertura arquitect\u00f3nica internacional y direcci\u00f3n integral de campa\u00f1as. Treinta a\u00f1os de ejecuci\u00f3n en treinta y un pa\u00edses. Foro propio en CDMX, log\u00edstica internacional sin intermediarios, postproducci\u00f3n interna. Si tu proyecto requiere eso, llena el brief. Si buscas community management, fotograf\u00eda de evento social o un video para TikTok, este no es el formulario. <\/p>\n        <p class=\"u-text u-text-default u-text-4\">La respuesta no es autom\u00e1tica. La revisa el equipo de producci\u00f3n. Si el brief tiene sentido, recibes mensaje directo para agendar llamada o producci\u00f3n. Sin burocracia, sin asistentes de cuenta filtrando informaci\u00f3n. <\/p>\n      <\/div>\n    <\/section>\n    <section class=\"u-clearfix u-section-3\" id=\"block-2\">\n      <div class=\"u-clearfix u-sheet u-sheet-1\">\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\"><!-- \n  INSTRUCCIONES PARA WORDPRESS:\n  1. Copia TODO este c\u00f3digo.\n  2. En tu p\u00e1gina de WordPress, a\u00f1ade un bloque de \"HTML Personalizado\" (Custom HTML).\n  3. Pega el c\u00f3digo dentro del bloque.\n  4. Publica y \u00a1listo!\n-->\n          <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n          <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n          <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@200;300;400;500;600&amp;display=swap\" rel=\"stylesheet\">\n          <div class=\"ams-wp-scope\">\n            <style> .ams-wp-scope {\n      --primary: #c9a961;\n      --primary-dark: #8b7355;\n      --bg-dark: #0a0a0b;\n      --card-bg: rgba(255, 255, 255, 0.03);\n      --border-color: rgba(255, 255, 255, 0.1);\n      --text-main: #ffffff;\n      --text-muted: #888888;\n      --accent-gradient: linear-gradient(135deg, #c9a961 0%, #8b7355 100%);\n      --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n      \n      background-color: var(--bg-dark);\n      background-image: \n        radial-gradient(circle at 10% 20%, rgba(201, 169, 97, 0.05) 0%, transparent 40%),\n        radial-gradient(circle at 90% 80%, rgba(139, 115, 85, 0.05) 0%, transparent 40%);\n      color: var(--text-main);\n      font-family: 'Outfit', sans-serif;\n      padding: 40px 20px;\n      line-height: 1.6;\n      border-radius: 12px;\n      margin: 20px 0;\n    }\n    .ams-wp-scope * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    .ams-wp-scope .ams-container {\n      width: 100%;\n      max-width: 800px;\n      background: var(--card-bg);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border: 1px solid var(--border-color);\n      border-radius: 24px;\n      padding: 60px 40px;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n      margin: 0 auto;\n    }\n    .ams-wp-scope .ams-container::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: var(--accent-gradient);\n    }\n    \/* Progress Bar *\/\n    .ams-wp-scope .ams-progress-wrapper {\n      margin-bottom: 50px;\n    }\n    .ams-wp-scope .ams-progress-bar {\n      height: 4px;\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 2px;\n      position: relative;\n    }\n    .ams-wp-scope .ams-progress-fill {\n      position: absolute;\n      left: 0;\n      top: 0;\n      height: 100%;\n      background: var(--accent-gradient);\n      width: 25%;\n      transition: width 0.6s cubic-bezier(0.65, 0, 0.35, 1);\n      box-shadow: 0 0 15px rgba(201, 169, 97, 0.4);\n    }\n    .ams-wp-scope .ams-steps-indicator {\n      display: flex;\n      justify-content: space-between;\n      margin-top: 15px;\n    }\n    .ams-wp-scope .ams-step-label {\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: var(--text-muted);\n      font-weight: 500;\n      transition: var(--transition);\n    }\n    .ams-wp-scope .ams-step-label.active {\n      color: var(--primary);\n    }\n    \/* Typography & Headers *\/\n    .ams-wp-scope .ams-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    .ams-wp-scope .ams-header h2 {\n      font-size: 36px;\n      font-weight: 300;\n      letter-spacing: -0.02em;\n      margin-bottom: 12px;\n      background: var(--accent-gradient);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      line-height: 1.2;\n    }\n    .ams-wp-scope .ams-header p {\n      font-size: 16px;\n      color: var(--text-muted);\n      font-weight: 300;\n    }\n    .ams-wp-scope .ams-question {\n      font-size: 22px;\n      font-weight: 400;\n      margin-bottom: 30px;\n      text-align: center;\n      color: #fff;\n    }\n    \/* Steps Logic *\/\n    .ams-wp-scope .ams-step {\n      display: none;\n      opacity: 0;\n      transform: translateY(20px);\n      transition: var(--transition);\n    }\n    .ams-wp-scope .ams-step.active {\n      display: block;\n      animation: amsStepIn 0.6s forwards;\n    }\n    @keyframes amsStepIn {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n    \/* Options & Buttons *\/\n    .ams-wp-scope .ams-options {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 16px;\n      max-width: 650px;\n      margin: 0 auto;\n    }\n    @media (min-width: 768px) {\n      .ams-wp-scope .ams-options {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .ams-wp-scope .ams-btn {\n      background: rgba(255, 255, 255, 0.02);\n      border: 1px solid var(--border-color);\n      color: #fff;\n      padding: 22px 28px;\n      font-size: 15px;\n      font-family: inherit;\n      cursor: pointer;\n      transition: var(--transition);\n      text-align: left;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      position: relative;\n      width: 100%;\n    }\n    .ams-wp-scope .ams-btn::after {\n      content: '\u2192';\n      opacity: 0;\n      transform: translateX(-10px);\n      transition: var(--transition);\n      color: var(--primary);\n    }\n    .ams-wp-scope .ams-btn:hover {\n      background: rgba(255, 255, 255, 0.05);\n      border-color: var(--primary);\n      transform: translateY(-2px);\n      box-shadow: 0 10px 20px -10px rgba(201, 169, 97, 0.2);\n    }\n    .ams-wp-scope .ams-btn:hover::after {\n      opacity: 1;\n      transform: translateX(0);\n    }\n    .ams-wp-scope .ams-btn.selected {\n      background: var(--accent-gradient);\n      border-color: transparent;\n      color: var(--bg-dark);\n      font-weight: 600;\n      box-shadow: 0 10px 25px -5px rgba(201, 169, 97, 0.4);\n    }\n    .ams-wp-scope .ams-btn.selected::after {\n      color: var(--bg-dark);\n      opacity: 1;\n      transform: translateX(0);\n    }\n    .ams-wp-scope .ams-btn-disqualifier {\n      opacity: 0.6;\n      font-size: 13px;\n      border-style: dashed;\n    }\n    .ams-wp-scope .ams-btn-disqualifier:hover {\n      border-color: #ff4d4d;\n      color: #ff4d4d !important;\n      opacity: 1;\n    }\n    \/* Form Fields *\/\n    .ams-wp-scope .ams-form {\n      max-width: 500px;\n      margin: 0 auto;\n    }\n    .ams-wp-scope .ams-field-group {\n      margin-bottom: 25px;\n      position: relative;\n    }\n    .ams-wp-scope .ams-field-group label {\n      display: block;\n      margin-bottom: 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n    }\n    .ams-wp-scope .ams-field-group input {\n      width: 100%;\n      padding: 18px 24px;\n      background: rgba(255, 255, 255, 0.03) !important;\n      border: 1px solid var(--border-color) !important;\n      color: #fff !important;\n      font-family: inherit;\n      font-size: 16px;\n      border-radius: 12px;\n      transition: var(--transition);\n      outline: none;\n    }\n    .ams-wp-scope .ams-field-group input:focus {\n      border-color: var(--primary) !important;\n      background: rgba(255, 255, 255, 0.05) !important;\n      box-shadow: 0 0 0 4px rgba(201, 169, 97, 0.1);\n    }\n    .ams-wp-scope .ams-field-group .ams-note {\n      font-size: 11px;\n      color: var(--text-muted);\n      margin-top: 8px;\n      font-style: italic;\n    }\n    \/* Navigation *\/\n    .ams-wp-scope .ams-nav {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-top: 40px;\n      gap: 20px;\n    }\n    .ams-wp-scope .ams-back {\n      background: transparent;\n      border: 1px solid var(--border-color);\n      color: var(--text-muted);\n      padding: 14px 28px;\n      font-size: 14px;\n      cursor: pointer;\n      border-radius: 12px;\n      transition: var(--transition);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      font-family: inherit;\n    }\n    .ams-wp-scope .ams-back:hover {\n      color: var(--text-main);\n      border-color: var(--text-main);\n      background: rgba(255, 255, 255, 0.05);\n    }\n    .ams-wp-scope .ams-whatsapp-btn {\n      flex-grow: 1;\n      background: var(--accent-gradient);\n      color: var(--bg-dark);\n      padding: 20px;\n      border-radius: 12px;\n      border: none;\n      font-size: 16px;\n      font-weight: 600;\n      font-family: inherit;\n      cursor: pointer;\n      transition: var(--transition);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      box-shadow: 0 10px 25px -5px rgba(201, 169, 97, 0.4);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n    }\n    .ams-wp-scope .ams-whatsapp-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 15px 30px -5px rgba(201, 169, 97, 0.5);\n    }\n    .ams-wp-scope .ams-whatsapp-btn:disabled {\n      background: #333;\n      color: #666;\n      cursor: not-allowed;\n      box-shadow: none;\n      transform: none;\n    }\n    \/* Screen: Disqualified *\/\n    .ams-wp-scope .ams-status-screen {\n      text-align: center;\n      padding: 40px 0;\n      display: none;\n    }\n    .ams-wp-scope .ams-status-screen h3 {\n      font-size: 28px;\n      margin-bottom: 20px;\n      color: var(--primary);\n    }\n    .ams-wp-scope .ams-status-screen p {\n      color: var(--text-muted);\n      margin-bottom: 40px;\n      max-width: 500px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .ams-wp-scope .ams-reset-btn {\n      background: transparent;\n      border: 1px solid var(--primary);\n      color: var(--primary);\n      padding: 16px 40px;\n      border-radius: 12px;\n      cursor: pointer;\n      font-family: inherit;\n      font-size: 14px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      transition: var(--transition);\n    }\n    .ams-wp-scope .ams-reset-btn:hover {\n      background: var(--primary);\n      color: var(--bg-dark);\n    }\n    .ams-wp-scope .ams-error-msg {\n      color: #ff4d4d;\n      font-size: 13px;\n      margin-top: 15px;\n      text-align: center;\n      display: none;\n      animation: amsShake 0.4s;\n    }\n    @keyframes amsShake {\n      0%, 100% { transform: translateX(0); }\n      25% { transform: translateX(-5px); }\n      75% { transform: translateX(5px); }\n    }\n    \/* Responsive adjustments *\/\n    @media (max-width: 600px) {\n      .ams-wp-scope .ams-container {\n        padding: 40px 20px;\n        border-radius: 16px;\n      }\n      .ams-wp-scope .ams-header h2 {\n        font-size: 28px;\n      }\n    } <\/style>\n            <div class=\"ams-container\" id=\"amsQualifierWP\"><!-- Progress -->\n              <div class=\"ams-progress-wrapper\" id=\"amsProgressContainerWP\">\n                <div class=\"ams-progress-bar\">\n                  <div class=\"ams-progress-fill\" id=\"amsProgressFillWP\"><\/div>\n                <\/div>\n                <div class=\"ams-steps-indicator\"><span class=\"active ams-step-label\">Proyecto<\/span><span class=\"ams-step-label\">Alcance<\/span><span class=\"ams-step-label\">Timeline<\/span><span class=\"ams-step-label\">Contacto<\/span>\n                <\/div>\n              <\/div><!-- Steps content remains same but scoped -->\n              <div class=\"active ams-step\" data-step=\"1\">\n                <div class=\"ams-header\">\n                  <h2>Agendar Producci\u00f3n<\/h2>\n                  <p>Cu\u00e9ntanos sobre tu visi\u00f3n comercial<\/p>\n                <\/div>\n                <div class=\"ams-question\">\u00bfQu\u00e9 tipo de producci\u00f3n necesitas?<\/div>\n                <div class=\"ams-options\">\n                  <button class=\"ams-btn\" data-field=\"tipo\" data-value=\"automotriz\" data-label=\"Fotograf\u00eda Automotriz\">Fotograf\u00eda Automotriz<\/button>\n                  <button class=\"ams-btn\" data-field=\"tipo\" data-value=\"arquitectura\" data-label=\"Arquitectura &amp; Real Estate\">Arquitectura &amp; Real Estate<\/button>\n                  <button class=\"ams-btn\" data-field=\"tipo\" data-value=\"moda\" data-label=\"Moda &amp; Editorial\">Moda &amp; Editorial<\/button>\n                  <button class=\"ams-btn\" data-field=\"tipo\" data-value=\"audiovisual\" data-label=\"Audiovisual TV\/Cine\">Producci\u00f3n Audiovisual TV\/Cine<\/button>\n                  <button class=\"ams-btn\" data-field=\"tipo\" data-value=\"evento\" data-label=\"Evento Internacional\">Evento \/ Espect\u00e1culo Internacional<\/button>\n                  <button class=\"ams-btn\" data-field=\"tipo\" data-value=\"comercial\" data-label=\"Campa\u00f1a Comercial\">Campa\u00f1a Comercial Integral<\/button>\n                  <button class=\"ams-btn ams-btn-disqualifier\" data-disqualify=\"social\">\u21b3 Fotograf\u00eda social (bodas, XV a\u00f1os)<\/button>\n                  <button class=\"ams-btn ams-btn-disqualifier\" data-disqualify=\"personal\">\u21b3 Contenido personal para redes<\/button>\n                <\/div>\n              <\/div><!-- Step 2 -->\n              <div class=\"ams-step\" data-step=\"2\">\n                <div class=\"ams-header\">\n                  <h2>Alcance Geogr\u00e1fico<\/h2>\n                  <p>\u00bfD\u00f3nde se llevar\u00e1 a cabo la acci\u00f3n?<\/p>\n                <\/div>\n                <div class=\"ams-options\">\n                  <button class=\"ams-btn\" data-field=\"alcance\" data-value=\"cdmx\" data-label=\"CDMX (Foro propio)\">Ciudad de M\u00e9xico (Foro propio)<\/button>\n                  <button class=\"ams-btn\" data-field=\"alcance\" data-value=\"nacional\" data-label=\"Nacional (M\u00e9xico)\">Nacional (Otras ciudades de M\u00e9xico)<\/button>\n                  <button class=\"ams-btn\" data-field=\"alcance\" data-value=\"internacional\" data-label=\"Internacional\">Internacional (Global scope)<\/button>\n                <\/div>\n                <div class=\"ams-nav\">\n                  <button class=\"ams-back\" data-target=\"1\">Regresar<\/button>\n                <\/div>\n              <\/div><!-- Step 3 -->\n              <div class=\"ams-step\" data-step=\"3\">\n                <div class=\"ams-header\">\n                  <h2>Timeline<\/h2>\n                  <p>\u00bfCu\u00e1l es tu ventana de producci\u00f3n?<\/p>\n                <\/div>\n                <div class=\"ams-options\">\n                  <button class=\"ams-btn\" data-field=\"tiempo\" data-value=\"urgente\" data-label=\"Urgente (&lt; 3 semanas)\">Urgente (menos de 3 semanas)<\/button>\n                  <button class=\"ams-btn\" data-field=\"tiempo\" data-value=\"proximo\" data-label=\"Pr\u00f3ximo mes (4-8 semanas)\">Pr\u00f3ximo mes (4-8 semanas)<\/button>\n                  <button class=\"ams-btn\" data-field=\"tiempo\" data-value=\"planificando\" data-label=\"Planificando (2+ meses)\">Estoy planificando (2+ meses)<\/button>\n                  <button class=\"ams-btn ams-btn-disqualifier\" data-disqualify=\"cotizando\">\u21b3 Solo cotizando sin proyecto definido<\/button>\n                <\/div>\n                <div class=\"ams-nav\">\n                  <button class=\"ams-back\" data-target=\"2\">Regresar<\/button>\n                <\/div>\n              <\/div><!-- Step 4 -->\n              <div class=\"ams-step\" data-step=\"4\">\n                <div class=\"ams-header\">\n                  <h2>Finalizar Agendamiento<\/h2>\n                  <p>Un \u00faltimo paso para conectar<\/p>\n                <\/div>\n                <div class=\"ams-form\">\n                  <div class=\"ams-field-group\">\n                    <label>Nombre Completo<\/label>\n                    <input type=\"text\" id=\"amsNombreWP\" placeholder=\"Tu nombre y apellido\">\n                  <\/div>\n                  <div class=\"ams-field-group\">\n                    <label>Empresa \/ Marca<\/label>\n                    <input type=\"text\" id=\"amsEmpresaWP\" placeholder=\"Nombre de la marca o empresa\">\n                  <\/div>\n                  <div class=\"ams-field-group\">\n                    <label>Cargo \/ Rol<\/label>\n                    <input type=\"text\" id=\"amsCargoWP\" placeholder=\"Ej. Marketing Director\">\n                  <\/div>\n                  <div class=\"ams-error-msg\" id=\"amsErrorWP\">Por favor completa todos los campos requeridos.<\/div>\n                  <div class=\"ams-nav\">\n                    <button class=\"ams-back\" data-target=\"3\">Regresar<\/button>\n                    <button class=\"ams-whatsapp-btn\" id=\"amsSubmitWP\"> Agendar v\u00eda WhatsApp <\/button>\n                  <\/div>\n                <\/div>\n              <\/div><!-- Screens -->\n              <div class=\"ams-status-screen\" id=\"amsDisqualifiedWP\">\n                <h3>Gracias por tu inter\u00e9s<\/h3>\n                <p id=\"amsDisqualifiedTextWP\"><\/p>\n                <button class=\"ams-reset-btn\">\u21ba Volver a empezar<\/button>\n              <\/div>\n              <div class=\"ams-status-screen\" id=\"amsSuccessWP\">\n                <h3>\u00a1Solicitud Enviada!<\/h3>\n                <p>Estamos redirigi\u00e9ndote a WhatsApp para confirmar tu sesi\u00f3n.<\/p>\n                <button class=\"ams-reset-btn\">\u21ba Nueva solicitud<\/button>\n              <\/div>\n            <\/div>\n            <script> (function() {\n      const WHATSAPP_NUMBER = '525555062453';\n      const state = { currentStep: 1, data: {} };\n      \n      const container = document.getElementById('amsQualifierWP');\n      const fill = document.getElementById('amsProgressFillWP');\n      const labels = container.querySelectorAll('.ams-step-label');\n      const error = document.getElementById('amsErrorWP');\n      function update() {\n        container.querySelectorAll('.ams-step').forEach(s => s.classList.remove('active'));\n        document.getElementById('amsDisqualifiedWP').style.display = 'none';\n        document.getElementById('amsSuccessWP').style.display = 'none';\n        document.getElementById('amsProgressContainerWP').style.display = 'block';\n        const active = container.querySelector(`.ams-step[data-step=\"${state.currentStep}\"]`);\n        if (active) active.classList.add('active');\n        fill.style.width = `${(state.currentStep \/ 4) * 100}%`;\n        labels.forEach((l, i) => i < state.currentStep ? l.classList.add('active') : l.classList.remove('active'));\n      }\n      container.addEventListener('click', (e) => {\n        const btn = e.target.closest('button');\n        if (!btn) return;\n        if (btn.classList.contains('ams-btn') && !btn.classList.contains('ams-btn-disqualifier')) {\n          state.data[btn.dataset.field] = btn.dataset.value;\n          state.data[btn.dataset.field + 'Label'] = btn.dataset.label;\n          btn.closest('.ams-step').querySelectorAll('.ams-btn').forEach(b => b.classList.remove('selected'));\n          btn.classList.add('selected');\n          setTimeout(() => { if (state.currentStep < 4) { state.currentStep++; update(); } }, 400);\n        } else if (btn.classList.contains('ams-btn-disqualifier')) {\n          const reason = btn.dataset.disqualify;\n          let txt = \"Nuestra infraestructura est\u00e1 optimizada para producci\u00f3n comercial.\";\n          if (reason === 'cotizando') txt = \"Operamos sobre proyectos con fechas definidas.\";\n          document.getElementById('amsDisqualifiedTextWP').textContent = txt;\n          container.querySelectorAll('.ams-step').forEach(s => s.classList.remove('active'));\n          document.getElementById('amsProgressContainerWP').style.display = 'none';\n          document.getElementById('amsDisqualifiedWP').style.display = 'block';\n        } else if (btn.classList.contains('ams-back')) {\n          state.currentStep = parseInt(btn.dataset.target);\n          update();\n        } else if (btn.id === 'amsSubmitWP') {\n          const n = document.getElementById('amsNombreWP').value.trim();\n          const e = document.getElementById('amsEmpresaWP').value.trim();\n          if (!n || !e) { error.style.display = 'block'; return; }\n          error.style.display = 'none';\n          const msg = `*ALCAL\u00c1 MEDIA STUDIO - WEB*\\n- Nombre: ${n}\\n- Empresa: ${e}\\n- Tipo: ${state.data.tipoLabel}\\n- Alcance: ${state.data.alcanceLabel}\\n- Timeline: ${state.data.tiempoLabel}`;\n          window.open(`https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodeURIComponent(msg)}`, '_blank');\n          container.querySelectorAll('.ams-step').forEach(s => s.classList.remove('active'));\n          document.getElementById('amsProgressContainerWP').style.display = 'none';\n          document.getElementById('amsSuccessWP').style.display = 'block';\n        } else if (btn.classList.contains('ams-reset-btn')) {\n          state.currentStep = 1; state.data = {};\n          container.querySelectorAll('.ams-btn').forEach(b => b.classList.remove('selected'));\n          container.querySelectorAll('input').forEach(i => i.value = '');\n          update();\n        }\n      });\n      update();\n    })(); <\/script>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"u-clearfix u-section-4\" id=\"block-3\">\n      <div class=\"u-clearfix u-sheet u-sheet-1\">\n        <p class=\"u-align-center u-text u-text-default u-text-1\">No es un formulario de contacto. Es un filtro de producci\u00f3n. Si tu proyecto califica, hablamos hoy.<\/p>\n      <\/div>\n    <\/section>\n    \n    \n    \n    \n  \n<\/div>","protected":false},"excerpt":{"rendered":"<p>Agendar Producci\u00f3n: Hablemos Directo de tu Proyecto No hay bot\u00f3n de \u00abcont\u00e1ctanos\u00bb que nadie revise. No hay chatbot que pregunte tu nombre tres veces. Si diriges marketing, producci\u00f3n o licitaciones en una marca automotriz, inmobiliaria, de espect\u00e1culos o retail, este formulario eval\u00faa si tu proyecto entra en la escala de producci\u00f3n de Alcal\u00e1 Media Studio. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":9,"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/pages\/100\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/angelalcala.com\/MediaEstudio\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}