{"id":1681,"date":"2026-03-05T18:14:32","date_gmt":"2026-03-05T17:14:32","guid":{"rendered":"https:\/\/superservis.cat\/valors\/"},"modified":"2026-06-03T18:40:10","modified_gmt":"2026-06-03T16:40:10","slug":"valores","status":"publish","type":"page","link":"https:\/\/superservis.cat\/es\/valores\/","title":{"rendered":"Valores"},"content":{"rendered":"\n<!-- =========================================================\n  SUPERSERVIS \u2014 P\u00c1GINA VALORES (RAW HTML + CSS)\n  Pega esto tal cual en WPBakery > Raw HTML\n========================================================== -->\n<section class=\"ss-valors\" aria-label=\"Nuestros valores\">\n  <style>\n    .ss-valors{\n      --ss-brand:#F0526B;\n      --ss-ink:#1f1f1f;\n      --ss-muted:#5a5a5a;\n      --ss-line:rgba(0,0,0,.10);\n      --ss-card:#ffffff;\n      --ss-soft:rgba(240,82,107,.10);\n      font-family: Montserrat, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      color:var(--ss-ink);\n    }\n\n    \/* layout *\/\n    .ss-valors__wrap{\n      max-width: 1120px;\n      margin: 0 auto;\n      padding: clamp(16px, 2.6vw, 34px);\n    }\n\n    .ss-valors__hero{\n      position: relative;\n      border-radius: clamp(18px, 2.2vw, 28px);\n      background:\n        radial-gradient(1000px 600px at 85% 20%, rgba(240,82,107,.18), transparent 55%),\n        radial-gradient(900px 520px at 10% 10%, rgba(240,82,107,.10), transparent 60%),\n        linear-gradient(135deg, #fff, rgba(240,82,107,.06));\n      border: 1px solid var(--ss-line);\n      padding: clamp(18px, 3vw, 42px);\n      overflow: hidden;\n    }\n\n    .ss-valors__kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:.55em;\n      font-weight:700;\n      letter-spacing:.02em;\n      color:var(--ss-brand);\n      text-transform: uppercase;\n      font-size: 12px;\n      margin:0 0 10px;\n    }\n    .ss-valors__kickerDot{\n      width:10px;height:10px;border-radius:999px;background:var(--ss-brand);\n      box-shadow: 0 0 0 6px rgba(240,82,107,.10);\n      flex:0 0 auto;\n    }\n\n    .ss-valors__title{\n      margin: 0 0 10px;\n      font-weight: 900;\n      line-height: 1.06;\n      font-size: clamp(30px, 4.2vw, 54px);\n      letter-spacing: -.02em;\n    }\n\n    .ss-valors__lead{\n      margin: 0;\n      max-width: 75ch;\n      font-size: clamp(16px, 1.35vw, 19px);\n      line-height: 1.7;\n      color: var(--ss-muted);\n    }\n\n    .ss-valors__highlight{\n      display:inline;\n      background: linear-gradient(transparent 62%, rgba(240,82,107,.22) 62%);\n      padding: 0 .1em;\n      border-radius: 6px;\n    }\n\n    \/* grid *\/\n    .ss-valors__grid{\n      display:grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: clamp(14px, 2vw, 22px);\n      margin-top: clamp(14px, 2.4vw, 24px);\n      align-items: start;\n    }\n\n    .ss-valors__card{\n      background: var(--ss-card);\n      border: 1px solid var(--ss-line);\n      border-radius: 18px;\n      padding: clamp(16px, 2.2vw, 22px);\n      box-shadow: 0 10px 30px rgba(0,0,0,.05);\n    }\n\n    .ss-valors__cardTitle{\n      margin: 0 0 10px;\n      font-weight: 900;\n      font-size: 18px;\n      display:flex;\n      align-items:center;\n      gap:.65em;\n    }\n\n    .ss-valors__icon{\n      width: 34px;\n      height: 34px;\n      border-radius: 12px;\n      background: rgba(240,82,107,.12);\n      border: 1px solid rgba(240,82,107,.28);\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      flex:0 0 auto;\n    }\n    .ss-valors__icon svg{ width:18px; height:18px; stroke: var(--ss-brand); fill: none; stroke-width: 2.2; }\n\n    .ss-valors__p{\n      margin: 0 0 12px;\n      color: var(--ss-muted);\n      line-height: 1.75;\n      font-size: 16px;\n    }\n    .ss-valors__p:last-child{ margin-bottom: 0; }\n\n    \/* bullets *\/\n    .ss-valors__list{\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display:grid;\n      gap: 10px;\n    }\n    .ss-valors__li{\n      display:flex;\n      gap: 10px;\n      align-items:flex-start;\n      padding: 10px 12px;\n      border-radius: 14px;\n      background: rgba(240,82,107,.06);\n      border: 1px solid rgba(240,82,107,.14);\n    }\n    .ss-valors__tick{\n      width: 22px; height: 22px; border-radius: 999px;\n      background: var(--ss-brand);\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      flex:0 0 auto;\n      margin-top: 2px;\n    }\n    .ss-valors__tick svg{ width:14px;height:14px; stroke:#fff; stroke-width:2.6; fill:none; }\n\n    .ss-valors__li strong{\n      color: var(--ss-ink);\n      font-weight: 900;\n    }\n    .ss-valors__li span{\n      color: var(--ss-muted);\n      line-height: 1.55;\n      font-size: 15px;\n    }\n\n    \/* bottom band *\/\n    .ss-valors__band{\n      margin-top: clamp(14px, 2.4vw, 22px);\n      border-radius: 18px;\n      padding: clamp(16px, 2.2vw, 22px);\n      background: linear-gradient(135deg, rgba(240,82,107,.12), rgba(240,82,107,.05));\n      border: 1px solid rgba(240,82,107,.20);\n      display:flex;\n      gap: 12px;\n      align-items:flex-start;\n    }\n    .ss-valors__band .ss-valors__icon{\n      background: rgba(240,82,107,.14);\n      border-color: rgba(240,82,107,.25);\n      border-radius: 14px;\n      width: 40px; height: 40px;\n    }\n    .ss-valors__bandTitle{\n      margin:0 0 6px;\n      font-weight: 900;\n      font-size: 18px;\n    }\n    .ss-valors__bandText{\n      margin:0;\n      color: var(--ss-muted);\n      line-height:1.65;\n      font-size: 15.5px;\n    }\n\n    \/* responsive *\/\n    @media (max-width: 860px){\n      .ss-valors__grid{ grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n  <div class=\"ss-valors__wrap\">\n    <div class=\"ss-valors__hero\">\n      <div class=\"ss-valors__kicker\">\n        <span class=\"ss-valors__kickerDot\" aria-hidden=\"true\"><\/span>\n        Superservis\n      <\/div>\n      <h1 class=\"ss-valors__title\">Nuestros valores<\/h1>\n      <p class=\"ss-valors__lead\">\n        En Superservis somos una cadena de supermercados familiares con m\u00e1s de <span class=\"ss-valors__highlight\">80 a\u00f1os de historia<\/span>.\n        Desde nuestros inicios, mantenemos viva la esencia de la tienda de barrio, aquella que apuesta por la proximidad y el servicio a las personas de nuestro entorno.\n      <\/p>\n\n      <div class=\"ss-valors__grid\">\n        <!-- Col izquierda: relato -->\n        <article class=\"ss-valors__card\">\n          <h2 class=\"ss-valors__cardTitle\">\n            <span class=\"ss-valors__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.5-7-11a4 4 0 0 1 7-2 4 4 0 0 1 7 2c0 6.5-7 11-7 11z\"\/><\/svg>\n            <\/span>\n            Ra\u00edces y confianza\n          <\/h2>\n          <p class=\"ss-valors__p\">\n            Cuidamos los valores de atenci\u00f3n, calidad y confianza que nos han acompa\u00f1ado desde 1945, cuando los bisabuelos Joan y Anita abrieron el primer colmado.\n            Porque, m\u00e1s que un supermercado, somos una familia al servicio de la tuya.\n          <\/p>\n          <p class=\"ss-valors__p\">\n            En nuestras tiendas queremos que comprar sea una experiencia agradable y cercana.\n            Por eso trabajamos para ofrecer una experiencia de compra emp\u00e1tica, donde cada cliente y clienta se sienta bien atendido y acompa\u00f1ado en su d\u00eda a d\u00eda.\n          <\/p>\n        <\/article>\n\n        <!-- Col derecha: valores en puntos -->\n        <aside class=\"ss-valors__card\" aria-label=\"Valores clave\">\n          <h2 class=\"ss-valors__cardTitle\">\n            <span class=\"ss-valors__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M20 7l-8 10L4 11\"\/><\/svg>\n            <\/span>\n            Lo que nos define\n          <\/h2>\n\n          <ul class=\"ss-valors__list\">\n            <li class=\"ss-valors__li\">\n              <span class=\"ss-valors__tick\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20 7l-9 10-4-4\"\/><\/svg>\n              <\/span>\n              <span><strong>Proximidad:<\/strong> mantenemos viva la esencia de la tienda de barrio.<\/span>\n            <\/li>\n\n            <li class=\"ss-valors__li\">\n              <span class=\"ss-valors__tick\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20 7l-9 10-4-4\"\/><\/svg>\n              <\/span>\n              <span><strong>Atenci\u00f3n y empat\u00eda:<\/strong> una compra cercana y bien acompa\u00f1ada.<\/span>\n            <\/li>\n\n            <li class=\"ss-valors__li\">\n              <span class=\"ss-valors__tick\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20 7l-9 10-4-4\"\/><\/svg>\n              <\/span>\n              <span><strong>Calidad:<\/strong> sensibilidad por los detalles y cari\u00f1o por el trabajo bien hecho.<\/span>\n            <\/li>\n\n            <li class=\"ss-valors__li\">\n              <span class=\"ss-valors__tick\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20 7l-9 10-4-4\"\/><\/svg>\n              <\/span>\n              <span><strong>Confianza:<\/strong> valores que nos acompa\u00f1an desde 1945.<\/span>\n            <\/li>\n          <\/ul>\n        <\/aside>\n      <\/div>\n\n      <!-- Bloque surtido -->\n      <div class=\"ss-valors__band\">\n        <span class=\"ss-valors__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 10V7a5 5 0 0 1 10 0v3\"\/><path d=\"M6 10h12l-1 11H7L6 10z\"\/><\/svg>\n        <\/span>\n        <div>\n          <div class=\"ss-valors__bandTitle\">Surtido cuidado<\/div>\n          <p class=\"ss-valors__bandText\">\n            Prestamos una atenci\u00f3n especial a la selecci\u00f3n de nuestro surtido, con protagonismo del producto fresco de calidad, de los peque\u00f1os productores y de aquellos productos que aportan valor a\u00f1adido.\n            Lo hacemos con sensibilidad por los detalles y con cari\u00f1o por el trabajo bien hecho.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Bloque calidad-precio -->\n      <div class=\"ss-valors__band\">\n        <span class=\"ss-valors__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7\"\/><path d=\"M12 3v12\"\/><path d=\"M7 8l5-5 5 5\"\/><\/svg>\n        <\/span>\n        <div>\n          <div class=\"ss-valors__bandTitle\">Excelente calidad-precio<\/div>\n          <p class=\"ss-valors__bandText\">\n            Todo ello con la voluntad de ofrecer siempre una excelente relaci\u00f3n calidad-precio, con una propuesta de productos cuidados y diferenciales a un precio de mercado.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Bloque servicios -->\n      <div class=\"ss-valors__band\">\n        <span class=\"ss-valors__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 12h3l3 8 4-16 3 8h5\"\/><\/svg>\n        <\/span>\n        <div>\n          <div class=\"ss-valors__bandTitle\">Servicios para facilitar el d\u00eda a d\u00eda<\/div>\n          <p class=\"ss-valors__bandText\">\n            Adem\u00e1s, ponemos a disposici\u00f3n de nuestros clientes servicios pensados para facilitar el d\u00eda a d\u00eda, como el servicio a domicilio o la compra por encargo,\n            manteniendo siempre nuestra vocaci\u00f3n de servicio y proximidad.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Superservis Nuestros valores En Superservis somos una cadena de supermercados familiares con m\u00e1s de 80 a\u00f1os de historia. Desde nuestros inicios, mantenemos viva la esencia de la tienda de barrio, aquella que apuesta por la proximidad y el servicio a las personas de nuestro entorno. Ra\u00edces y confianza Cuidamos los valores de atenci\u00f3n, calidad y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-1681","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/pages\/1681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/comments?post=1681"}],"version-history":[{"count":2,"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/pages\/1681\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/pages\/1681\/revisions\/1763"}],"wp:attachment":[{"href":"https:\/\/superservis.cat\/es\/wp-json\/wp\/v2\/media?parent=1681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}