{"id":103,"date":"2021-04-27T17:51:12","date_gmt":"2021-04-27T17:51:12","guid":{"rendered":"https:\/\/crassulapharma.com\/?page_id=103"},"modified":"2025-12-28T01:23:07","modified_gmt":"2025-12-28T01:23:07","slug":"contact","status":"publish","type":"page","link":"https:\/\/crassulapharma.com\/es\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"103\" class=\"elementor elementor-103\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c9c205 e-flex e-con-boxed e-con e-parent\" data-id=\"5c9c205\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8425b23 elementor-widget elementor-widget-html\" data-id=\"8425b23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\nCRASSULA \u2022 CONTACT HERO (HERO-FINAL palette)\nFull-width (100vw) \u2022 Blue-tinted 3D glass \u2022 High-contrast text\nUpdated: 2025-09-22\n========================================= -->\n<style>\n:root:where(:not([data-crassula-theme])){\n  \/* Brand *\/\n  --brand:#007cc3; --accent:#00a9e0;\n\n  \/* Typography on glass (contrast tuned) *\/\n  --on-glass-h:#0a2138;\n  --on-glass-text:#133a5a;\n  --chip-ink:#0a2138;\n\n  \/* Background (soft green \u2192 light blue) *\/\n  --bg-a1:.12; --bg-a2:.10; --bg-a3:.12;  \/* lower = lighter *\/\n  --veil:.42;                               \/* soft white veil *\/\n  --vignette:.08;                           \/* edge depth *\/\n\n  \/* 3D glass (HERO-FINAL recipe) *\/\n  --glass-body: rgba(200,230,255,.42);      \/* blue-tinted frost *\/\n  --glass-blur: 26px;\n  --glass-sat: 180%;\n  --glass-rim-outer: rgba(255,255,255,.40);\n  --glass-rim-inner: rgba(255,255,255,.22);\n  --glass-shadow: 0 26px 64px rgba(15,39,64,.22);\n  --glass-noise:.04;\n\n  --radius-lg:28px;\n}\n\n\/* ===== Full-width breakout (works inside Elementor boxed layouts) ===== *\/\n.cx-full-bleed{\n  position:relative; width:100vw; max-width:100vw;\n  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);\n}\n.cx-full-bleed.elementor-section.elementor-section-boxed > .elementor-container,\n.cx-full-bleed .elementor-container{max-width:none!important;width:100%!important;padding:0!important}\n\n\/* ===== Background ===== *\/\n.cx-full-hero{\n  isolation:isolate; overflow:hidden;\n  min-height:72vh; display:grid; place-items:center; text-align:center;\n  padding: clamp(0px, 12vw, 32px) 0 clamp(0px, 12vw, 32px);\n  background:\n    linear-gradient(135deg,\n      rgba(217,251,229,var(--bg-a1)) 0%,\n      rgba(234,244,255,var(--bg-a2)) 58%,\n      rgba(200,228,255,var(--bg-a3)) 100%);\n}\n.cx-full-hero::before{\n  content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0;\n  background: rgba(255,255,255,var(--veil));\n}\n.cx-full-hero::after{\n  content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0;\n  background: radial-gradient(60% 60% at 50% 50%,\n              rgba(0,0,0,0) 70%, rgba(0,0,0,var(--vignette)) 100%);\n}\n\n\/* ===== 3D Glass Card ===== *\/\n.cx-glass{\n  position:relative; z-index:1; max-width:860px;\n  margin: clamp(32px, 6vw, 80px) 20px clamp(28px, 6vw, 72px);\n  padding: clamp(28px, 4.2vw, 44px) clamp(22px, 3.4vw, 36px);\n  border-radius: var(--radius-lg);\n  background: var(--glass-body);\n  color: var(--on-glass-text);\n  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));\n  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));\n  border:1px solid var(--glass-rim-outer);\n  box-shadow: var(--glass-shadow), inset 0 2px 0 rgba(255,255,255,.12);\n  overflow:hidden; text-align:center;\n}\n.cx-glass::before{\n  content:\"\"; position:absolute; inset:0; border-radius:inherit; pointer-events:none;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0) 32%),\n    linear-gradient(0deg, rgba(12,24,48,.05), rgba(12,24,48,0) 40%);\n  box-shadow: inset 0 0 0 1px var(--glass-rim-inner), inset 0 26px 60px rgba(12,24,48,.08);\n}\n.cx-glass::after{\n  content:\"\"; position:absolute; inset:-25% -10% auto -25%; height:58%;\n  transform: rotate(4deg);\n  background: linear-gradient(120deg, rgba(255,255,255,.34), rgba(255,255,255,0) 46%);\n  mix-blend-mode: screen; opacity:.55; pointer-events:none; border-radius:inherit;\n}\n.cx-glass .noise{\n  position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:var(--glass-noise);\n  background-image:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"1\"\/><\/filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\" opacity=\"0.7\"\/><\/svg>');\n  background-size:160px 160px;\n}\n\n\/* ===== Type & Buttons ===== *\/\n.cx-eyebrow{\n  display:inline-block; margin-bottom:10px; letter-spacing:.14em; text-transform:uppercase; font-weight:800;\n  color:var(--chip-ink); padding:8px 12px; border-radius:999px;\n  background: rgba(255,255,255,.70); border:1px solid rgba(15,39,64,.20);\n  backdrop-filter: blur(6px);\n}\n.cx-glass h1{\n  margin:6px 0 10px;\n  font-size: clamp(2.2rem, 4.8vw, 3.6rem);\n  line-height:1.06; letter-spacing:.01em; font-weight:900;\n  color:#0a2138;                    \/* solid for max contrast on blue glass *\/\n  text-shadow: 0 1px 0 rgba(255,255,255,.30);\n}\n.cx-glass p{\n  margin:0; color:var(--on-glass-text);\n  font-size: clamp(1rem, 1.2vw, 1.12rem); line-height:1.6;\n  max-width: 72ch; margin-inline:auto;\n}\n\n.hero-actions{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:16px}\n.cx-btn{\n  display:inline-flex; align-items:center; justify-content:center; gap:10px;\n  padding: 14px 22px; border-radius:999px; font-weight:850; text-decoration:none; position:relative;\n  transition: transform .18s ease, filter .18s ease, box-shadow .2s ease;\n  border:1px solid transparent; outline:none;\n  font-size: clamp(.98rem, 1.2vw, 1.05rem);\n}\n.cx-btn.primary{\n  background:linear-gradient(135deg, var(--brand), var(--accent));\n  color:#fff !important; border-color: transparent;\n  box-shadow: 0 14px 34px rgba(0,169,224,.28), 0 2px 0 rgba(0,0,0,.05) inset;\n}\n.cx-btn.primary:hover{ transform: translateY(-2px); filter:brightness(1.06); }\n.cx-btn.ghost{\n  background:#ffffff; color:#0e2137 !important; border-color: rgba(15,39,64,.18);\n  box-shadow: 0 12px 28px rgba(15,39,64,.14);\n}\n.cx-btn.ghost:hover{ transform: translateY(-2px); filter:brightness(1.02); }\n\n@media (max-width:560px){\n  .hero-actions .cx-btn{ flex:1 1 auto; }\n}\n<\/style>\n\n<section class=\"cx-full-bleed cx-full-hero\" aria-labelledby=\"hero-h1\">\n  <div class=\"cx-glass\" role=\"region\" aria-label=\"Contact hero\">\n    <div class=\"noise\" aria-hidden=\"true\"><\/div>\n\n    <span class=\"cx-eyebrow\">Let\u2019s Connect<\/span>\n    <h1 id=\"hero-h1\">Speak with Crassula R&D \/ Partnerships<\/h1>\n    <p>R&D, CDMO, Raw Materials, Media, Medical Information<\/p>\n\n    <div class=\"hero-actions\">\n      <a href=\"#formulario\" class=\"cx-btn primary\" aria-label=\"Jump to contact form\">Send us a message<\/a>\n      <a href=\"#locations\" class=\"cx-btn ghost\" aria-label=\"View locations\">View locations<\/a>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25c3ef05 e-con-full e-flex e-con e-parent\" data-id=\"25c3ef05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4f7cfba5 e-flex e-con-boxed e-con e-child\" data-id=\"4f7cfba5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46745fe4 elementor-widget elementor-widget-icon-box\" data-id=\"46745fe4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h2 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSend us a Message\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f658860 elementor-button-align-end elementor-mobile-button-align-center elementor-widget elementor-widget-form\" data-id=\"7f658860\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"103\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"7f658860\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tFirst Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"First Name*\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5e63ec7 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_5e63ec7\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tLast Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_5e63ec7]\" id=\"form-field-field_5e63ec7\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Last Name*\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_f5f1e1b elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_f5f1e1b\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_f5f1e1b]\" id=\"form-field-field_f5f1e1b\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone Number*\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail Address*\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email Address*\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_57c4a6a elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_57c4a6a\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTopic*\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_57c4a6a]\" id=\"form-field-field_57c4a6a\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"General\">General<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Product Inquiry\">Product Inquiry<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Partnership\">Partnership<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Medical Information\">Medical Information<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Press\/Media\">Press\/Media<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_4e7263b elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_4e7263b\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tOrder\/Ref\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_4e7263b]\" id=\"form-field-field_4e7263b\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"e.g., QA-PO-1234\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Tell us how we can help* \"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-recaptcha_v3 elementor-field-group elementor-column elementor-field-group-field_23d61a0 elementor-col-100 recaptcha_v3-inline\">\n\t\t\t\t\t<div class=\"elementor-field\" id=\"form-field-field_23d61a0\"><div class=\"elementor-g-recaptcha\" data-sitekey=\"6LfUxLwnAAAAAMEZSMcF0lusSmk1HD3MaqO2eM3n\" data-type=\"v3\" data-action=\"Form\" data-badge=\"inline\" data-size=\"invisible\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md elementor-animation-grow\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60be2c6 e-flex e-con-boxed e-con e-parent\" data-id=\"60be2c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9209643 elementor-widget elementor-widget-html\" data-id=\"9209643\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"locations\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n CRASSULA \u2022 CONTACT (Brand Colors \u2022 Form first, Locations below)\n - Keeps Elementor form structure + your reCAPTCHA v3 exactly\n - Brand palette: brand #007CC3, accent #00A9E0, ink #0F2740, muted #5F738A\n - Vertical flow on desktop: Form (top) -> Locations (below)\n - Interactive locations with map swap, search, copy address\n========================================================= -->\n<style>\n:root{\n  \/* ==== Crassula brand system ==== *\/\n  --ink:#0f2740;              \/* deep text *\/\n  --muted:#5f738a;            \/* secondary text *\/\n  --brand:#007cc3;            \/* primary *\/\n  --accent:#00a9e0;           \/* bright cyan accent *\/\n  --bg:#f5f8fc;               \/* page background *\/\n  --card:#ffffff;             \/* card surface *\/\n  --stroke:rgba(15,39,64,.12);\/* subtle borders *\/\n  --radius:16px; --radius-lg:20px; --max:1260px;\n  --shadow:0 14px 44px rgba(15,39,64,.12);\n\n  \/* components *\/\n  --pill-bg:#eef6fb; \n  --pill-stroke:rgba(0,124,195,.20);\n}\n\n\/* ---------- Base ---------- *\/\n*{box-sizing:border-box}\n.crx{color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg)}\n.crx a{color:var(--brand);text-decoration:underline transparent 2px;text-underline-offset:.2em;transition:.18s}\n.crx a:hover{text-decoration-color:currentColor}\n\n\n\n\/* ---------- Cards ---------- *\/\n.crx-card{\n  background:var(--card); border:1px solid var(--stroke); border-radius:var(--radius-lg);\n  box-shadow:var(--shadow); padding:28px 28px 28px;\n}\n.crx-card h3{margin:0 0 6px;color:#0b1a33;font-size:1.22rem}\n.crx-card p{color:var(--muted)}\n\n\/* ---------- FORM (Elementor-compatible; unchanged fields) ---------- *\/\nform.elementor-form{display:grid;gap:14px}\nform .elementor-field-group{display:flex;flex-direction:column}\nform label{font-weight:700;color:#0b1a33;margin:0 0 12px;font-size:.95rem}\nform input, form select, form textarea{\n  background:#ffffff;border:1px solid var(--stroke);border-radius:12px;color:var(--ink);\n  padding:11px 12px;font-size:.98rem; transition:border-color .15s, box-shadow .15s;\n}\nform input:focus, form select:focus, form textarea:focus{\n  outline:none;border-color:color-mix(in oklab,var(--brand) 70%, #fff 30%);\n  box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 20%, #fff 80%);\n}\nform textarea{min-height:120px;resize:vertical}\n.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n@media(max-width:720px){.row-2{grid-template-columns:1fr}}\nform .elementor-button{\n  display:inline-flex;align-items:center;justify-content:center;gap:8px;\n  background:linear-gradient(90deg,var(--brand),var(--accent)); color:#fff; border:none;\n  padding:12px 20px;border-radius:999px;font-weight:800; cursor:pointer; transition:.2s\n}\nform .elementor-button:hover{transform:translateY(-1px); box-shadow:0 10px 26px rgba(0,169,224,.25)}\n.cx-consent a{color:var(--brand)}\n.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n\n\/* ---------- LOCATIONS (interactive) ---------- *\/\n.loc-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}\n.loc-search{flex:1 1 260px;display:flex;gap:10px}\n.loc-search input{\n  width:100%;background:#fff;border:1px solid var(--stroke);border-radius:999px;padding:10px 14px;\n  color:var(--ink);font-size:.95rem\n}\n.loc-pills{display:flex;flex-wrap:wrap;gap:8px}\n.loc-pill{\n  background:var(--pill-bg); border:1px solid var(--pill-stroke); color:#0b1a33;\n  padding:8px 12px;border-radius:999px; cursor:pointer; font-weight:700; font-size:.9rem;\n  transition:.16s; user-select:none\n}\n.loc-pill[aria-pressed=\"true\"]{\n  background:linear-gradient(90deg,var(--brand),var(--accent)); color:#fff; border-color:transparent;\n}\n.loc-content{display:grid;grid-template-columns:1fr;gap:16px;margin-top:10px}\n.loc-detail{\n  background:#ffffff;border:1px solid var(--stroke); border-radius:16px; padding:16px 16px 12px\n}\n.loc-name{font-weight:800;font-size:1.08rem;color:#0b1a33;margin:0 0 4px}\n.loc-addr{margin:0 0 10px;color:var(--muted)}\n.loc-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n@media (max-width:560px){.loc-meta{grid-template-columns:1fr}}\n.loc-meta a{\n  display:flex;gap:8px;align-items:center;justify-content:center;\n  background:#f0f7fb;border:1px solid var(--pill-stroke);border-radius:12px;padding:10px 12px;color:#0b1a33;text-decoration:none;\n  transition:.16s\n}\n.loc-meta a:hover{border-color:var(--brand); box-shadow:0 8px 24px rgba(0,124,195,.18)}\n.loc-meta svg{width:18px;height:18px;fill:currentColor}\n\n\/* Map *\/\n.map-card{background:#ffffff;border:1px solid var(--stroke);border-radius:16px;overflow:hidden}\n.map-card iframe{display:block;width:100%;height:380px;border:0}\n\n.hr{border:none;border-top:1px solid var(--stroke);margin:18px 0}\n.kbd{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:#eef6fb;border:1px solid var(--stroke);border-radius:6px;padding:.1em .45em}\n\n<script>\n\/* CRASSULA \u2022 Elementor submit success enhancer (keeps native AJAX + reCAPTCHA v3) *\/\n(function () {\n  \/\/ Show inline confirmation and scroll to it on success\n  window.addEventListener('elementor\/form\/submit_success', function () {\n    var box = document.getElementById('cx-thanks');\n    if (box) {\n      box.style.display = 'block';\n      box.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }, { once: false });\n\n  \/\/ Optional: also announce success if Elementor injects its own message\n  var obs = new MutationObserver(function (muts) {\n    muts.forEach(function (m) {\n      if (m.addedNodes) {\n        m.addedNodes.forEach(function (n) {\n          if (n.nodeType === 1 && n.matches && n.matches('.elementor-message.elementor-message-success')) {\n            var box = document.getElementById('cx-thanks');\n            if (box && box.style.display !== 'block') {\n              box.style.display = 'block';\n            }\n          }\n        });\n      }\n    });\n  });\n  try {\n    obs.observe(document.body, { childList: true, subtree: true });\n  } catch (e) {}\n})();\n<\/script>\n<\/style>\n\n<div class=\"crx\">\n\n\n        <!-- LOCATIONS CARD (below form) -->\n        <section class=\"crx-card\" aria-label=\"Locations\">\n          <h3>Our Locations<\/h3>\n          <div class=\"loc-header\">\n            <div class=\"loc-pills\" role=\"tablist\" aria-label=\"Regions\">\n              <button class=\"loc-pill\" data-key=\"usa\" aria-pressed=\"true\" role=\"tab\">USA (Corporate Office)<\/button>\n               <button class=\"loc-pill\" data-key=\"india\" role=\"tab\" aria-pressed=\"false\">India<\/button>\n              <button class=\"loc-pill\" data-key=\"honduras\" role=\"tab\" aria-pressed=\"false\">Honduras<\/button>\n              <button class=\"loc-pill\" data-key=\"costa\" role=\"tab\" aria-pressed=\"false\">Costa Rica<\/button>\n              <button class=\"loc-pill\" data-key=\"guatemala\" role=\"tab\" aria-pressed=\"false\">Guatemala<\/button>\n              <button class=\"loc-pill\" data-key=\"peru\" role=\"tab\" aria-pressed=\"false\">Peru<\/button>\n              <button class=\"loc-pill\" data-key=\"colombia\" role=\"tab\" aria-pressed=\"false\">Colombia<\/button>\n             \n            <\/div>\n            <div class=\"loc-search\" aria-label=\"Search locations\">\n              <input type=\"search\" id=\"locSearch\" placeholder=\"Search city, country, or phone\u2026\">\n            <\/div>\n          <\/div>\n\n          <div class=\"loc-content\">\n            <!-- Detail -->\n            <div class=\"loc-detail\" id=\"locDetail\" role=\"tabpanel\" aria-live=\"polite\">\n              <div class=\"loc-name\" id=\"locName\">USA (Corporate Office) \u2014 Crassula LLC<\/div>\n              <p class=\"loc-addr\" id=\"locAddr\">3301 N. University Dr. Suite 100, Coral Springs, FL 33065, USA<\/p>\n              <div class=\"loc-meta\">\n                <a id=\"locPhone\" href=\"tel:+19546767060\" aria-label=\"Call office\">\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8a15.9 15.9 0 006.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.2 1.2.5 2.5.7 3.8.7.6 0 1 .4 1 .9V20c0 .6-.5 1-1.1 1C11.2 21 3 12.8 3 2.9 3 2.4 3.5 2 4 2h3.3c.5 0 .9.4.9 1 0 1.3.2 2.6.7 3.8.2.4.1.8-.2 1.1L6.6 10.8z\"\/><\/svg>\n                  <span id=\"locPhoneText\">+1 (954) 676-7060<\/span>\n                <\/a>\n                <a id=\"locEmail\" href=\"mailto:info@crassulapharma.com\" aria-label=\"Email office\">\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M2 6a2 2 0 012-2h16a2 2 0 012 2v.5l-10 6.25L2 6.5V6zm0 3.15V18a2 2 0 002 2h16a2 2 0 002-2V9.15l-9.4 5.87a2 2 0 01-2.2 0L2 9.15z\"\/><\/svg>\n                  <span id=\"locEmailText\">info@crassulapharma.com<\/span>\n                <\/a>\n              <\/div>\n              <div class=\"loc-meta\" style=\"margin-top:10px\">\n                <a id=\"btnCopy\" href=\"#\" aria-label=\"Copy address\">\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M16 1H4a2 2 0 00-2 2v12h2V3h12V1zm3 4H8a2 2 0 00-2 2v12a2 2 0 002 2h11a2 2 0 002-2V7a2 2 0 00-2-2zm0 14H8V7h11v12z\"\/><\/svg>\n                  Copy address\n                <\/a>\n                <a id=\"btnMaps\" target=\"_blank\" rel=\"noopener\" href=\"#\" aria-label=\"Open in Google Maps\">\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z\"\/><\/svg>\n                  Open in Maps\n                <\/a>\n              <\/div>\n            <\/div>\n\n            <!-- Map -->\n            <div class=\"map-card\">\n              <iframe id=\"locMap\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Office map\"><\/iframe>\n            <\/div>\n          <\/div>\n        <\/section>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- ====================== JSON-LD ====================== -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\":\"https:\/\/schema.org\",\n  \"@type\":\"ContactPage\",\n  \"name\":\"Contact \u2013 Crassula Pharmaceuticals\",\n  \"url\":\"https:\/\/crassulapharma.com\/contact\/\",\n  \"mainEntity\":{\n    \"@type\":\"Organization\",\n    \"name\":\"Crassula Pharmaceuticals\",\n    \"url\":\"https:\/\/crassulapharma.com\",\n    \"logo\":\"https:\/\/crassulapharma.com\/wp-content\/uploads\/2022\/04\/cropped-CRASSULA-LIFE-SCIENCE-02.png\",\n    \"contactPoint\":[\n      {\"@type\":\"ContactPoint\",\"contactType\":\"customer support\",\"email\":\"info@crassulapharma.com\",\"telephone\":\"+1-954-676-7060\",\"areaServed\":\"US\"},\n      {\"@type\":\"ContactPoint\",\"contactType\":\"product inquiries\",\"email\":\"products@crassulapharma.com\",\"areaServed\":\"Worldwide\"},\n      {\"@type\":\"ContactPoint\",\"contactType\":\"sales\",\"email\":\"sales@crassulapharma.com\",\"areaServed\":[\"US\",\"LATAM\",\"India\"]}\n    ],\n    \"address\":{\n      \"@type\":\"PostalAddress\",\n      \"streetAddress\":\"3301 N. University Dr. Suite 100\",\n      \"addressLocality\":\"Coral Springs\",\n      \"addressRegion\":\"FL\",\n      \"postalCode\":\"33065\",\n      \"addressCountry\":\"US\"\n    }\n  }\n}\n<\/script>\n\n<!-- ====================== INTERACTIVITY (no deps) ====================== -->\n<script>\n(function(){\n  \/\/ ---- Office data ----\n  const offices = {\n    usa: {\n      label: \"USA (Corporate Office) \u2014 Crassula LLC\",\n      address: \"3301 N. University Dr. Suite 100, Coral Springs, FL 33065, USA\",\n      phone: \"+1 (954) 676-7060\",\n      mail: \"info@crassulapharma.com\"\n    },\n     india: {\n      label: \"India \u2014 Crassula Pharmaceuticals Pvt. Ltd.\",\n      address: \"K10 Corporate, Plot No 10 Nagpur Maharashtra 440015\",\n      phone: \"+91 7122572686\",\n      mail: \"info@crassulapharma.com\"\n    },\n    honduras: {\n      label: \"Honduras \u2014 Crassula Honduras S. de R.L.\",\n      address: \"GX2F+W5H San Pedro Sula, Honduras\",\n      phone: \"+504 9726-4313\",\n      mail: \"info@crassulapharma.com\"\n    },\n    costa: {\n      label: \"Costa Rica \u2014 Crassula Costa Rica S.A.\",\n      address: \"Edificio Spazio Ejecutivo, Piso 3, Oficina 14, San Rafael de Escaz\u00fa, San Jos\u00e9, Costa Rica\",\n      phone: \"+1 (954) 676-7062\",\n      mail: \"info@crassulapharma.com\"\n    },\n    guatemala: {\n      label: \"Guatemala \u2014 Crassula Guatemala S.A.\",\n      address: \"5ta Calle B 13-63, Sector B2, San Crist\u00f3bal, Zona 8, Mixco, Guatemala\",\n      phone: \"+502 3021-4379\",\n      mail: \"info@crassulapharma.com\"\n    },\n    peru: {\n      label: \"Peru \u2014 Crassula Peru S.A.C.\",\n      address: \"Av. Santo Toribio 143, Piso 3, San Isidro, Lima 27, Peru\",\n      phone: \"+1 (954) 676-7062\",\n      mail: \"info@crassulapharma.com\"\n    },\n    colombia: {\n      label: \"Colombia \u2014 Crassula Colombia S.A.S.\",\n      address: \"Calle 76 #48-47, Of. 304, Barranquilla 080001, Colombia\",\n      phone: \"+1 (954) 676-7062\",\n      mail: \"info@crassulapharma.com\"\n    }\n  };\n\n  \/\/ Map embed (no API key)\n  const mapSrc = (text) => `https:\/\/www.google.com\/maps?q=${encodeURIComponent(text)}&output=embed`;\n\n  \/\/ Elements\n  const pills = document.querySelectorAll('.loc-pill');\n  const nameEl = document.getElementById('locName');\n  const addrEl = document.getElementById('locAddr');\n  const phoneEl = document.getElementById('locPhone');\n  const phoneText = document.getElementById('locPhoneText');\n  const emailEl = document.getElementById('locEmail');\n  const emailText = document.getElementById('locEmailText');\n  const mapEl = document.getElementById('locMap');\n  const copyBtn = document.getElementById('btnCopy');\n  const mapsBtn = document.getElementById('btnMaps');\n  const search = document.getElementById('locSearch');\n\n  function hydrate(key){\n    const o = offices[key] || offices.usa;\n    nameEl.textContent = o.label;\n    addrEl.textContent = o.address;\n    phoneEl.href = 'tel:' + o.phone.replace(\/[^\\d+]\/g,'');\n    phoneText.textContent = o.phone;\n    emailEl.href = 'mailto:' + o.mail;\n    emailText.textContent = o.mail;\n    mapsBtn.href = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${encodeURIComponent(o.address)}`;\n    const target = mapSrc(o.address);\n    if (mapEl.dataset.src !== target){\n      mapEl.dataset.src = target;\n      mapEl.style.opacity = .4;\n      mapEl.src = target;\n      mapEl.onload = ()=> mapEl.style.opacity = 1;\n    }\n    pills.forEach(p => p.setAttribute('aria-pressed', p.dataset.key === key ? 'true' : 'false'));\n  }\n\n  \/\/ Init\n  hydrate('usa');\n  pills.forEach(p => p.addEventListener('click', () => hydrate(p.dataset.key)));\n\n  \/\/ Copy address\n  copyBtn?.addEventListener('click', (e)=>{\n    e.preventDefault();\n    navigator.clipboard?.writeText(addrEl.textContent.trim()).then(()=>{\n      copyBtn.textContent = 'Copied \u2713';\n      setTimeout(()=> copyBtn.textContent = 'Copy address', 1200);\n    });\n  });\n\n  \/\/ Search -> hint & Enter to jump\n  function findMatch(v){\n    v = v.toLowerCase();\n    return Object.entries(offices).find(([,o])=>\n      [o.label,o.address,o.phone,o.mail].some(s => s.toLowerCase().includes(v))\n    )?.[0];\n  }\n  search.addEventListener('input', ()=>{\n    const key = findMatch(search.value);\n    pills.forEach(p => p.style.outline = (p.dataset.key===key && key) ? '2px solid var(--brand)' : 'none');\n  });\n  search.addEventListener('keydown', (e)=>{\n    if (e.key === 'Enter'){\n      e.preventDefault();\n      const key = findMatch(search.value);\n      if (key) hydrate(key);\n    }\n  });\n\n  \/\/ Form a11y\/autofill polish without breaking Elementor\n  const setAttr=(sel,attrs)=>{const el=document.querySelector(sel); if(!el) return; Object.entries(attrs).forEach(([k,v])=>el.setAttribute(k,v));};\n  setAttr('#form-field-nombre', {autocomplete:'given-name'});\n  setAttr('#form-field-apellido', {autocomplete:'family-name'});\n  setAttr('#form-field-field_cd7f613', {inputmode:'tel', autocomplete:'tel'});\n  setAttr('#form-field-field_58875bb', {autocomplete:'email'});\n  setAttr('#form-field-field_4b2717d', {autocomplete:'off','aria-label':'Message'});\n\n  const form = document.querySelector('form.elementor-form');\n  if(form){\n    const btn = form.querySelector('button[type=\"submit\"]');\n    form.addEventListener('submit', (e)=>{\n      if (document.getElementById('company')?.value){ e.preventDefault(); e.stopPropagation(); return; }\n      if (!btn) return;\n      btn.dataset.prev = btn.innerHTML; btn.textContent = 'Sending\u2026'; btn.disabled = true;\n      setTimeout(()=>{ btn.disabled=false; btn.innerHTML=btn.dataset.prev||'Send'; }, 12000);\n    });\n    window.addEventListener('elementor\/form\/submit_success', ()=>{\n      if (!btn) return;\n      btn.disabled=false; btn.innerHTML=btn.dataset.prev||'Send'; form.reset();\n    });\n    const phone = document.getElementById('form-field-field_cd7f613');\n    phone?.addEventListener('blur', ()=>{\n      const v = phone.value.replace(\/[^\\d+]\/g,'');\n      phone.setCustomValidity( (v && v.length < 7) ? 'Please enter a valid phone number.' : '' );\n    });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Let\u2019s Connect Speak with Crassula R&#038;D \/ Partnerships R&#038;D, CDMO, Raw Materials, Media, Medical Information Send us a message View locations Send us a Message Our Locations USA (Corporate Office) India Honduras Costa Rica Guatemala Peru Colombia USA (Corporate Office) \u2014 Crassula LLC 3301 N. University Dr. Suite 100, Coral Springs, FL 33065, USA +1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":433,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":10000,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/103\/revisions\/10000"}],"wp:attachment":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}