{"id":569,"date":"2025-09-26T03:59:15","date_gmt":"2025-09-26T03:59:15","guid":{"rendered":"https:\/\/abogadaimmigration.com\/?page_id=569"},"modified":"2025-09-26T03:59:15","modified_gmt":"2025-09-26T03:59:15","slug":"book-agenda","status":"publish","type":"page","link":"https:\/\/abogadaimmigration.com\/en\/book-agenda\/","title":{"rendered":"Book\/Agenda"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Book Your Virtual Consultation \/ Reserve Su Consulta Virtual<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n  \n  <link href=\"https:\/\/calendar.google.com\/calendar\/scheduling-button-script.css\" rel=\"stylesheet\">\n  <script src=\"https:\/\/calendar.google.com\/calendar\/scheduling-button-script.js\" async><\/script>\n  \n  <style>\n    \/* Color Palette:\n       Primary: #336699 (Deep Blue)\n       Accent: #c2b697 (Muted Gold\/Taupe)\n       Text\/Background: #000000 (Black), #ffffff (White)\n    *\/\n    :root {\n      --color-primary: #336699;\n      --color-accent: #c2b697;\n      --color-dark: #000000;\n      --color-light: #ffffff;\n      --color-secondary-bg: #f7f7f7;\n      --font-family: 'Montserrat', sans-serif;\n    }\n\n    body {\n      font-family: var(--font-family);\n      margin: 0;\n      padding: 0;\n      line-height: 1.6;\n      background: var(--color-light);\n      color: #333;\n    }\n\n    header {\n      background: var(--color-primary);\n      color: var(--color-light);\n      padding: 1.5rem 2rem;\n      \/* CHANGE: Use flexbox to manage H1 and toggle side-by-side *\/\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    header h1 {\n      margin: 0;\n      font-size: 1.8rem;\n      font-weight: 700;\n      \/* CHANGE: Restrict the H1 width to ensure space for the toggle *\/\n      max-width: calc(100% - 150px); \n      text-align: left;\n    }\n\n    \/* Language Toggle *\/\n    .lang-toggle {\n      \/* CHANGE: Removed absolute positioning, letting flexbox handle layout *\/\n      display: flex;\n      gap: .5rem;\n      flex-shrink: 0; \/* Prevents the toggle from shrinking *\/\n    }\n    \n    .lang-toggle button {\n      background: transparent;\n      border: 1px solid var(--color-light);\n      color: var(--color-light);\n      padding: .25rem .6rem;\n      border-radius: 4px;\n      cursor: pointer;\n      font-family: var(--font-family);\n      transition: all 0.3s;\n    }\n    \n    .lang-toggle button.active {\n      background: var(--color-light);\n      color: var(--color-primary);\n      border-color: var(--color-light);\n    }\n    \n    \/* Language Content Hiding *\/\n    .i18n.es { display: none; }\n    .i18n.en { display: block; }\n    body[data-lang=\"es\"] .i18n.es { display: block; }\n    body[data-lang=\"es\"] .i18n.en { display: none; }\n    \n    .booking-container {\n      max-width: 1000px;\n      margin: 3rem auto;\n      padding: 0 2rem;\n      display: flex;\n      gap: 3rem;\n      align-items: flex-start;\n    }\n\n    \/* Left Sidebar: Key Info *\/\n    .info-sidebar {\n      flex: 0 0 300px;\n      background: var(--color-secondary-bg);\n      padding: 2rem;\n      border-radius: 12px;\n      position: sticky;\n      top: 20px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    .info-sidebar h2 {\n      color: var(--color-primary);\n      font-size: 1.5rem;\n      margin-top: 0;\n      margin-bottom: 1.5rem;\n      font-weight: 700;\n    }\n\n    .key-points {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n\n    .key-points li {\n      margin-bottom: 1rem;\n      font-size: 1rem;\n      display: flex;\n      align-items: flex-start;\n      color: var(--color-dark);\n    }\n\n    .key-points li strong {\n        color: var(--color-primary);\n        font-weight: 700;\n        display: block;\n    }\n\n    .icon-check {\n      color: var(--color-accent);\n      margin-right: 0.75rem;\n      font-size: 1.2rem;\n      line-height: 1.6;\n    }\n\n    \/* Right Main Content: CTA and Instructions *\/\n    .booking-area {\n      flex-grow: 1;\n      text-align: center;\n      padding: 2rem;\n      border: 1px solid #ddd;\n      border-radius: 12px;\n    }\n\n    .booking-area h2 {\n        color: var(--color-dark);\n        font-size: 2rem;\n        font-weight: 800;\n        margin-top: 0;\n        margin-bottom: 1rem;\n    }\n    \n    .booking-area p {\n        font-size: 1.1rem;\n        color: #555;\n        margin-bottom: 2rem;\n    }\n\n    \/* Styling for the Google Calendar Button *\/\n    .scheduling-button {\n      background-color: var(--color-primary) !important;\n      border-radius: 50px !important;\n      font-family: var(--font-family) !important;\n      font-weight: 700 !important;\n      padding: 1rem 3rem !important;\n      font-size: 1.2rem !important;\n      text-transform: uppercase;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    }\n    \n    footer {\n      background: var(--color-dark);\n      color: var(--color-light);\n      text-align: center;\n      padding: 1.5rem 1rem;\n      margin-top: 3rem;\n      font-size: 0.9rem;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 1024px) {\n      .booking-container {\n        flex-direction: column;\n        gap: 2rem;\n        padding: 0 1rem;\n      }\n      .info-sidebar {\n        flex: auto;\n        width: auto;\n        position: static;\n        top: auto;\n      }\n      .booking-area {\n          padding: 1.5rem;\n      }\n      \/* CHANGE: Stack the header items on small screens *\/\n      header {\n        flex-direction: column;\n        padding: 1rem 2rem;\n      }\n      header h1 {\n        max-width: 100%;\n        text-align: center;\n        margin-bottom: 0.5rem;\n        font-size: 1.5rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body data-lang=\"en\">\n\n<header>\n  <h1 class=\"i18n en\">Book Your Virtual Immigration Consultation<\/h1>\n  <h1 class=\"i18n es\">Reserve Su Consulta Virtual de Inmigraci\u00f3n<\/h1>\n  <div class=\"lang-toggle\">\n    <button id=\"btn-en\" class=\"active\">EN<\/button>\n    <button id=\"btn-es\">ES<\/button>\n  <\/div>\n<\/header>\n\n<div class=\"booking-container\">\n  \n  <aside class=\"info-sidebar\">\n    <h2 class=\"i18n en\">Ready to Take the Next Step?<\/h2>\n    <h2 class=\"i18n es\">\u00bfListo para el Siguiente Paso?<\/h2>\n    <ul class=\"key-points\">\n      <li class=\"i18n en\">\n        <span class=\"icon-check\">\u2714<\/span>\n        <div>\n            <strong>100% Virtual Consults<\/strong>\n            Meet from the comfort of your home\u2014no office visit required.\n        <\/div>\n      <\/li>\n      <li class=\"i18n es\">\n        <span class=\"icon-check\">\u2714<\/span>\n        <div>\n            <strong>Consultas 100% Virtuales<\/strong>\n            Re\u00fanase desde la comodidad de su casa, sin necesidad de ir a la oficina.\n        <\/div>\n      <\/li>\n      \n      <li class=\"i18n en\">\n        <span class=\"icon-check\">\u2714<\/span>\n        <div>\n            <strong>Flat Fees &#038; Transparency<\/strong>\n            Know the cost upfront. No hidden charges or hourly billing.\n        <\/div>\n      <\/li>\n      <li class=\"i18n es\">\n        <span class=\"icon-check\">\u2714<\/span>\n        <div>\n            <strong>Tarifas Fijas y Transparencia<\/strong>\n            Conozca el costo por adelantado. Sin cargos ocultos ni facturaci\u00f3n por hora.\n        <\/div>\n      <\/li>\n      \n      <li class=\"i18n en\">\n        <span class=\"icon-check\">\u2714<\/span>\n        <div>\n            <strong>Bilingual Guidance<\/strong>\n            Dedicated support available in English and Spanish.\n        <\/div>\n      <\/li>\n      <li class=\"i18n es\">\n        <span class=\"icon-check\">\u2714<\/span>\n        <div>\n            <strong>Asesor\u00eda Biling\u00fce<\/strong>\n            Soporte dedicado disponible en ingl\u00e9s y espa\u00f1ol.\n        <\/div>\n      <\/li>\n    <\/ul>\n\n    <p class=\"i18n en\" style=\"margin-top: 2rem; font-size: 0.9rem; color: #666;\">\n        *Note: Our team looks forward to discussing your family or citizenship case.\n    <\/p>\n    <p class=\"i18n es\" style=\"margin-top: 2rem; font-size: 0.9rem; color: #666;\">\n        *Nota: Nuestro equipo espera discutir su caso familiar o de ciudadan\u00eda.\n    <\/p>\n  <\/aside>\n\n  <section class=\"booking-area\">\n    <h2 class=\"i18n en\">Select Your Consultation Time<\/h2>\n    <h2 class=\"i18n es\">Seleccione Su Hora de Consulta<\/h2>\n    \n    <p class=\"i18n en\">Click the button below to see available dates and instantly secure your appointment in our calendar.<\/p>\n    <p class=\"i18n es\">Haga clic en el bot\u00f3n de abajo para ver las fechas disponibles y asegurar instant\u00e1neamente su cita en nuestro calendario.<\/p>\n    \n    <script>\n    (function() {\n      var target = document.currentScript;\n      window.addEventListener('load', function() {\n        \/\/ Define the label based on the current language\n        var lang = document.body.getAttribute('data-lang') || 'en';\n        var labelText = lang === 'es' ? 'Reserve Su Consulta Ahora' : 'Book Your Consultation Now';\n\n        calendar.schedulingButton.load({\n          url: 'https:\/\/calendar.google.com\/calendar\/appointments\/schedules\/AcZssZ2v9KDLuwwnVafjGGg18nmS-dj0d00-yOfHqA8AitynUlp0EDEd6KfOxTl5Z1o33LIvIMX4WDg6?gv=true',\n          color: '#336699', \n          label: labelText,\n          target,\n        });\n        \n        \/\/ --- CUSTOM BILINGUAL CALENDAR BUTTON LOGIC ---\n        \/\/ This function dynamically changes the button text if the language is switched *after* the button loads.\n        window.updateCalendarButtonLabel = function(newLang) {\n            var button = document.querySelector('.scheduling-button');\n            if (button) {\n                button.textContent = newLang === 'es' ? 'Reserve Su Consulta Ahora' : 'Book Your Consultation Now';\n            }\n        };\n      });\n    })();\n    <\/script>\n    <\/section>\n\n<\/div>\n\n<footer>\n  <p class=\"i18n en\">\u00a9 2025 Virtual Immigration Law Office. Licensed Immigration Attorney. All Rights Reserved.<\/p>\n  <p class=\"i18n es\">\u00a9 2025 Oficina Virtual de Leyes de Inmigraci\u00f3n. Abogada de Inmigraci\u00f3n Licenciada. Todos los derechos reservados.<\/p>\n<\/footer>\n\n<script>\n  \/\/ Language toggle (attribute-driven)\n  function setLang(lang){\n    document.body.setAttribute('data-lang', lang);\n    document.getElementById('btn-en').classList.toggle('active', lang === 'en');\n    document.getElementById('btn-es').classList.toggle('active', lang === 'es');\n    \n    \/\/ Call the custom function to update the Google Calendar button label\n    if (window.updateCalendarButtonLabel) {\n        window.updateCalendarButtonLabel(lang);\n    }\n  }\n  \n  document.getElementById('btn-en').addEventListener('click', () => setLang('en'));\n  document.getElementById('btn-es').addEventListener('click', () => setLang('es'));\n  \n  \/\/ Set default language on load\n  setLang('en');\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Book Your Virtual Consultation \/ Reserve Su Consulta Virtual Book Your Virtual Immigration Consultation Reserve Su Consulta Virtual de Inmigraci\u00f3n EN ES Ready to Take the Next Step? \u00bfListo para el Siguiente Paso? \u2714 100% Virtual Consults Meet from the comfort of your home\u2014no office visit required. \u2714 Consultas 100% Virtuales Re\u00fanase desde la comodidad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-569","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/pages\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":3,"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/pages\/569\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/pages\/569\/revisions\/573"}],"wp:attachment":[{"href":"https:\/\/abogadaimmigration.com\/en\/wp-json\/wp\/v2\/media?parent=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}