{"id":8214,"date":"2025-09-03T00:20:26","date_gmt":"2025-09-03T00:20:26","guid":{"rendered":"https:\/\/crassulapharma.com\/?page_id=8214"},"modified":"2025-09-28T22:49:06","modified_gmt":"2025-09-28T22:49:06","slug":"social-responsibility","status":"publish","type":"page","link":"https:\/\/crassulapharma.com\/es\/social-responsibility\/","title":{"rendered":"Social Responsibility"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8214\" class=\"elementor elementor-8214\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e7b4d4 e-flex e-con-boxed e-con e-parent\" data-id=\"9e7b4d4\" 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-aa554d1 elementor-widget elementor-widget-html\" data-id=\"aa554d1\" 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 SOCIAL RESPONSIBILITY \u2014 HERO-FINAL\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  \/* Frame *\/\n  --max:1200px; --radius-lg:28px;\n\n  \/* Background (soft green \u2192 light blue) *\/\n  --bg-a1:.12; --bg-a2:.10; --bg-a3:.12;  \/* lighter = more airy *\/\n  --veil:.42;                               \/* white softener *\/\n  --vignette:.08;                           \/* edge depth *\/\n\n  \/* Blue-tinted 3D glass (HERO-FINAL) *\/\n  --glass-body: rgba(200,230,255,.42);\n  --glass-blur: 26px; --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  \/* On-glass type tokens (high contrast) *\/\n  --on-glass-h:#0a2138;     \/* H1 *\/\n  --on-glass-text:#133a5a;  \/* paragraph\/meta *\/\n  --chip-bg:rgba(255,255,255,.72); --chip-stroke:rgba(15,39,64,.20); --chip-ink:#0a2138;\n}\n\n\/* ---------- Full-bleed utility (true 100vw even in boxed layouts) ---------- *\/\n.hero-full{\n  position:relative; width:100vw; max-width:100vw;\n  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);\n}\n.hero-full.elementor-section.elementor-section-boxed > .elementor-container,\n.hero-full .elementor-container{max-width:none!important;width:100%!important;padding:0!important}\n\n\/* Basics *\/\n*{box-sizing:border-box} img{max-width:100%;height:auto;display:block}\n.wrap{max-width:var(--max); margin:0 auto; padding:0 24px}\n\n\/* =========================================================\n   SOCIAL RESPONSIBILITY HERO (HERO-FINAL)\n========================================================= *\/\n.sr-hero{\n  position:relative; isolation:isolate; overflow:hidden;\n  display:flex; align-items:center; justify-content:center;\n  min-height:60vh; text-align:center; padding:0 24px;\n  background: 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.sr-hero::before{\n  content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n  background: rgba(255,255,255,var(--veil));\n}\n.sr-hero .hero-vignette{\n  position:absolute; inset:0; z-index:0; pointer-events:none;\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.sr-hero .wrap{width:100%; padding:64px 24px}\n@media (max-width:600px){ .sr-hero{min-height:66vh} .sr-hero .wrap{padding:0} }\n\n\/* 3D blue glass card *\/\n.pharma-glass{\n  position:relative; z-index:1; text-align:center;\n  max-width:880px; margin:0 auto; padding:48px 36px; border-radius:var(--radius-lg);\n  background: var(--glass-body);\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;\n}\n.pharma-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.pharma-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.pharma-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 *\/\n.eyebrow{\n  display:inline-block; margin-bottom:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:800;\n  color:var(--chip-ink); padding:8px 12px; border-radius:999px;\n  background: var(--chip-bg); border:1px solid var(--chip-stroke);\n  backdrop-filter: blur(6px); position:relative; z-index:1;\n}\n.pharma-glass h1{\n  margin:0 0 12px; font-weight:900; line-height:1.06;\n  font-size: clamp(32px, 5vw, 48px); color: var(--on-glass-h);\n  text-shadow: 0 1px 0 rgba(255,255,255,.30); position:relative; z-index:1;\n}\n.pharma-glass p{\n  margin:0 auto; max-width:850px;\n  font-size: clamp(16px, 2.2vw, 20px); line-height:1.6; color: var(--on-glass-text);\n  position:relative; z-index:1;\n}\n\n\/* CTAs \u2014 frosted \u201cghost\u201d chips for SR *\/\n.cta{margin-top:28px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; position:relative; z-index:1}\n.pharma-chip.btn-ghost{\n  display:inline-block; padding:12px 18px; border-radius:999px; text-decoration:none;\n  background:#ffffff; color:#0a2138; font-weight:780; font-size:.92rem;\n  border:1px solid rgba(15,39,64,.22);\n  box-shadow:0 10px 24px rgba(15,39,64,.12);\n  transition: transform .18s ease, filter .18s ease, box-shadow .2s ease;\n}\n.pharma-chip.btn-ghost:hover{transform:translateY(-2px); filter:brightness(1.02)}\n.pharma-chip.btn-ghost:focus-visible{outline:2px solid #fff; outline-offset:3px; box-shadow:0 0 0 4px rgba(0,124,195,.55)}\n\n\/* Optional: accessibility \u2013 users who prefer more contrast *\/\n@media (prefers-contrast: more){\n  :root{\n    --veil:.48; --on-glass-h:#07182b; --on-glass-text:#0f2f4d;\n    --chip-bg:rgba(255,255,255,.80); --chip-stroke:rgba(15,39,64,.28);\n  }\n  .pharma-chip.btn-ghost{border-color:rgba(15,39,64,.30)}\n}\n<\/style>\n\n<!-- ================= HERO ================= -->\n<header class=\"sr-hero hero-full\" role=\"banner\" aria-label=\"Crassula Social Responsibility\">\n  <div class=\"wrap\">\n    <div class=\"pharma-glass\" role=\"region\" aria-labelledby=\"sr-title\">\n      <div class=\"noise\" aria-hidden=\"true\"><\/div>\n\n      <span class=\"eyebrow\">Our Company<\/span>\n      <h1 id=\"sr-title\">Social Responsibility<\/h1>\n      <p>\n        We are focused on contributing to global health care. Through our business, we make important contributions to society by developing innovative medicines that improve the quality of life. In this way, Crassula helps to overcome today\u2019s health challenges. Near-term, we\u2019re elevating our sustainability strategy as part of our responsibility to the planet.\n      <\/p>\n\n      <div class=\"cta\">\n        <a href=\"#ethics\" class=\"pharma-chip btn-ghost\">Ethical Line<\/a>\n        <a href=\"#csr\" class=\"pharma-chip btn-ghost\">CSR Policy<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"hero-vignette\" aria-hidden=\"true\"><\/div>\n<\/header>\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-bb1816b e-flex e-con-boxed e-con e-parent\" data-id=\"bb1816b\" 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-eb6b338 elementor-widget elementor-widget-html\" data-id=\"eb6b338\" 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<!-- =========================\n  CRASSULA \u2022 Social Responsibility (Updated to Global Theme + Revised HERO)\n  Uses: crassula-theme.css tokens (brand, stroke, shadow, radius)\n  Last updated: 2025-09-06\n========================= -->\n<style>\n  \/* Assumes crassula-theme.css is enqueued site-wide.\n     Fallbacks only if not loaded (safe defaults). *\/\n  :root:where(:not([data-crassula-theme])) {\n    --ink:#0f2740; --muted:#5f738a; --bg:#ffffff; --bg-2:#f5f8fc;\n    --brand:#007cc3; --accent:#00a9e0; --stroke:rgba(15,39,64,.12);\n    --shadow:0 12px 28px rgba(15,39,64,.08); --radius:16px; --radius-lg:22px; --max:1200px;\n  }\n\n  .sr *{box-sizing:border-box}\n  .sr{color:var(--ink); background:var(--bg); overflow-x:clip}\n  .sr .wrap{max-width:var(--max); margin:0 auto; padding:24px}\n\n  h1,h2{line-height:1.15; margin:0 0 .6rem}\n  h1{font-size:clamp(30px,4.8vw,48px)}\n  h2{font-size:clamp(22px,3.5vw,28px)}\n  p,li{color:var(--muted)}\n  ul{padding-left:1.1rem; margin:.4rem 0 0}\n  li{margin:.35rem 0}\n\n\n  \/* ================= Sections & cards (theme tokens) ================= *\/\n  .sr-section{padding:36px 0}\n  .sr-grid{display:grid; grid-template-columns:1.1fr 1.1fr; gap:18px; margin-top:18px}\n  .sr-card{\n    background:#fff; border:1px solid var(--stroke); border-radius:var(--radius-lg);\n    overflow:hidden; box-shadow:var(--shadow)\n  }\n  .sr-card h2{\n    margin:0; padding:12px 16px;\n    font-size:1.1rem; font-weight:700; color:var(--ink);\n    background:rgba(234,244,255,.9); \/* default blue-ish header *\/\n  }\n  .sr-card.blue h2{background:#eaf4ff}\n  .sr-card.green h2{background:#e7f9f0}\n  .sr-card .body{padding:16px}\n\n  \/* Pills *\/\n  .sr-pill{\n    display:inline-block; padding:4px 10px; border-radius:999px;\n    background:var(--bg-2); border:1px solid var(--stroke); font-size:.78rem; font-weight:700; color:var(--ink)\n  }\n\n  \/* CTA strip (use theme wellness gradient for friendliness) *\/\n  .sr-cta{\n    position:relative; width:100%; background:var(--grad-wellness, linear-gradient(135deg,#eaf4ff, #d9fbe5));\n    padding:26px 0; border-top:1px solid var(--stroke); text-align:center; margin-top:8px\n  }\n  .sr-cta p{margin:0; color:#2d3b52}\n\n  \/* Responsive *\/\n  @media (max-width:980px){.sr-grid{grid-template-columns:1fr}}\n  @media (max-width:640px){\n    .sr .wrap{padding:20px}\n  }\n<\/style>\n\n<section class=\"sr\" aria-labelledby=\"sr-title\">\n    \n    \n\n  <!-- ================= SECTION 1 ================= -->\n  <div class=\"sr-section\" id=\"ethics\">\n    <div class=\"wrap sr-grid\">\n      <section class=\"sr-card blue\">\n        <h2>Ethical Line<\/h2>\n        <div class=\"body\">\n          <p>Crassula's values and principles guide performance, supported by the professional ethics of our collaborators. Our ethical line includes:<\/p>\n          <ul>\n            <li>Transparency and honesty in all actions.<\/li>\n            <li>Organizational culture with shared values.<\/li>\n            <li>Acting with equality, freedom, assertive communication, respect, and solidarity.<\/li>\n            <li>Satisfying the needs of internal and external customers.<\/li>\n            <li>Promoting social responsibility with visible impact.<\/li>\n            <li>Minimizing internal conflicts between areas.<\/li>\n            <li>Maintaining information confidentiality.<\/li>\n            <li>Reporting unethical behavior to the appropriate area.<\/li>\n          <\/ul>\n        <\/div>\n      <\/section>\n\n      <section class=\"sr-card green\" id=\"csr\">\n        <h2>Corporate Social Responsibility Policy<\/h2>\n        <div class=\"body\">\n          <p>Our CSR policy defines our commitment to employees, customers, and the broader community\u2014improving quality of life and protecting the environment, aligned to our values.<\/p>\n          <ul>\n            <li>Respecting rights, fair wages, and safe working conditions.<\/li>\n            <li>Promoting diversity and equal opportunities in a safe environment.<\/li>\n            <li>Supporting employees and families with benefits and strong relations.<\/li>\n            <li>Supporting neighboring communities with sustainable programs.<\/li>\n            <li>Facilitating health initiatives (e.g., PCR testing for medical personnel and families).<\/li>\n          <\/ul>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <!-- ================= SECTION 2 ================= -->\n  <div class=\"sr-section\">\n    <div class=\"wrap sr-grid\">\n      <section class=\"sr-card blue\">\n        <h2>Quality & Integral Management Policy<\/h2>\n        <div class=\"body\">\n          <p>We improve health by offering high-quality, effective medicines with excellent service. We commit to:<\/p>\n          <ul>\n            <li>Providing decent, safe working conditions.<\/li>\n            <li>Guaranteeing quality and reliability of products and services.<\/li>\n            <li>Using resources rationally to mitigate climate change.<\/li>\n            <li>Meeting needs and complying with legal, regulatory, and stakeholder requirements.<\/li>\n            <li>Maintaining information security and confidentiality.<\/li>\n          <\/ul>\n        <\/div>\n      <\/section>\n\n      <section class=\"sr-card green\">\n        <h2>Corporate Reputation & Communication Policy<\/h2>\n        <div class=\"body\">\n          <p>We communicate to promote and protect Crassula\u2019s reputation\u2014honestly, transparently, and coherently\u2014inside and outside the organization. We will:<\/p>\n          <ul>\n            <li>Preserve and promote our image with planned, integrated communications.<\/li>\n            <li>Plan short-, mid-, and long-term actions across efficient channels.<\/li>\n            <li>Strengthen internal culture with training for assertive communication.<\/li>\n            <li>Continuously improve techniques to face new communication challenges.<\/li>\n          <\/ul>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <!-- ================= SECTION 3 ================= -->\n  <div class=\"sr-section\">\n    <div class=\"wrap sr-grid\">\n      <section class=\"sr-card blue\">\n        <h2>Corporate Social Responsibility Program<\/h2>\n        <div class=\"body\">\n          <p>We contribute to social programs so employees feel proud to belong to a company focused on improving lives:<\/p>\n          <ul>\n            <li><span class=\"sr-pill\">Angel Volunteers<\/span>: Community solidarity and open collaboration on planned activities.<\/li>\n            <li><span class=\"sr-pill\">Healthy Living<\/span>: Guidance and plans for healthier lifestyles; extracurricular physical activities.<\/li>\n            <li><span class=\"sr-pill\">Protect Your Health<\/span>: Promotion and prevention initiatives supporting emotional, physical, and social well-being.<\/li>\n          <\/ul>\n        <\/div>\n      <\/section>\n\n      <section class=\"sr-card green\">\n        <h2>Corporate Social Management Policy<\/h2>\n        <div class=\"body\">\n          <p>We promote organizational social commitment aligned with our values, providing:<\/p>\n          <ul>\n            <li>Respect for diversity and equal opportunities.<\/li>\n            <li>Assertive, constructive communication that impacts the community.<\/li>\n            <li>Strengthening of social work through our foundation, Luz del Velador.<\/li>\n            <li>Sustainable working conditions that enable our mission.<\/li>\n          <\/ul>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <!-- ================= CTA ================= -->\n  <aside class=\"sr-cta\">\n    <div class=\"wrap\" style=\"max-width:900px\">\n      <p>\u00a9 <span id=\"y\"><\/span> CRASSULA Pharmaceuticals. Social responsibility is at the heart of our science and our people.<\/p>\n    <\/div>\n  <\/aside>\n<\/section>\n\n<script>\n  \/\/ Year stamp\n  document.getElementById('y').textContent = new Date().getFullYear();\n\n  \/\/ Safari autoplay guard for hero video\n  (function(){\n    const v = document.querySelector('.sr-hero .hero-video');\n    if(!v) return;\n    v.muted = true;\n    v.setAttribute('muted','');\n    v.setAttribute('playsinline','');\n    v.setAttribute('webkit-playsinline','');\n    const tryPlay = ()=> v.play().catch(()=>{ \/* ignore *\/ });\n    if (v.readyState >= 1) tryPlay();\n    else v.addEventListener('loadedmetadata', tryPlay, {once:true});\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>Our Company Social Responsibility We are focused on contributing to global health care. Through our business, we make important contributions to society by developing innovative medicines that improve the quality of life. In this way, Crassula helps to overcome today\u2019s health challenges. Near-term, we\u2019re elevating our sustainability strategy as part of our responsibility to the [&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-8214","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/8214","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=8214"}],"version-history":[{"count":25,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/8214\/revisions"}],"predecessor-version":[{"id":9609,"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/pages\/8214\/revisions\/9609"}],"wp:attachment":[{"href":"https:\/\/crassulapharma.com\/es\/wp-json\/wp\/v2\/media?parent=8214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}