{"id":32,"date":"2025-11-11T11:03:20","date_gmt":"2025-11-11T11:03:20","guid":{"rendered":"https:\/\/vall-humana.com\/?page_id=32"},"modified":"2025-12-08T14:15:43","modified_gmt":"2025-12-08T14:15:43","slug":"landing-vall-humana","status":"publish","type":"page","link":"https:\/\/vall-humana.com\/","title":{"rendered":"Landing Vall Humana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5360eb5 e-flex e-con-boxed e-con e-parent\" data-id=\"5360eb5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00f45b7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"00f45b7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================= HERO ========================= -->\r\n<section id=\"vh-hero\" aria-label=\"Hero - Vall Humana\">\r\n  <div class=\"vh-bg-overlay\"><\/div>\r\n\r\n  <!-- fons slider -->\r\n  <div class=\"vh-bg-slider\" aria-hidden=\"true\">\r\n    <div class=\"vh-bg-slide\" style=\"background-image:url('http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/IMATGE-DE-PAGINA-WEB-1.jpg');\"><\/div>\r\n    <div class=\"vh-bg-slide\" style=\"background-image:url('http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/IMATGE-PAGINA-WEB-3.jpg');\"><\/div>\r\n    <div class=\"vh-bg-slide\" style=\"background-image:url('http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/IMATGE-PAGINA-WEB-2.jpg');\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"vh-container\">\r\n    <div class=\"vh-grid\">\r\n\r\n      <!-- ESQUERRA -->\r\n      <div class=\"vh-left\">\r\n\r\n<h1 class=\"vh-title\" style=\"\r\n  font-family: 'Montserrat', 'Poppins', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(28px, 4vw, 48px);\r\n  color: #ffffff;\r\n  text-shadow:\r\n    0 0 2px rgba(255,255,255,0.9),\r\n    0 2px 6px rgba(0,150,255,0.25),\r\n    0 4px 12px rgba(0,120,255,0.15);\r\n  line-height: 1.15;\r\n  text-align: center;\r\n  letter-spacing: 0.5px;\r\n  margin: 0 0 12px 0;\r\n\">\r\n  VALL HUMANA: LA PRIMERA EMPRESA ON EL TREBALLADOR \u00c9S EL CENTRE\u2026\r\n<\/h1>\r\n\r\n        <h2 class=\"vh-subtitle\">\r\n         Apostar pels valors humans no \u00e9s un esl\u00f2gan: \u00e9s la nostra manera de treballar. Quan cuidem el treballador, el client rep el millor de nosaltres..\r\n        <\/h2>\r\n\r\n        <!-- ============ 3 COLUMNES + SLIDER MOBILE ============ -->\r\n        <div class=\"vh-three-cols slider\" role=\"list\">\r\n\r\n          <div class=\"vh-col slide\" role=\"listitem\">\r\n            Un model que beneficia a tothom: equips motivats i dignes, i clients amb un servei millor sense cost extra.\r\n          <\/div>\r\n\r\n          <div class=\"vh-col slide\" role=\"listitem\">\r\n            Aix\u00f2 no \u00e9s m\u00e0gia: s\u00f3n valors humans aplicats a la neteja.\r\n          <\/div>\r\n\r\n          <div class=\"vh-col slide\" role=\"listitem\">\r\n            Una manera d\u2019actuar que vol millorar Andorra, espai a espai\u2026 persona a persona.\r\n          <\/div>\r\n\r\n          <!-- punts navegaci\u00f3 slider -->\r\n          <div class=\"slider-dots\"><\/div>\r\n        <\/div>\r\n\r\n        <p class=\"vh-final\">\r\n         HEM VINGUT A DEMOSTRAR QUE TRACTAR B\u00c9 A LES PERSONES \u00c9S LA MILLOR INNOVACI\u00d3.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- ========================= DRETA ========================= -->\r\n      <aside class=\"vh-right\" aria-label=\"Logo i accions\">\r\n\r\n        <img decoding=\"async\" class=\"vh-side-logo\"\r\n             src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/LOGO-VALL-HUMANA-1.png\"\r\n             alt=\"Logo Vall Humana\">\r\n\r\n        <div class=\"vh-actions\">\r\n          <a class=\"vh-action-btn\" href=\"#qui-som\">DESCOBREIX QUI SOM<\/a>\r\n          <a class=\"vh-action-btn\" href=\"#vh-contacte\">CONTACTA AMB NOSALTRES<\/a>\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ========================= ESTILS ========================= -->\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; }\r\n  :root{\r\n    --menu-height:72px;\r\n    --max-width:1400px;\r\n    --accent-blue:#0e6aad;\r\n    --white:#ffffff;\r\n  }\r\n\r\n  html,body{\r\n    height:100%;\r\n    margin:0;\r\n    font-family:\"Helvetica Neue\", Arial, sans-serif;\r\n    color:#fff;\r\n  }\r\n\r\n  \/* MENU *\/\r\n  #vh-menu{\r\n    position:fixed;\r\n    top:0; left:0; right:0;\r\n    height:var(--menu-height);\r\n    display:flex;\r\n    align-items:center;\r\n    background: rgba(2,12,20,0.66);\r\n    padding:0 20px;\r\n    z-index:99999;\r\n    backdrop-filter:blur(6px) saturate(1.03);\r\n  }\r\n\r\n  .vh-nav-wrap{\r\n    width:100%;\r\n    max-width:var(--max-width);\r\n    margin:0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n  }\r\n\r\n  .vh-nav-logo{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    text-decoration:none;\r\n    color:var(--white);\r\n    font-weight:900;\r\n  }\r\n\r\n  .vh-nav-logo img{\r\n    height:36px;\r\n    display:block;\r\n  }\r\n\r\n  .vh-nav-list{\r\n    display:flex;\r\n    gap:22px;\r\n    margin:0;\r\n    padding:0;\r\n    list-style:none;\r\n    align-items:center;\r\n  }\r\n\r\n  .vh-nav-list a{\r\n    color:var(--white);\r\n    text-decoration:none;\r\n    font-weight:700;\r\n    font-size:14px;\r\n    text-transform:uppercase;\r\n    padding:6px 8px;\r\n  }\r\n\r\n  .vh-nav-list a.vh-cta{\r\n    background: linear-gradient(90deg,#00a9ff,#0066c8);\r\n    padding:8px 18px;\r\n    border-radius:30px;\r\n    color:#fff;\r\n  }\r\n\r\n  .vh-nav-toggle{ display:none; }\r\n\r\n  \/* HERO *\/\r\n  #vh-hero{\r\n    padding-top: calc(var(--menu-height) + 10px);\r\n    min-height: calc(100vh - var(--menu-height));\r\n    position:relative;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .vh-bg-slider{ position:absolute; inset:0; z-index:-2; }\r\n  .vh-bg-slide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity .8s ease; }\r\n  .vh-bg-slide:nth-child(1){ opacity:1; }\r\n\r\n  .vh-bg-slider{ animation:vhSlide 18s infinite; }\r\n  @keyframes vhSlide { 0%,100% {transform:translateX(0);} }\r\n\r\n  .vh-bg-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:rgba(0,0,0,0.35);\r\n    z-index:-1;\r\n  }\r\n\r\n  .vh-container{\r\n    position:relative;\r\n    z-index:10;\r\n    width:100%;\r\n    max-width:var(--max-width);\r\n    margin:0 auto;\r\n    padding:40px 24px;\r\n  }\r\n\r\n  .vh-grid{\r\n    display:grid;\r\n    grid-template-columns: 1.4fr 0.8fr;\r\n    gap:36px;\r\n    align-items:start;\r\n  }\r\n\r\n  .vh-title{\r\n    margin:0 0 12px 0;\r\n    color:#4cc2ff;\r\n    text-shadow:0 0 14px rgba(0,170,255,0.85);\r\n    font-weight:900;\r\n    line-height:1.06;\r\n    font-size:clamp(28px,5.6vw,54px);\r\n    text-align:left;\r\n  }\r\n\r\n  .vh-subtitle{\r\n    margin:0 0 22px 0;\r\n    color:#dff8ff;\r\n    font-weight:700;\r\n    font-size:clamp(14px,1.6vw,20px);\r\n    text-align:left;\r\n    line-height:1.35;\r\n  }\r\n\r\n  .vh-three-cols{\r\n    display:grid;\r\n    grid-template-columns:1.15fr 1fr 0.85fr;\r\n    gap:18px;\r\n    margin-top:6px;\r\n  }\r\n\r\n  .vh-col{\r\n    background:rgba(255,255,255,0.08);\r\n    padding:20px;\r\n    border-radius:12px;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    line-height:1.5;\r\n    color:#ffffff;\r\n    backdrop-filter:blur(6px);\r\n    min-height:140px;\r\n    display:flex;\r\n    align-items:center;\r\n  }\r\n\r\n  .vh-final{\r\n    margin-top:26px;\r\n    font-size:18px;\r\n    font-weight:900;\r\n    color:#e6fbff;\r\n    text-align:left;\r\n    max-width:760px;\r\n  }\r\n\r\n  .vh-right{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:22px;\r\n    justify-self:center;\r\n  }\r\n\r\n  .vh-actions{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:18px;\r\n    width:100%;\r\n    max-width:320px;\r\n  }\r\n\r\n  .vh-action-btn{\r\n    display:block;\r\n    background:#ffffff;\r\n    color:#003f73;\r\n    text-decoration:none;\r\n    font-weight:900;\r\n    padding:16px 22px;\r\n    border-radius:50px;\r\n    text-align:center;\r\n    box-shadow:0 8px 30px rgba(0,0,0,0.35);\r\n    transition:transform .18s ease, box-shadow .18s ease;\r\n  }\r\n\r\n  .vh-action-btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 36px rgba(0,0,0,0.45);\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .vh-grid{ grid-template-columns:1fr; gap:20px; }\r\n    .vh-left{ order:2; }\r\n    .vh-right{ order:1; }\r\n    .vh-title, .vh-subtitle, .vh-final-text{ text-align:center; }\r\n  }\r\n\r\n  \/* LOGO *\/\r\n  .vh-side-logo{\r\n    width:260px;\r\n    max-width:100%;\r\n    filter:drop-shadow(0 0 14px rgba(0,170,255,0.8));\r\n    transition:transform .3s ease, filter .3s ease;\r\n  }\r\n\r\n  .vh-side-logo:hover{\r\n    transform:scale(1.08);\r\n    filter:drop-shadow(0 0 26px rgba(0,190,255,1));\r\n  }\r\n\r\n  \/* ====================== SLIDER MOBILE\/TABLET ====================== *\/\r\n\r\n  @media (max-width: 900px) {\r\n\r\n    .vh-three-cols {\r\n      display: flex !important;\r\n      overflow-x: hidden;\r\n      scroll-snap-type: x mandatory;\r\n      gap: 0 !important;\r\n    }\r\n\r\n    .vh-three-cols .slide {\r\n      min-width: 100%;\r\n      scroll-snap-align: center;\r\n      text-align: center;\r\n      margin: 0;\r\n    }\r\n\r\n    .slider-dots {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .slider-dot {\r\n      width: 10px;\r\n      height: 10px;\r\n      background: #ffffff80;\r\n      border-radius: 50%;\r\n      transition: 0.3s;\r\n    }\r\n\r\n    .slider-dot.active {\r\n      background: #ffffff;\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<!-- SLIDER JS -->\r\n<script>\r\n(function(){\r\n  const slides = [...document.querySelectorAll('.vh-bg-slide')];\r\n  if(!slides.length) return;\r\n  let i=0;\r\n  setInterval(()=>{\r\n    slides[i].style.opacity='0';\r\n    i=(i+1)%slides.length;\r\n    slides[i].style.opacity='1';\r\n  },6000);\r\n})();\r\n<\/script>\r\n\r\n<!-- ==================== JS SLIDER COLUMNES MOBIL ==================== -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const slider = document.querySelector(\".vh-three-cols.slider\");\r\n  const slides = document.querySelectorAll(\".vh-three-cols.slider .slide\");\r\n  if (!slider) return;\r\n\r\n  \/* Crear dots *\/\r\n  const dotsContainer = document.querySelector(\".slider-dots\");\r\n  slides.forEach((_, i) => {\r\n    const dot = document.createElement(\"div\");\r\n    dot.classList.add(\"slider-dot\");\r\n    if (i === 0) dot.classList.add(\"active\");\r\n    dotsContainer.appendChild(dot);\r\n  });\r\n\r\n  const dots = document.querySelectorAll(\".slider-dot\");\r\n\r\n  let index = 0;\r\n  function updateSlider(i) {\r\n    slider.scrollTo({\r\n      left: slider.clientWidth * i,\r\n      behavior: \"smooth\"\r\n    });\r\n\r\n    dots.forEach(d => d.classList.remove(\"active\"));\r\n    dots[i].classList.add(\"active\");\r\n  }\r\n\r\n  dots.forEach((dot, i) => {\r\n    dot.addEventListener(\"click\", () => {\r\n      index = i;\r\n      updateSlider(index);\r\n    });\r\n  });\r\n\r\n  \/* Swipe tactil *\/\r\n  let startX = 0;\r\n\r\n  slider.addEventListener(\"touchstart\", e => startX = e.touches[0].clientX);\r\n  slider.addEventListener(\"touchend\", e => {\r\n    const endX = e.changedTouches[0].clientX;\r\n    if (endX < startX - 50 && index < slides.length - 1) index++;\r\n    if (endX > startX + 50 && index > 0) index--;\r\n    updateSlider(index);\r\n  });\r\n\r\n});\r\n<\/script>\r\n\r\n\r\n<!-- SECCI\u00d3 COMPLETA: QUI SOM (VALL HUMANA)   |   ID: #vh-qui-som -->\r\n<style>\r\n:root{\r\n  --bg-dark:#001a33;\r\n  --blue-neon:#6dccff;\r\n  --card-bg: rgba(255,255,255,0.04);\r\n  --glass-border: rgba(110,220,255,0.12);\r\n  --text:#e9fbff;\r\n  --accent:#9fe8ff;\r\n  --maxw:1200px;\r\n}\r\n\r\n.vh-qsom {\r\n  font-family: \"Montserrat\", \"Inter\", system-ui, -apple-system, Roboto, Arial, sans-serif;\r\n  background: radial-gradient(circle at 30% 20%, rgba(109,204,255,0.04), transparent 12%),\r\n              linear-gradient(180deg, var(--bg-dark) 0%, #001024 60%);\r\n  color:var(--text);\r\n  padding:80px 20px;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.vh-qsom::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:-20%;\r\n  left:-10%;\r\n  width:1200px;height:1200px;\r\n  background: radial-gradient(circle, rgba(109,204,255,0.18) 0%, rgba(0,80,150,0) 50%);\r\n  filter: blur(120px);\r\n  transform: rotate(18deg);\r\n  z-index:0;\r\n  opacity:0.9;\r\n}\r\n\r\n\/* ---- EFECTE DE FONS SUAU (A\u00d1ADIT) ---- *\/\r\n.vh-qsom::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 120%;\r\n  height: 120%;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 10% 20%, rgba(109,204,255,0.06), transparent 20%),\r\n    radial-gradient(circle at 85% 80%, rgba(100,180,255,0.05), transparent 25%);\r\n  transform: translate3d(0,0,0);\r\n  animation: vh-bg-drift 16s linear infinite;\r\n  z-index:0;\r\n  opacity:0.65;\r\n}\r\n@keyframes vh-bg-drift{\r\n  0%{ transform: translate(-8px,-6px) scale(1); }\r\n  50%{ transform: translate(12px,10px) scale(1.02); }\r\n  100%{ transform: translate(-8px,-6px) scale(1); }\r\n}\r\n\r\n\/* PARTICLES *\/\r\n.vh-particle{\r\n  position:absolute;\r\n  width:10px;height:10px;border-radius:50%;\r\n  background: rgba(109,204,255,0.85);\r\n  filter: blur(6px);\r\n  mix-blend-mode: screen;\r\n  z-index:1;\r\n  animation: floaty 7s infinite ease-in-out;\r\n}\r\n@keyframes floaty{\r\n  0%{transform: translateY(0) translateX(0) scale(1); opacity:0.6;}\r\n  50%{transform: translateY(-40px) translateX(20px) scale(1.2); opacity:1;}\r\n  100%{transform: translateY(0) translateX(0) scale(1); opacity:0.6;}\r\n}\r\n\r\n.vh-wrap{\r\n  max-width: var(--maxw);\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns: 420px 1fr;\r\n  gap:30px;\r\n  align-items:start;\r\n}\r\n\r\n\/* ESQUERRA: IMATGE VERTICAL *\/\r\n.vh-left{\r\n  width:100%;\r\n  height:100%;\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n  box-shadow: 0 20px 60px rgba(0,110,200,0.18);\r\n  border: 1px solid rgba(110,220,255,0.06);\r\n}\r\n\r\n.vh-left img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n\/* TARGETA DRETA *\/\r\n.vh-card{\r\n  background: var(--card-bg);\r\n  border-radius:18px;\r\n  padding:28px;\r\n  border:1px solid var(--glass-border);\r\n  box-shadow: 0 24px 80px rgba(0,14,30,0.6);\r\n  backdrop-filter: blur(10px) saturate(120%);\r\n}\r\n\r\n.vh-title{\r\n  font-size:40px;\r\n  margin:0 0 8px 0;\r\n  font-weight:900;\r\n  color:var(--accent);\r\n  letter-spacing:1px;\r\n  text-shadow: 0 8px 30px rgba(109,204,255,0.12);\r\n}\r\n\r\n.vh-lead{\r\n  font-size:18px;\r\n  color:#dff7ff;\r\n  margin:0 0 18px 0;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* TEXT *\/\r\n.vh-impact{\r\n  display:inline-block;\r\n  font-size:22px;\r\n  font-weight:800;\r\n  color:var(--blue-neon);\r\n  \/* ---- AFEGIT: efecte brillant permanent (no substitueix altres propietats) ---- *\/\r\n  text-shadow:\r\n    0 0 10px rgba(109,204,255,0.7),\r\n    0 0 20px rgba(109,204,255,0.45),\r\n    0 0 36px rgba(109,204,255,0.28);\r\n  animation: vh-neon 2.6s ease-in-out infinite alternate;\r\n  margin:10px 0;\r\n}\r\n@keyframes vh-neon{\r\n  from {\r\n    text-shadow:\r\n      0 0 8px rgba(109,204,255,0.6),\r\n      0 0 18px rgba(109,204,255,0.35);\r\n  }\r\n  to {\r\n    text-shadow:\r\n      0 0 20px rgba(109,204,255,1),\r\n      0 0 40px rgba(109,204,255,0.7);\r\n  }\r\n}\r\n\r\n\/* ---- AFEGIT: brillantor extra per a les paraules VALL i HUMANA ---- *\/\r\n.brand-bright{\r\n  color: var(--blue-neon);\r\n  font-weight:900;\r\n  text-shadow:\r\n    0 0 14px rgba(109,204,255,0.95),\r\n    0 0 34px rgba(109,204,255,0.7),\r\n    0 0 64px rgba(109,204,255,0.45);\r\n  animation: brand-bright-anim 3s ease-in-out infinite alternate;\r\n}\r\n@keyframes brand-bright-anim{\r\n  0%{ opacity:0.95; }\r\n  50%{ opacity:1; filter: brightness(1.05); }\r\n  100%{ opacity:0.98; }\r\n}\r\n\r\n.vh-text p{\r\n  margin:0 0 12px 0;\r\n  font-size:16.5px;\r\n  line-height:1.7;\r\n  color:var(--text);\r\n}\r\n\r\n\/* CTA *\/\r\n.vh-ctas{ display:flex; gap:12px; margin-top:12px; flex-wrap:wrap; }\r\n.vh-btn{\r\n  padding:12px 20px; border-radius:12px; font-weight:800; text-decoration:none; cursor:pointer;\r\n}\r\n.vh-btn.primary{\r\n  background: linear-gradient(180deg,#9fe8ff,#6dccff);\r\n  color:#002a36; box-shadow:0 10px 30px rgba(61,170,255,0.14);\r\n}\r\n.vh-btn.ghost{\r\n  background:transparent; color:var(--accent); border:1px solid rgba(160,230,255,0.12);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:980px){\r\n  .vh-wrap{ grid-template-columns:1fr; }\r\n  .vh-left{ height:280px; }\r\n  .vh-title{ font-size:30px; text-align:center; }\r\n  .vh-lead{ font-size:16px; text-align:center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"vh-qsom\" id=\"vh-qui-som\" aria-label=\"Qui som - Vall Humana\">\r\n\r\n  <!-- PART\u00cdCULES -->\r\n  <div class=\"vh-particle\" style=\"top:12%; left:8%; animation-duration:6s;\"><\/div>\r\n  <div class=\"vh-particle\" style=\"top:28%; left:40%; animation-duration:8s;\"><\/div>\r\n  <div class=\"vh-particle\" style=\"top:62%; left:20%; animation-duration:7s;\"><\/div>\r\n  <div class=\"vh-particle\" style=\"top:18%; left:82%; animation-duration:9s;\"><\/div>\r\n  <div class=\"vh-particle\" style=\"top:72%; left:78%; animation-duration:5s;\"><\/div>\r\n\r\n  <div class=\"vh-wrap\">\r\n\r\n    <!-- ESQUERRA: IMATGE VERTICAL -->\r\n    <div class=\"vh-left\">\r\n      <img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/Chica-Vall-Humana-Limpiando-oficinas.png\"\r\n           alt=\"Vall Humana - Serveis de neteja amb valors humans\">\r\n    <\/div>\r\n\r\n    <!-- DRETA: CONTINGUT -->\r\n    <div class=\"vh-card\">\r\n      \r\n      <h2 class=\"vh-title\">QUI SOM?<\/h2>\r\n      <p class=\"vh-lead\">L\u2019empresa de neteja que ha decidit posar les persones per davant del negoci.<\/p>\r\n\r\n      <div class=\"vh-impact\">Som m\u00e9s que una empresa de neteja.<\/div>\r\n      <div class=\"vh-text\">\r\n        <p>A <span class=\"brand-bright\">Vall<\/span> <span class=\"brand-bright\">Humana<\/span> hem decidit trencar les normes del sector: innovaci\u00f3 real, productes ecol\u00f2gics, controls de qualitat constants i un equip qualificat. Per\u00f2 tot aix\u00f2\u2026 nom\u00e9s \u00e9s el principi.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vh-impact\">La nostra aut\u00e8ntica innovaci\u00f3: els valors humans.<\/div>\r\n      <div class=\"vh-text\">\r\n        <p>Valorem les persones per damunt de tot. Cuidem el nostre equip perqu\u00e8 ells cuidin els teus espais. Per aix\u00f2 paguem un 40% per sobre del SMIC sense incrementar el cost per al client. Quan el treballador est\u00e0 motivat, tothom hi guanya.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vh-impact\">Per qu\u00e8 \u201cVall Humana\u201d?<\/div>\r\n      <div class=\"vh-text\">\r\n        <p>\u201c<span class=\"brand-bright\">Vall<\/span>\u201d ve del nostre origen a la Vall d\u2019Andorra\u2026 i dels valors que ens defineixen. \u201c<span class=\"brand-bright\">Humana<\/span>\u201d perqu\u00e8 el centre de tot el que fem \u00e9s la persona. La nostra ess\u00e8ncia no \u00e9s el servei \u2014 sin\u00f3 la manera d\u2019entendre les persones.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vh-impact\">La tranquil\u00b7litat de saber que ho deixes en bones mans<\/div>\r\n      <div class=\"vh-text\">\r\n        <p>Creem espais nets, segurs i cuidats\u2026 per\u00f2 sobretot creem relacions de confian\u00e7a. Cada servei t\u00e9 un objectiu: que notis que darrere hi ha un equip que treballa amb cor, respecte i orgull.<\/p>\r\n      <\/div>\r\n\r\n      <!-- CTA -->\r\n      <div class=\"vh-ctas\">\r\n        <a class=\"vh-btn primary\" href=\"#vh-contacte\">Contacta<\/a>\r\n        <a class=\"vh-btn ghost\" href=\"#vh-treballa\">Uneix-te<\/a>\r\n      <\/div>\r\n\r\n    <\/div> <!-- fi vh-card -->\r\n\r\n  <\/div> <!-- fi wrap -->\r\n<section id=\"valors-section\" style=\"\r\n    position:relative; \r\n    width:100%; \r\n    min-height:1200px !important;\r\n    background: radial-gradient(circle at top, #081228, #0a1b34); \r\n    display:flex !important; \r\n    flex-direction: column !important; \r\n    align-items: center !important; \r\n    justify-content: flex-start !important; \r\n    padding:100px 0 150px 0 !important;\r\n\">\r\n\r\n    <!-- Separador futurista -->\r\n    <svg style=\"position:absolute; top:0; left:0; width:100%; height:4px;\" viewBox=\"0 0 100 1\" preserveAspectRatio=\"none\">\r\n        <linearGradient id=\"lightLine\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n            <stop offset=\"0%\" stop-color=\"#00ffff\" stop-opacity=\"0\"\/>\r\n            <stop offset=\"50%\" stop-color=\"#00ffff\" stop-opacity=\"1\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#00ffff\" stop-opacity=\"0\"\/>\r\n        <\/linearGradient>\r\n        <rect x=\"0\" y=\"0\" width=\"100\" height=\"1\" fill=\"url(#lightLine)\"\/>\r\n    <\/svg>\r\n\r\n    <!-- T\u00edtol a l'esquerra amb brillantor -->\r\n    <h2 style=\"\r\n        font-size:6rem;\r\n        font-weight:bold;\r\n        text-align:left;\r\n        width:100%;\r\n        color:#ffffff;\r\n        -webkit-text-stroke: 2px #000000;\r\n        margin-bottom:100px;\r\n        text-shadow:\r\n            0 0 10px rgba(255,255,255,0.9),\r\n            0 0 20px rgba(255,255,255,0.8),\r\n            0 0 40px rgba(255,255,255,0.7),\r\n            0 0 60px rgba(255,255,255,0.6);\r\n        position: relative;\r\n        z-index: 10;\r\n    \">\r\n        VALORS\r\n    <\/h2>\r\n\r\n    <div class=\"diagram\" style=\"position:relative; width:1000px; height:900px; margin-top:-130px;\">\r\n        <svg class=\"connections\" width=\"1000\" height=\"900\" style=\"position:absolute; top:0; left:0; z-index:0; overflow:visible;\"><\/svg>\r\n\r\n        <div class=\"bubble central\" style=\"top:50%; left:50%; transform:translate(-50%, -50%); width:300px; height:300px; z-index:2;\">\r\n            <div class=\"glow\"><\/div>\r\n            <strong>El nostre cor s\u00f3n les persones<\/strong>\r\n            <p>Quan cuidem el nostre equip, tot funciona millor.<\/p>\r\n            <p>La seva motivaci\u00f3 es tradueix en serveis excepcionals.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bubble external\" style=\"--angle:0deg; --radius:380px; width:260px; height:260px; background:#87ceeb; z-index:2;\">\r\n            <div class=\"glow\"><\/div>\r\n            <strong>Treball amb dignitat<\/strong>\r\n            <p>Els nostres equips reben respecte i condicions justes.<\/p>\r\n            <p>Quan se senten valorats, brillen en cada tasca.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bubble external\" style=\"--angle:72deg; --radius:380px; width:260px; height:260px; background:#40e0d0; z-index:2;\">\r\n            <div class=\"glow\"><\/div>\r\n            <strong>Servei que sorpr\u00e8n<\/strong>\r\n            <p>Cada espai net reflecteix passi\u00f3 i cura.<\/p>\r\n            <p>El client nota la difer\u00e8ncia des del primer moment.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bubble external\" style=\"--angle:144deg; --radius:380px; width:260px; height:260px; background:#32cd32; z-index:2;\">\r\n            <div class=\"glow\"><\/div>\r\n            <strong>Innovaci\u00f3 que millora<\/strong>\r\n            <p>M\u00e8todes, eines i materials de nova generaci\u00f3.<\/p>\r\n            <p>Fem que la neteja sigui m\u00e9s eficient i responsable.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bubble external\" style=\"--angle:216deg; --radius:380px; width:260px; height:260px; background:#c8a2c8; z-index:2;\">\r\n            <div class=\"glow\"><\/div>\r\n            <strong>Respecte per l\u2019entorn<\/strong>\r\n            <p>Productes ecol\u00f2gics i sostenibles en cada servei.<\/p>\r\n            <p>Cuidem persones i planeta sense renunciar a l\u2019excel\u00b7l\u00e8ncia.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bubble external\" style=\"--angle:288deg; --radius:380px; width:260px; height:260px; background:#1e90ff; z-index:2;\">\r\n            <div class=\"glow\"><\/div>\r\n            <strong>Confian\u00e7a que connecta<\/strong>\r\n            <p>La nostra manera de treballar genera seguretat i serenitat.<\/p>\r\n            <p>Creem relacions que perduren m\u00e9s enll\u00e0 del servei.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.bubble {\r\n    position:absolute;\r\n    border-radius:50%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    align-items:center;\r\n    text-align:center;\r\n    color:white;\r\n    padding:20px;\r\n    font-size:16px;\r\n    line-height:1.2;\r\n    box-shadow:0 0 25px rgba(255,255,255,0.4);\r\n    z-index:2;\r\n}\r\n\r\n.central {\r\n    background: radial-gradient(circle at top left, #87ceeb, #1e3a8a);\r\n    animation: pulse 2s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0% { transform: translate(-50%, -50%) scale(1); }\r\n    50% { transform: translate(-50%, -50%) scale(1.08); }\r\n    100% { transform: translate(-50%, -50%) scale(1); }\r\n}\r\n\r\n.external {\r\n    top:50%;\r\n    left:50%;\r\n    transform: translate(-50%, -50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1*var(--angle)));\r\n    animation: float 4s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes float {\r\n    0% { transform: translate(-50%, -50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1*var(--angle))) translateY(0px); }\r\n    50% { transform: translate(-50%, -50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1*var(--angle))) translateY(-15px); }\r\n    100% { transform: translate(-50%, -50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1*var(--angle))) translateY(0px); }\r\n}\r\n\r\n.bubble::after {\r\n    content:'';\r\n    position:absolute;\r\n    top:0; left:0;\r\n    width:100%; height:100%;\r\n    border-radius:50%;\r\n    box-shadow:0 0 50px rgba(255,255,255,0.2) inset;\r\n    pointer-events:none;\r\n    animation: shine 3s infinite alternate;\r\n}\r\n\r\n@keyframes shine {\r\n    0% { box-shadow:0 0 30px rgba(255,255,255,0.1) inset; }\r\n    100% { box-shadow:0 0 50px rgba(255,255,255,0.3) inset; }\r\n}\r\n\r\n.connections .line {\r\n    stroke: rgba(255,255,255,0.7);\r\n    stroke-width:3;\r\n    stroke-dasharray:10 10;\r\n    stroke-linecap:round;\r\n    animation: dash 1s linear infinite;\r\n}\r\n\r\n@keyframes dash { to { stroke-dashoffset:-20; } }\r\n\r\n\/* ---------------- VERSION M\u00d2BIL FUNCIONAL CENTRADA ---------------- *\/\r\n@media (max-width:768px) {\r\n    #valors-section { padding:50px 20px 50px 20px !important; min-height:auto !important; }\r\n    #valors-section h2 { font-size:3rem !important; margin-bottom:40px !important; text-align:center; }\r\n    .diagram {\r\n        position:relative !important;\r\n        width:100% !important;\r\n        height:auto !important;\r\n        margin-top:80px !important; \r\n        display:flex !important;\r\n        flex-direction:column !important;\r\n        align-items:center !important;  \/* Centrat horitzontalment *\/\r\n    }\r\n    .bubble {\r\n        position: relative !important;\r\n        width:85% !important;\r\n        max-width:300px !important;\r\n        height:auto !important;\r\n        margin: 20px 0 !important;         \r\n        transform:none !important;\r\n        animation:none !important;\r\n        left:0 !important;\r\n    }\r\n    .bubble.central, .bubble.central::after, .bubble.central::before,\r\n    .bubble.external::after, .bubble.external::before { content:none !important; display:block !important; animation:none !important; }\r\n    .connections { display:none !important; }\r\n    .bubble .glow {\r\n        display:block;\r\n        position:absolute;\r\n        top:0; left:0;\r\n        width:100%;\r\n        height:100%;\r\n        border-radius:50%;\r\n        box-shadow:0 0 25px rgba(255,255,255,0.3) inset;\r\n        pointer-events:none;\r\n        z-index:1;\r\n    }\r\n    .bubble > * { position:relative; z-index:2; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nwindow.addEventListener('load', () => {\r\n    const svg = document.querySelector('.connections');\r\n    const central = document.querySelector('.central');\r\n    const externals = document.querySelectorAll('.external');\r\n\r\n    function drawLines() {\r\n        if (window.getComputedStyle(svg).display === 'none') {\r\n            svg.innerHTML = '';\r\n            return;\r\n        }\r\n\r\n        svg.innerHTML = '';\r\n        const diagram = document.querySelector('.diagram');\r\n        const dRect = diagram.getBoundingClientRect();\r\n        svg.setAttribute(\"width\", dRect.width);\r\n        svg.setAttribute(\"height\", dRect.height);\r\n        const svgRect = svg.getBoundingClientRect();\r\n\r\n        const cRect = central.getBoundingClientRect();\r\n        const cX = cRect.left + cRect.width\/2 - svgRect.left;\r\n        const cY = cRect.top + cRect.height\/2 - svgRect.top;\r\n\r\n        externals.forEach(ext => {\r\n            const eRect = ext.getBoundingClientRect();\r\n            const eX = eRect.left + eRect.width\/2 - svgRect.left;\r\n            const eY = eRect.top + eRect.height\/2 - svgRect.top;\r\n\r\n            const line = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"line\");\r\n            line.setAttribute(\"x1\", cX);\r\n            line.setAttribute(\"y1\", cY);\r\n            line.setAttribute(\"x2\", eX);\r\n            line.setAttribute(\"y2\", eY);\r\n            line.classList.add('line');\r\n            svg.appendChild(line);\r\n        });\r\n    }\r\n\r\n    drawLines();\r\n    window.addEventListener('resize', drawLines);\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n<!-- ===== SECCI\u00d3 SERVEIS - GRADIENT CORPORATIU DEFINITIU ===== -->\r\n<section id=\"vh-serveis\" style=\"background:none !important; margin:0; padding:0; position:relative; overflow:hidden;\">\r\n  <script>\r\n    (function(){\r\n      const css = `\r\n#vh-serveis.inner-ready { padding: 100px 0 80px 0; }\r\n\r\n\/* FONS CORPORATIU: degradat exacte entre el blau clar superior i el blau fosc inferior *\/\r\n#vh-serveis .vh-serveis-bg {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n  background: linear-gradient(180deg,\r\n    #5caee3 0%,   \/* blau clar superior (com la secci\u00f3 adalt) *\/\r\n    #2d77b7 45%,  \/* transici\u00f3 interm\u00e8dia suau *\/\r\n    #0a2744 100%  \/* blau fosc inferior (com la secci\u00f3 d'afiliaci\u00f3) *\/\r\n  );\r\n  background-size: cover;\r\n  background-attachment: fixed;\r\n  transition: background 1s ease;\r\n}\r\n\r\n\/* Llum suau per donar profunditat *\/\r\n#vh-serveis .vh-serveis-sheen {\r\n  position:absolute !important;\r\n  top:-40% !important;\r\n  left:-40% !important;\r\n  width:180% !important;\r\n  height:180% !important;\r\n  z-index:1 !important;\r\n  pointer-events:none !important;\r\n  background: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.12), rgba(255,255,255,0.06) 20%, transparent 45%);\r\n  opacity:0.5;\r\n  animation: vhSheenMove 18s linear infinite;\r\n}\r\n@keyframes vhSheenMove {\r\n  0% { transform: translate(-10%, -10%) rotate(0deg); }\r\n  50% { transform: translate(10%, 10%) rotate(180deg); }\r\n  100% { transform: translate(-10%, -10%) rotate(360deg); }\r\n}\r\n\r\n\/* CONTINGUT *\/\r\n#vh-serveis .vh-content {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 100px 20px 80px 20px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* T\u00cdTOL *\/\r\n#vh-serveis .vh-title {\r\n  font-family: 'Poppins', sans-serif;\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  font-size: 2.2rem;\r\n  text-align: center;\r\n  margin: 0 0 50px 0;\r\n  text-shadow: 0 4px 14px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* GRID *\/\r\n#vh-serveis .vh-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 36px;\r\n  align-items: start;\r\n}\r\n\r\n\/* TARGETES *\/\r\n#vh-serveis .vh-card {\r\n  background: rgba(255,255,255,0.88);\r\n  border-radius: 16px;\r\n  padding: 26px;\r\n  box-shadow: 0 8px 28px rgba(2,20,40,0.22);\r\n  text-align: center;\r\n  transition: transform .36s cubic-bezier(.2,.9,.2,1), box-shadow .36s ease, background .36s ease;\r\n  max-width: 340px;\r\n  margin: 0 auto;\r\n}\r\n#vh-serveis .vh-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 18px 44px rgba(2,20,40,0.32);\r\n  background: rgba(255,255,255,0.98);\r\n}\r\n\r\n\/* IMATGES *\/\r\n#vh-serveis .vh-card img {\r\n  width: 200px;\r\n  height: 200px;\r\n  object-fit: cover;\r\n  border-radius: 12px;\r\n  box-shadow: 0 8px 26px rgba(2,20,40,0.18);\r\n  transition: transform .36s ease, box-shadow .36s ease;\r\n  display:block;\r\n  margin: 0 auto 14px auto;\r\n}\r\n\r\n\/* TEXTOS *\/\r\n#vh-serveis .vh-card h3 {\r\n  margin: 6px 0 10px 0;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 1.05rem;\r\n  color: #083b66;\r\n  font-weight: 700;\r\n}\r\n#vh-serveis .vh-card p {\r\n  margin: 0;\r\n  color: #222;\r\n  line-height: 1.6;\r\n  font-size: 0.95rem;\r\n  font-family: 'Open Sans', sans-serif;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  #vh-serveis .vh-title { font-size: 1.7rem; margin-bottom: 28px; }\r\n  #vh-serveis .vh-card img { width: 160px; height:160px; }\r\n  #vh-serveis .vh-content { padding: 60px 16px; }\r\n}`;\r\n      if(!document.getElementById('vh-serveis-style-final')){\r\n        const s=document.createElement('style');\r\n        s.id='vh-serveis-style-final';\r\n        s.innerHTML=css;\r\n        document.head.appendChild(s);\r\n      }\r\n      document.addEventListener('DOMContentLoaded',()=>{\r\n        const sec=document.getElementById('vh-serveis');\r\n        if(sec) sec.classList.add('inner-ready');\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n  <div class=\"vh-serveis-bg\"><\/div>\r\n  <div class=\"vh-serveis-sheen\"><\/div>\r\n\r\n  <div class=\"vh-content\">\r\n    <h2 class=\"vh-title\">Serveis integrals de neteja i manteniment pensats per marcar la difer\u00e8ncia<\/h2>\r\n    <div class=\"vh-grid\">\r\n      <div class=\"vh-card\"><img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/Chico-Vall-Humana-perche-dEau-pure-e1762943286977.png\"><h3>Neteja de vidres i superf\u00edcies<\/h3><p>Tractaments professionals per a vidres i superf\u00edcies envidrades amb t\u00e8cniques i maquin\u00e0ria exclusives a Andorra.<\/p><\/div>\r\n      <div class=\"vh-card\"><img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/Chica-Vall-Humana-Limpiando-oficinas.png\"><h3>Neteja d\u2019oficines i comer\u00e7os<\/h3><p>Manteniment integral d\u2019espais de treball i locals comercials amb productes ecol\u00f2gics i segurs per a salut i medi ambient.<\/p><\/div>\r\n      <div class=\"vh-card\"><img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-12-nov-2025-10_57_07-e1762943201493.png\"><h3>Neteja de teixits i moquetes<\/h3><p>Xamp\u00fa i tractaments professionals per a moquetes, teixits i mobiliari que garanteixen higiene i durabilitat.<\/p><\/div>\r\n      <div class=\"vh-card\"><img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-12-nov-2025-11_03_20.png\"><h3>Manteniment i neteja d\u2019edificis<\/h3><p>Gesti\u00f3 integral de comunitats, zones exteriors i espais verds amb sistemes innovadors i eficients.<\/p><\/div>\r\n      <div class=\"vh-card\"><img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/ChatGPT-Image-12-nov-2025-11_33_53-e1762943768247.png\"><h3>Neteja post-obra i final de projecte<\/h3><p>Serveis especialitzats per a acabats d\u2019obra i trasllats, amb equips professionals i tecnologia avan\u00e7ada.<\/p><\/div>\r\n      <div class=\"vh-card\"><img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/Vall-Humana-productes-Ecologics.png\"><h3>Prove\u00efment de productes ecol\u00f2gics<\/h3><p>Subministrament i venda de productes ecol\u00f2gics exclusius, segurs per a la salut i el medi ambient.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ===== FI SECCI\u00d3 SERVEIS ===== -->\r\n\r\n<!-- SECCI\u00d3 PROC\u00c9S -->\r\n<section id=\"vh-proces\">\r\n  <div class=\"proces-container\">\r\n    <h2>El nostre proc\u00e9s<\/h2>\r\n    <p class=\"subtitol\">Com treballem per oferir resultats professionals i duradors<\/p>\r\n    <div class=\"proces-img\">\r\n      <img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-13-181858.png\" alt=\"Proc\u00e9s Vall Humana\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ---- SECCI\u00d3 PROC\u00c9S ---- *\/\r\n#vh-proces {\r\n  background: linear-gradient(180deg, #0b2f59 0%, #1c5fae 100%);\r\n  color: white;\r\n  text-align: center;\r\n  padding: 100px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* L\u00ednia de brillantor subtil al fons *\/\r\n#vh-proces::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -50%;\r\n  width: 200%;\r\n  height: 100%;\r\n  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.15), transparent 70%);\r\n  animation: shineMove 8s infinite linear;\r\n}\r\n\r\n@keyframes shineMove {\r\n  0% { transform: translateX(-30%); opacity: 0.6; }\r\n  50% { transform: translateX(30%); opacity: 0.9; }\r\n  100% { transform: translateX(-30%); opacity: 0.6; }\r\n}\r\n\r\n.proces-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#vh-proces h2 {\r\n  font-size: 2.6rem;\r\n  margin-bottom: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n#vh-proces .subtitol {\r\n  font-size: 1.2rem;\r\n  opacity: 0.9;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.proces-img img {\r\n  width: 100%;\r\n  max-width: 900px;\r\n  border-radius: 20px;\r\n  box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n  transition: transform 0.8s ease, box-shadow 0.8s ease;\r\n}\r\n\r\n.proces-img img:hover {\r\n  transform: scale(1.03);\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.4);\r\n}\r\n<\/style>\r\n\r\n<!-- ========== SECCI\u00d3 AFILIACI\u00d3 - VERSI\u00d3 PREMIUM DEFINITIVA ========== -->\r\n<section id=\"afiliacio\" aria-label=\"Afiliaci\u00f3 Vall Humana\" style=\"position:relative; overflow:hidden; font-family:'Poppins',sans-serif;\">\r\n\r\n  <style>\r\n    \/* Contenidor i fons (elegant, professional) *\/\r\n    #afiliacio {\r\n      background: linear-gradient(180deg, #0d2640 0%, #123a5a 55%, #0c2a44 100%);\r\n      color: #e8f3ff;\r\n      padding: 80px 0 30px 0;       \/* menys padding final per evitar forats visuals *\/\r\n      margin: 0;                   \/* important: evitem marges externs inesperats *\/\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Centrat i m\u00e0x-width *\/\r\n    #afiliacio .vh-inner {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* T\u00edtol *\/\r\n    #afiliacio h2 {\r\n      font-size: 36px;\r\n      font-weight: 800;\r\n      color: #f4fbff;\r\n      margin: 0 0 12px 0;\r\n      letter-spacing: -0.4px;\r\n    }\r\n    #afiliacio p.lead {\r\n      color: #cfe6ff;\r\n      font-size: 17px;\r\n      line-height: 1.7;\r\n      max-width: 880px;\r\n      margin: 0 auto 36px auto;\r\n    }\r\n\r\n    \/* Graella targetes: una fila en escriptoris *\/\r\n    #afiliacio .cards {\r\n      display: flex;\r\n      gap: 26px;\r\n      justify-content: center;\r\n      flex-wrap: nowrap;\r\n      margin-bottom: 48px;\r\n    }\r\n    \/* Cada targeta *\/\r\n    #afiliacio .card {\r\n      flex: 1 1 240px;\r\n      max-width: 270px;\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(250,250,250,0.92) 100%);\r\n      color: #0c2a44;\r\n      border-radius: 16px;\r\n      padding: 26px;\r\n      text-align: left;\r\n      box-shadow: 0 18px 40px rgba(6,20,45,0.35);\r\n      transition: transform .32s cubic-bezier(.2,.9,.2,1), box-shadow .32s ease;\r\n    }\r\n    #afiliacio .card:hover {\r\n      transform: translateY(-10px);\r\n      box-shadow: 0 26px 55px rgba(6,20,45,0.45);\r\n    }\r\n    #afiliacio .card h3 {\r\n      margin: 0 0 10px 0;\r\n      font-size:18px;\r\n      font-weight:700;\r\n      color: #083d6a;\r\n    }\r\n    #afiliacio .card p {\r\n      margin: 0;\r\n      color: #284860;\r\n      font-size:14.5px;\r\n      line-height:1.6;\r\n    }\r\n\r\n    \/* Imatge corporativa (centrada) *\/\r\n    #afiliacio .vh-image {\r\n      margin-top: 30px;\r\n      margin-bottom: 18px;\r\n      display:flex;\r\n      justify-content:center;\r\n    }\r\n    #afiliacio .vh-image img {\r\n      width: 100%;\r\n      max-width: 920px;\r\n      border-radius: 14px;\r\n      box-shadow: 0 30px 60px rgba(2,16,36,0.45);\r\n      display:block;\r\n      transition: transform .45s cubic-bezier(.2,.9,.2,1);\r\n    }\r\n    #afiliacio .vh-image img:hover { transform: translateY(-6px) scale(1.01); }\r\n\r\n    \/* Bot\u00f3 *\/\r\n    #afiliacio .vh-cta { margin-top: 18px; margin-bottom: 6px; }\r\n    #afiliacio .vh-cta a {\r\n      display:inline-block;\r\n      padding:14px 34px;\r\n      border-radius:40px;\r\n      background: linear-gradient(90deg,#0066c8,#00a9ff);\r\n      color:#fff;\r\n      font-weight:700;\r\n      text-decoration:none;\r\n      box-shadow: 0 10px 30px rgba(0,105,200,0.2);\r\n      transition: transform .18s ease, box-shadow .18s ease;\r\n    }\r\n    #afiliacio .vh-cta a:hover { transform: translateY(-4px); box-shadow:0 16px 40px rgba(0,105,200,0.28); }\r\n\r\n    \/* Petita franja decorativa al fons (llum suau) *\/\r\n    #afiliacio::before {\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background: radial-gradient(circle at 12% 10%, rgba(255,255,255,0.03), transparent 20%),\r\n                  radial-gradient(circle at 85% 80%, rgba(255,255,255,0.02), transparent 30%);\r\n      z-index:1;\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* RESPONSIVE: que les 4 targetes no trencin en m\u00f2bil *\/\r\n    @media (max-width: 1100px) {\r\n      #afiliacio .cards { flex-wrap: wrap; gap:18px; justify-content:center; }\r\n      #afiliacio .card { max-width: 47%; }\r\n      #afiliacio h2 { font-size:30px; }\r\n    }\r\n    @media (max-width: 720px) {\r\n      #afiliacio .card { max-width: 100%; width:100%; }\r\n      #afiliacio .cards { gap:14px; }\r\n      #afiliacio h2 { font-size:24px; }\r\n      #afiliacio p.lead { font-size:15px; }\r\n    }\r\n\r\n    \/* ===== REMOVEM L'ESPai EN BLAU\/BLANC ENTRE SECCIONS =====\r\n       Per evitar que el tema\/Elementor afegeixi marge superior a la seg\u00fcent secci\u00f3. *\/\r\n    #afiliacio { margin-bottom: 0 !important; padding-bottom: 20px !important; }\r\n    #vh-contacte { margin-top: 0 !important; padding-top: 30px !important; }\r\n\r\n  <\/style>\r\n\r\n  <!-- Contingut interior -->\r\n  <div class=\"vh-inner\" role=\"region\" aria-labelledby=\"afiliacio-title\">\r\n    <h2 id=\"afiliacio-title\">Programa d\u2019Afiliaci\u00f3 Vall Humana<\/h2>\r\n    <p class=\"lead\">\r\n      Uneix-te a una xarxa d\u2019empreses amb visi\u00f3 estrat\u00e8gica. Promotors, constructores, immobili\u00e0ries, assessories i asseguradores: <strong>cooperem per sumar reputaci\u00f3, confian\u00e7a i creixement<\/strong>.\r\n    <\/p>\r\n\r\n    <!-- TARGETES: 4 en una fila (si ample) -->\r\n    <div class=\"cards\" role=\"list\">\r\n      <div class=\"card\" role=\"listitem\" aria-label=\"Aliances que impulsen\">\r\n        <h3>Aliances que impulsen<\/h3>\r\n        <p>Partners estrat\u00e8gics per a projectes amb exig\u00e8ncia: despleguem processos que asseguren resultats i imatge fina.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\" role=\"listitem\" aria-label=\"Reputaci\u00f3 i credibilitat\">\r\n        <h3>Reputaci\u00f3 i credibilitat<\/h3>\r\n        <p>Ser afiliat a Vall Humana refor\u00e7a la teva marca: imatge, tra\u00e7abilitat i protocols que avalen el servei.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\" role=\"listitem\" aria-label=\"Creixement compartit\">\r\n        <h3>Creixement compartit<\/h3>\r\n        <p>Generem oportunitats comercials i operatives compartides, orientades a consolidar la pres\u00e8ncia al mercat.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\" role=\"listitem\" aria-label=\"Sinergies\">\r\n        <h3>Sinergies que sumen<\/h3>\r\n        <p>Relacions duradores basades en confian\u00e7a, qualitat i cooperaci\u00f3 per oferir m\u00e9s valor als clients finals.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IMATGE CORPORATIVA -->\r\n    <div class=\"vh-image\" aria-hidden=\"false\">\r\n      <img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/IMATGE-CORPORATIVA-AFILIACIO.png\"\r\n           alt=\"Imatge corporativa Vall Humana - Afiliaci\u00f3\"\r\n           width=\"920\" height=\"auto\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"vh-cta\">\r\n      <a href=\"#vh-contacte\">Contacta amb direcci\u00f3<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n<!-- ========== FI SECCI\u00d3 AFILIACI\u00d3 ========== -->\r\n\r\n<!-- ===== SECCI\u00d3 CLIENTS - CORREGIDA ===== -->\r\n<section id=\"clients\" aria-label=\"Clients satisfets\" style=\"font-family:'Poppins',sans-serif; margin:0;\">\r\n  <style>\r\n    #clients {\r\n      background: linear-gradient(180deg, #0d2640 0%, #123a5a 50%, #0c2a44 100%);\r\n      color: #e8f3ff;\r\n      padding: 80px 0 40px 0;\r\n      margin: 0;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #clients::before {\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        radial-gradient(circle at 12% 15%, rgba(255,255,255,0.03), transparent 10%),\r\n        radial-gradient(circle at 85% 80%, rgba(255,255,255,0.02), transparent 12%);\r\n      pointer-events:none;\r\n      z-index:0;\r\n    }\r\n\r\n    #clients .vh-inner {\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:0 20px;\r\n      position:relative;\r\n      z-index:2;\r\n      text-align:center;\r\n    }\r\n\r\n    #clients h2 {\r\n      font-size:36px;\r\n      font-weight:800;\r\n      color:#f4fbff;\r\n      margin: 0 0 10px 0;\r\n    }\r\n\r\n    #clients p.lead {\r\n      color:#cfe6ff;\r\n      margin:0 auto 34px auto;\r\n      max-width:900px;\r\n      line-height:1.7;\r\n      font-size:16px;\r\n    }\r\n\r\n    #clients .reviews {\r\n      display:flex;\r\n      gap:26px;\r\n      justify-content:center;\r\n      align-items:stretch;\r\n      flex-wrap:wrap;\r\n      margin-bottom:28px;\r\n    }\r\n\r\n    #clients .review {\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,249,251,0.96));\r\n      color:#0c2a44;\r\n      border-radius:14px;\r\n      padding:28px 24px;\r\n      width: 100%;\r\n      max-width: 280px;\r\n      box-shadow: 0 18px 40px rgba(2,16,36,0.32);\r\n      text-align:left;\r\n      transition: transform .36s cubic-bezier(.2,.9,.2,1), box-shadow .36s ease;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:10px;\r\n    }\r\n\r\n    #clients .review:hover {\r\n      transform: translateY(-10px);\r\n      box-shadow: 0 28px 60px rgba(2,16,36,0.42);\r\n    }\r\n\r\n    #clients .review img {\r\n      width:88px; height:88px; border-radius:50%; object-fit:cover;\r\n      display:block; margin-bottom:6px;\r\n    }\r\n\r\n    #clients .review h3 { margin:0; font-size:1.05rem; font-weight:700; color:#083d6a; }\r\n    #clients .review .role { margin:0; color:#557391; font-size:0.9rem; }\r\n    #clients .review .stars { color:#f4b400; font-size:1rem; margin-top:6px; }\r\n\r\n    #clients .review p.comment {\r\n      margin-top:8px;\r\n      color:#1b2f43;\r\n      font-size:0.95rem;\r\n      line-height:1.6;\r\n      flex-grow:1;\r\n    }\r\n\r\n    @media (min-width: 1100px) { #clients .review { flex-basis: 23%; } }\r\n    @media (max-width: 1099px) and (min-width:720px) { #clients .review { flex-basis: 45%; } }\r\n    @media (max-width: 720px) {\r\n      #clients { padding:60px 16px 30px 16px; }\r\n      #clients h2 { font-size:28px; }\r\n      #clients .review { max-width:100%; width:100%; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vh-inner\">\r\n    <h2>Clients satisfets<\/h2>\r\n    <p class=\"lead\">La nostra reputaci\u00f3 es construeix dia a dia amb treball rigor\u00f3s i col\u00b7laboracions s\u00f2lides. Aix\u00f2 \u00e9s el que diuen clients i partners que confien en Vall Humana.<\/p>\r\n\r\n    <div class=\"reviews\">\r\n      <!-- Jordi -->\r\n      <article class=\"review\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1603415526960-f7e0328c63b1?auto=format&fit=crop&w=400&q=80\" alt=\"Jordi Prats\">\r\n        <h3>Jordi Prats<\/h3>\r\n        <div class=\"role\">Director \u00b7 Immobili\u00e0ria Prats &amp; Associats<\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"comment\">\u201cVall Humana ha aportat un nivell de precisi\u00f3 i presentaci\u00f3 que ha elevat la percepci\u00f3 dels nostres immobles. Puntuals, professionals i extremadament curosos.\u201d<\/p>\r\n      <\/article>\r\n\r\n      <!-- Clara -->\r\n      <article class=\"review\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607746882042-944635dfe10e?auto=format&fit=crop&w=400&q=80\" alt=\"Clara Puig\">\r\n        <h3>Clara Puig<\/h3>\r\n        <div class=\"role\">Gerent \u00b7 Assegurances Europa<\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"comment\">\u201cLa seva atenci\u00f3 a l\u2019execuci\u00f3 i la cura pels detalls ens han donat la tranquil\u00b7litat que busc\u00e0vem. Recomanables per la seva serietat i professionalitat.\u201d<\/p>\r\n      <\/article>\r\n\r\n      <!-- Albert -->\r\n      <article class=\"review\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544723795-3fb6469f5b39?auto=format&fit=crop&w=400&q=80\" alt=\"Albert Sol\u00e9\">\r\n        <h3>Albert Sol\u00e9<\/h3>\r\n        <div class=\"role\">Promotor \u00b7 Grup Sol\u00e9 Habitatges<\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"comment\">\u201cTreballant amb Vall Humana la nostra exig\u00e8ncia s\u2019ha vist reflectida en la qualitat final dels projectes. Professionalitat i rapidesa en totes les fases.\u201d<\/p>\r\n      <\/article>\r\n\r\n      <!-- Marta -->\r\n      <article class=\"review\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529626455594-4ff0802cfb7e?auto=format&fit=crop&w=400&q=80\" alt=\"Marta Rovira\">\r\n        <h3>Marta Rovira<\/h3>\r\n        <div class=\"role\">Arquitecta \u00b7 Estudi MR Projectes<\/div>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"comment\">\u201cEl seu enfocament professional i la cura pels acabats s\u00f3n del m\u00e9s alt nivell. Ens han ajudat a mantenir est\u00e0ndards que els nostres clients reclamen.\u201d<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const items = document.querySelectorAll('#clients .review');\r\n      if(!items.length) return;\r\n      const obs = new IntersectionObserver((entries, o) => {\r\n        entries.forEach(e => {\r\n          if(e.isIntersecting){\r\n            e.target.style.opacity = 1;\r\n            e.target.style.transform = 'translateY(0)';\r\n            o.unobserve(e.target);\r\n          }\r\n        });\r\n      }, {threshold: 0.18});\r\n      items.forEach(it => {\r\n        it.style.opacity = 0;\r\n        it.style.transform = 'translateY(30px)';\r\n        it.style.transition = 'all 0.85s cubic-bezier(.2,.9,.2,1)';\r\n        obs.observe(it);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== FI SECCI\u00d3 CLIENTS ===== -->\r\n<style>\r\n<!-- ========================== -->\r\n<!-- ========================== -->\r\n<!-- SECCI\u00d3 VALORS AMB SVG -->\r\n<!-- ========================== -->\r\n<div id=\"valors-section\" style=\"width:100%; padding:80px 0; background: radial-gradient(circle at top, #0a1b34, #081228); display:flex; justify-content:center; align-items:center; flex-direction:column;\">\r\n\r\n  <!-- T\u00edtol -->\r\n  <h2 style=\"font-size:3rem; font-weight:bold; text-align:center; margin-bottom:60px;\r\n    background: linear-gradient(to right, #87ceeb, #32cd32);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\">\r\n    VALORS\r\n  <\/h2>\r\n\r\n  <!-- Contenidor SVG -->\r\n  <svg width=\"800\" height=\"600\" viewBox=\"0 0 800 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"overflow:visible;\">\r\n\r\n    <!-- L\u00ednies de connexi\u00f3 animades -->\r\n    <line x1=\"400\" y1=\"300\" x2=\"150\" y2=\"150\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"2\">\r\n      <animate attributeName=\"stroke-opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n    <\/line>\r\n    <line x1=\"400\" y1=\"300\" x2=\"650\" y2=\"150\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"2\">\r\n      <animate attributeName=\"stroke-opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\" begin=\"0.3s\"\/>\r\n    <\/line>\r\n    <line x1=\"400\" y1=\"300\" x2=\"150\" y2=\"450\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"2\">\r\n      <animate attributeName=\"stroke-opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\" begin=\"0.6s\"\/>\r\n    <\/line>\r\n    <line x1=\"400\" y1=\"300\" x2=\"650\" y2=\"450\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"2\">\r\n      <animate attributeName=\"stroke-opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\" begin=\"0.9s\"\/>\r\n    <\/line>\r\n    <line x1=\"400\" y1=\"300\" x2=\"400\" y2=\"550\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"2\">\r\n      <animate attributeName=\"stroke-opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\" begin=\"1.2s\"\/>\r\n    <\/line>\r\n\r\n    <!-- Bombolla central -->\r\n    <circle cx=\"400\" cy=\"300\" r=\"110\" fill=\"url(#centralGradient)\">\r\n      <animate attributeName=\"r\" values=\"110;120;110\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n    <\/circle>\r\n    <text x=\"400\" y=\"270\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">\r\n      El nostre cor s\u00f3n les persones\r\n    <\/text>\r\n    <text x=\"400\" y=\"290\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">\r\n      Quan cuidem el nostre equip, tot funciona millor.\r\n    <\/text>\r\n    <text x=\"400\" y=\"310\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">\r\n      La seva motivaci\u00f3 es tradueix en serveis excepcionals.\r\n    <\/text>\r\n\r\n    <!-- Bombolles externes -->\r\n    <circle cx=\"150\" cy=\"150\" r=\"75\" fill=\"#87ceeb\"\/>\r\n    <text x=\"150\" y=\"140\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\" font-weight=\"bold\">Treball amb dignitat<\/text>\r\n    <text x=\"150\" y=\"155\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Els nostres equips reben respecte i condicions justes.<\/text>\r\n    <text x=\"150\" y=\"170\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Quan se senten valorats, brillen en cada tasca.<\/text>\r\n\r\n    <circle cx=\"650\" cy=\"150\" r=\"75\" fill=\"#40e0d0\"\/>\r\n    <text x=\"650\" y=\"140\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\" font-weight=\"bold\">Servei que sorpr\u00e8n<\/text>\r\n    <text x=\"650\" y=\"155\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Cada espai net reflecteix passi\u00f3 i cura.<\/text>\r\n    <text x=\"650\" y=\"170\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">El client nota la difer\u00e8ncia des del primer moment.<\/text>\r\n\r\n    <circle cx=\"150\" cy=\"450\" r=\"75\" fill=\"#32cd32\"\/>\r\n    <text x=\"150\" y=\"440\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\" font-weight=\"bold\">Innovaci\u00f3 que millora<\/text>\r\n    <text x=\"150\" y=\"455\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">M\u00e8todes, eines i materials de nova generaci\u00f3.<\/text>\r\n    <text x=\"150\" y=\"470\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Fem que la neteja sigui m\u00e9s eficient i responsable.<\/text>\r\n\r\n    <circle cx=\"650\" cy=\"450\" r=\"75\" fill=\"#c8a2c8\"\/>\r\n    <text x=\"650\" y=\"440\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\" font-weight=\"bold\">Respecte per l\u2019entorn<\/text>\r\n    <text x=\"650\" y=\"455\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Productes ecol\u00f2gics i sostenibles en cada servei.<\/text>\r\n    <text x=\"650\" y=\"470\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Cuidem persones i planeta sense renunciar a l\u2019excel\u00b7l\u00e8ncia.<\/text>\r\n\r\n    <circle cx=\"400\" cy=\"550\" r=\"75\" fill=\"#1e90ff\"\/>\r\n    <text x=\"400\" y=\"540\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\" font-weight=\"bold\">Confian\u00e7a que connecta<\/text>\r\n    <text x=\"400\" y=\"555\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">La nostra manera de treballar genera seguretat i serenitat.<\/text>\r\n    <text x=\"400\" y=\"570\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Creem relacions que perduren m\u00e9s enll\u00e0 del servei.<\/text>\r\n\r\n    <!-- Definici\u00f3 gradient bombolla central -->\r\n    <defs>\r\n      <radialGradient id=\"centralGradient\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n        <stop offset=\"0%\" stop-color=\"#87ceeb\"\/>\r\n        <stop offset=\"100%\" stop-color=\"#1e3a8a\"\/>\r\n      <\/radialGradient>\r\n    <\/defs>\r\n\r\n  <\/svg>\r\n\r\n<\/div>\r\n\r\n\r\n<\/style>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/section>\r\n<style>\r\n  \/* A\u00cfLLEM TOT: nom\u00e9s afecta aquesta secci\u00f3 *\/\r\n  .vh-section *, .vh-section *::before, .vh-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Layout b\u00e0sic *\/\r\n  .vh-section { margin:0; padding:0; width:100%; min-height:100vh; display:flex; }\r\n  .vh-section .vh-left { flex:1; min-width:360px; }\r\n  .vh-section .vh-left img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 6s ease; }\r\n\r\n  \/* DRETA: fons m\u00e9s fosc i coherent *\/\r\n  .vh-section .vh-right {\r\n    flex:1;\r\n    min-width:360px;\r\n    padding:56px;\r\n    position:relative;\r\n    overflow:visible;\r\n    background: linear-gradient(180deg, rgba(0,20,28,0.86), rgba(0,40,48,0.88));\r\n    box-shadow: inset 0 0 90px rgba(0,150,200,0.08), 0 20px 60px rgba(0,10,12,0.45);\r\n    color: #c8f8ff;\r\n  }\r\n\r\n  .vh-section .vh-right h2 {\r\n    margin:0 0 8px;\r\n    color:#aefcff;\r\n    font-size:34px;\r\n    text-shadow:0 0 12px rgba(0,200,255,0.18);\r\n    font-weight:900;\r\n  }\r\n\r\n  .vh-section .vh-right p.lead {\r\n    margin:0 0 18px;\r\n    color:#bfeff4;\r\n  }\r\n\r\n  \/* Formulari *\/\r\n  .vh-section .vh-form { display:flex; flex-direction:column; gap:14px; max-width:900px; }\r\n  .vh-section .vh-row { display:flex; gap:12px; }\r\n  .vh-section .vh-row .half { flex:1; }\r\n\r\n  .vh-section input[type=\"text\"],\r\n  .vh-section input[type=\"tel\"],\r\n  .vh-section input[type=\"email\"],\r\n  .vh-section textarea,\r\n  .vh-section select,\r\n  .vh-section input[type=\"file\"] {\r\n    display:block;\r\n    width:100%;\r\n    padding:14px 16px;\r\n    border-radius:10px;\r\n    border:none;\r\n    outline:none;\r\n    box-sizing:border-box;\r\n    background: linear-gradient(180deg,#e6ffff,#dffbfb);\r\n    color:#00393a;\r\n    font-size:15px;\r\n    box-shadow: inset 0 1px 0 rgba(0,0,0,0.03);\r\n  }\r\n\r\n  .vh-section textarea { min-height:140px; resize:vertical; }\r\n\r\n  \/* SELECT fix *\/\r\n  .vh-section select {\r\n    appearance:none; -webkit-appearance:none; -moz-appearance:none;\r\n    background-color: rgba(255,255,255,0.95);\r\n    color:#00dff0 !important; \r\n    font-weight:700;\r\n    padding-right:56px;\r\n    height:48px;\r\n    line-height:20px;\r\n    overflow:visible !important;\r\n  }\r\n\r\n  .vh-section .select-wrap{ position:relative; }\r\n  .vh-section .select-wrap::after{\r\n    content: '\u25be';\r\n    position: absolute;\r\n    right: 16px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #004d56;\r\n    pointer-events: none;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .vh-section select:valid { color: #00dff0 !important; }\r\n\r\n  \/* Bot\u00f3 *\/\r\n  .vh-section .vh-submit {\r\n    padding:14px;\r\n    border-radius:12px;\r\n    border:none;\r\n    font-weight:800;\r\n    font-size:16px;\r\n    cursor:pointer;\r\n    background: linear-gradient(90deg,#00d8ff 0%,#00ffa6 100%);\r\n    color:#013231;\r\n    box-shadow: 0 18px 40px rgba(0,200,255,0.12), inset 0 1px 0 rgba(255,255,255,0.6);\r\n    position:relative; overflow:hidden;\r\n  }\r\n\r\n  .vh-section .vh-submit::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-120%;\r\n    top:0;\r\n    width:260%;\r\n    height:100%;\r\n    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);\r\n    transform:translateX(-100%);\r\n    filter:blur(3px);\r\n  }\r\n  .vh-section .vh-submit:hover::before{ animation:vh-shine .85s forwards; }\r\n\r\n  @keyframes vh-shine{ to{ transform:translateX(100%); } }\r\n\r\n  \/* Canvas de brillants *\/\r\n  .vh-section .spark-canvas {\r\n    position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:12;\r\n  }\r\n\r\n  \/* responsiu *\/\r\n  @media (max-width:980px){\r\n    .vh-section { flex-direction:column; }\r\n    .vh-section .vh-right { padding:28px; }\r\n    .vh-section .vh-row { flex-direction:column; }\r\n  }\r\n<\/style>\r\n\r\n<!-- SECCI\u00d3 UBICACI\u00d3: Andorra i Internacional -->\r\n<div id=\"vh-ubicacio\" style=\"padding:60px 20px; background: linear-gradient(135deg,#0b1a2e,#001f3f); color: white; font-family: 'Helvetica Neue', sans-serif; text-align: center; margin:0;\">\r\n  <div style=\"max-width: 900px; margin: 0 auto;\">\r\n    <h2 style=\"font-size:2.6em; margin-bottom:20px; font-weight:900;\r\n               background: linear-gradient(90deg,#00dff0,#ffd700);\r\n               -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">\r\n      On opera Vall Humana\r\n    <\/h2>\r\n\r\n    <p style=\"font-size:1.2em; line-height:1.6; margin-bottom:40px;\">\r\n      La nostra seu principal \u00e9s a <span style=\"font-weight:900;\r\n      background: linear-gradient(90deg,#ffd700,#ff6f61);\r\n      -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Andorra la Vella<\/span>, oferim serveis a TOTES LES PARR\u00d2QUIES DEL PRINCIPAT.  \r\n     Som una empresa internacional operan tamb\u00e9 a <span style=\"font-weight:700; background: linear-gradient(90deg,#ffd700,#00dff0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Fran\u00e7a<\/span> i als <span style=\"font-weight:700; background: linear-gradient(90deg,#ffd700,#00dff0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Estats Units<\/span>.\r\n    <\/p>\r\n\r\n    <div id=\"mapid\" style=\"height:500px; width:100%; border-radius:15px; box-shadow:0 12px 40px rgba(0,0,0,0.5); margin-bottom:0;\"><\/div>\r\n\r\n    <button id=\"vh-btn-contacte\" style=\"padding:14px 32px; font-size:1em; background:#ffdd00;\r\n            color:#0b1a2e; border:none; border-radius:10px; font-weight:700; cursor:pointer;\r\n            transition: all 0.3s; margin-top:40px;\">\r\n      Contacta amb nosaltres\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Leaflet CSS i JS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n\r\n<script>\r\n\/\/ Inicialitza el mapa\r\nvar map = L.map('mapid').setView([42.5078, 1.5211], 11);\r\nL.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n  attribution: '&copy; OpenStreetMap contributors'\r\n}).addTo(map);\r\n\r\n\/\/ Icona brillant\r\nvar sparkleIcon = L.divIcon({\r\n  html: `<div class=\"sparkle-dot\"><\/div>`,\r\n  className: '',\r\n  iconSize: [14,14],\r\n  iconAnchor: [7,7]\r\n});\r\n\r\n\/\/ Parr\u00f2quies Andorra\r\nvar parroquies = [\r\n  {name:'Andorra la Vella', coords:[42.5078,1.5211]},\r\n  {name:'Escaldes-Engordany', coords:[42.5071,1.5345]},\r\n  {name:'Sant Juli\u00e0 de L\u00f2ria', coords:[42.4632,1.4916]},\r\n  {name:'Encamp', coords:[42.5343,1.58]},\r\n  {name:'Canillo', coords:[42.5675,1.6027]},\r\n  {name:'Ordino', coords:[42.5667,1.5333]},\r\n  {name:'La Massana', coords:[42.547,1.513]}\r\n];\r\n\r\nparroquies.forEach(function(p){\r\n  L.marker(p.coords, {icon:sparkleIcon})\r\n   .addTo(map)\r\n   .bindPopup('<strong>' + p.name + '<\/strong><br>Serveis Vall Humana');\r\n});\r\n\r\n\/\/ Marcadors internacionals\r\nL.circleMarker([46.6034,1.8883], {color:'#00dff0', radius:8, fillOpacity:0.7}).addTo(map).bindPopup('<strong>Fran\u00e7a<\/strong>');\r\nL.circleMarker([37.0902,-95.7129], {color:'#00dff0', radius:8, fillOpacity:0.7}).addTo(map).bindPopup('<strong>Estats Units<\/strong>');\r\n\r\ndocument.getElementById('vh-btn-contacte').addEventListener('click', function(){\r\n  var target = document.getElementById('vh-contacte');\r\n  if(target) target.scrollIntoView({behavior:'smooth'});\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* Animaci\u00f3 punts brillants *\/\r\n.sparkle-dot {\r\n  width:14px; height:14px; border-radius:50%;\r\n  background: radial-gradient(circle, #ffd700 0%, #ff6f61 50%, #00dff0 100%);\r\n  box-shadow: 0 0 12px 4px rgba(255,255,255,0.6);\r\n  animation: sparkle 1.5s infinite alternate;\r\n}\r\n@keyframes sparkle {\r\n  0% { transform: scale(1); opacity:0.7;}\r\n  50% { transform: scale(1.5); opacity:1;}\r\n  100% { transform: scale(1); opacity:0.7;}\r\n}\r\n\r\n#vh-btn-contacte:hover { background:#ffffff; color:#0b1a2e; }\r\n\r\n@media (max-width:768px){ #mapid{height:350px;} }\r\n<\/style>\r\n\r\n<!-- SECCI\u00d3 TREBALLA (CORREGIDA AMB FONS I SENSE ESPAIS) -->\r\n<div class=\"vh-section\" id=\"vh-treballa\" style=\"background:#0b1a2e; padding:80px 0; margin:0;\">\r\n  <div class=\"vh-left\">\r\n    <img decoding=\"async\" id=\"vh-img\" src=\"https:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/Chica-limpiando-con-el-logo-de-Vall-Humana.png\" alt=\"Treballadora Vall Humana\">\r\n  <\/div>\r\n\r\n  <div class=\"vh-right\" id=\"vh-right\">\r\n    <canvas class=\"spark-canvas\" id=\"spark-canvas\"><\/canvas>\r\n\r\n    <h2>Treballa amb Vall Humana<\/h2>\r\n    <p class=\"lead\">Envia'ns el teu CV. Busquem persones responsables i amb cura per la feina.<\/p>\r\n\r\n    <form id=\"vh-form\" class=\"vh-form\" action=\"https:\/\/formspree.io\/f\/mkgkezrk\" method=\"POST\">\r\n      <div class=\"vh-row\">\r\n        <div class=\"half\"><input name=\"nom\" type=\"text\" placeholder=\"Nom i cognoms *\" required><\/div>\r\n        <div class=\"half\"><input name=\"telefon\" type=\"tel\" placeholder=\"Tel\u00e8fon *\" required><\/div>\r\n      <\/div>\r\n\r\n      <input name=\"email\" type=\"email\" placeholder=\"Email *\" required>\r\n\r\n      <div class=\"vh-row\">\r\n        <div class=\"half\"><input name=\"poblacio\" type=\"text\" placeholder=\"Poblaci\u00f3\"><\/div>\r\n        <div class=\"half select-wrap\">\r\n          <select name=\"jornada\" id=\"jornada\" required>\r\n            <option value=\"\" disabled selected>Tipus de jornada<\/option>\r\n            <option>Disponible total<\/option>\r\n            <option>Mitja jornada<\/option>\r\n            <option>Caps de setmana<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <textarea name=\"experiencia\" placeholder=\"Explica'ns breument la teva experi\u00e8ncia\"><\/textarea>\r\n\r\n      <input type=\"hidden\" name=\"_subject\" id=\"vh-subject\" value=\"Nova candidatura - Vall Humana\">\r\n      <button class=\"vh-submit\" type=\"submit\">Enviar candidatura<\/button>\r\n    <\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SECCI\u00d3 CONTACTE (CORREGIDA) -->\r\n<section id=\"vh-contacte\" style=\"background: linear-gradient(180deg, #61D3FA 0%, #7BD7FF 40%, #FFFFFF 100%); padding: 100px 20px; margin:0;\">\r\n  <h2 style=\"text-align:center; font-size:42px; margin-bottom:60px; color:#0f2130; font-weight:800;\">\r\n    Contacta amb nosaltres\r\n  <\/h2>\r\n\r\n  <div style=\"display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:60px; max-width:1200px; margin:0 auto;\">\r\n    <!-- Esquerra -->\r\n    <div style=\"flex:1; min-width:300px; text-align:center;\">\r\n      <h3 style=\"color:#ffffff; font-size:22px; margin-bottom:40px;\">Contacte directe<\/h3>\r\n\r\n      <div style=\"display:flex; flex-direction:column; align-items:center; gap:25px;\">\r\n\r\n        <a href=\"https:\/\/wa.me\/00376651400\" target=\"_blank\" style=\"background:#25D366; color:white; padding:15px 30px; border-radius:50px; text-decoration:none; font-weight:600; display:flex; align-items:center; gap:15px; width:250px; justify-content:center;\"> \r\n          <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\" alt=\"WhatsApp\" style=\"width:32px;\">\r\n          WhatsApp\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" style=\"background:linear-gradient(45deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5); color:white; padding:15px 30px; border-radius:50px; text-decoration:none; font-weight:600; display:flex; align-items:center; gap:15px; width:250px; justify-content:center;\">\r\n          <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a5\/Instagram_icon.png\" alt=\"Instagram\" style=\"width:32px; border-radius:8px;\">\r\n          Instagram\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" style=\"background:#000000; color:white; padding:15px 30px; border-radius:50px; text-decoration:none; font-weight:600; display:flex; align-items:center; gap:15px; width:250px; justify-content:center;\">\r\n          <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/simple-icons\/simple-icons\/icons\/tiktok.svg\" alt=\"TikTok\" style=\"width:32px; filter:invert(1);\">\r\n          TikTok\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div style=\"margin-top:60px; display:flex; justify-content:center;\">\r\n        <div style=\"position:relative;\">\r\n          <img decoding=\"async\" src=\"http:\/\/vall-humana.com\/wp-content\/uploads\/2025\/11\/LOGO-VALL-HUMANA.png\" alt=\"Vall Humana\" style=\"width:180px; height:180px; border-radius:50%; box-shadow:0 0 40px rgba(97,211,250,0.9);\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Formulari -->\r\n    <div style=\"flex:1; min-width:340px; background:white; border-radius:25px; padding:50px 40px; box-shadow:0 10px 40px rgba(0,0,0,0.1);\">\r\n      <form action=\"mailto:info@vall-humana.com,laura@vall-humana.com\" method=\"post\" enctype=\"text\/plain\" style=\"display:flex; flex-direction:column; gap:15px;\">\r\n        <input type=\"text\" name=\"Nom i cognoms\" placeholder=\"Nom i cognoms\" required style=\"padding:14px; border:1px solid #ddd; border-radius:12px;\">\r\n        <input type=\"tel\" name=\"Tel\u00e8fon\" placeholder=\"N\u00famero de tel\u00e8fon\" required style=\"padding:14px; border:1px solid #ddd; border-radius:12px;\">\r\n        <input type=\"email\" name=\"Correu\" placeholder=\"Correu electr\u00f2nic\" required style=\"padding:14px; border:1px solid #ddd; border-radius:12px;\">\r\n\r\n        <label style=\"margin-top:10px; font-weight:600;\">Com prefereixes que ens posem en contacte?<\/label>\r\n        <div style=\"display:flex; gap:20px;\">\r\n          <label><input type=\"radio\" name=\"Prefer\u00e8ncia\" value=\"Correu\"> Correu<\/label>\r\n          <label><input type=\"radio\" name=\"Prefer\u00e8ncia\" value=\"Tel\u00e8fon\"> Tel\u00e8fon<\/label>\r\n        <\/div>\r\n\r\n        <textarea name=\"Missatge\" placeholder=\"Escriu el teu missatge...\" rows=\"5\" required style=\"padding:14px; border:1px solid #ddd; border-radius:12px;\"><\/textarea>\r\n\r\n        <button type=\"submit\" style=\"background:linear-gradient(90deg,#61D3FA,#4AA3DF); color:white; border:none; padding:14px; border-radius:50px; font-weight:700;\">Enviar missatge<\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\nsection {\r\nmargin: 0 !important;\r\npadding: 0 !important;\r\n}\r\n\r\n.vh-section,\r\n.vh-hero,\r\n.vh-proces,\r\n.vh-serveis,\r\n.vh-clients,\r\n.vh-ubicacio,\r\n.vh-footer {\r\nmargin: 0 !important;\r\npadding: 0 !important;\r\n}\r\n\r\n* {\r\nmargin: 0;\r\npadding: 0;\r\nbox-sizing: border-box;\r\n}\r\n<\/style>\r\n.vh-container,\r\n.vh-wrap,\r\n#vh-serveis .vh-content,\r\n.proces-container,\r\n#afiliacio .vh-inner,\r\n#clients .vh-inner {\r\n    max-width: none !important;\r\n    width: 100% !important;\r\n    margin: 0 !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\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-5bec48c e-flex e-con-boxed e-con e-parent\" data-id=\"5bec48c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9f2e8a e-flex e-con-boxed e-con e-parent\" data-id=\"a9f2e8a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>VALL HUMANA: LA PRIMERA EMPRESA ON EL TREBALLADOR \u00c9S EL CENTRE\u2026 Apostar pels valors humans no \u00e9s un esl\u00f2gan: \u00e9s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":194,"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":382,"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/382"}],"wp:attachment":[{"href":"https:\/\/vall-humana.com\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}