{"id":630,"date":"2026-09-10T10:35:36","date_gmt":"2026-09-10T08:35:36","guid":{"rendered":"https:\/\/padeldavidquintin.com\/?page_id=630"},"modified":"2026-09-10T11:15:51","modified_gmt":"2026-09-10T09:15:51","slug":"gracies","status":"publish","type":"page","link":"https:\/\/padeldavidquintin.com\/es\/gracies\/","title":{"rendered":"Gr\u00e0cies!"},"content":{"rendered":"\n<style id=\"dq-page-layout-fix-128\">html { overflow-x: clip !important; }\n\nhtml {\n  margin: 0 !important;\n  max-width: 100% !important;\n  ;\n  background: #1a2b36 !important;\n}\nbody {\n  margin: 0 !important;\n  max-width: 100% !important;\n  overflow-x:hidden !important;\n  background: #1a2b36 !important;\n}\nbody.page-id-630 .wp-site-blocks,\nbody.page-id-630 main,\nbody.page-id-630 .entry-content,\nbody.page-id-630 .wp-block-post-content,\nbody.page-id-630 .is-layout-constrained,\nbody.page-id-630 .has-global-padding {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  background: #1a2b36 !important;\n}\nbody.page-id-630 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),\nbody.page-id-630 .entry-content > *,\nbody.page-id-630 .wp-block-post-content > * {\n  width: 100% !important;\n  max-width: none !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\nbody.page-id-630 .wp-block-post-content > p:empty,\nbody.page-id-630 .entry-content > p:empty {\n  display: none !important;\n  height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n<\/style>\n<style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    :root {\n      --black: #1a2b36; --dark: #243444; --card: #2b3f50;\n      --lime: #9ba080; --lime2: #8a9070; --white: #f4f4ef;\n      --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;\n      --font-body: 'DM Sans', Helvetica, sans-serif;\n    }\n    body { background: var(--black); color: var(--white); font-family: var(--font-body); min-height: 100vh; display: flex; flex-direction: column; }\n    nav { padding: 0 48px; height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(255,255,255,.06); }\n    .nav-logo img { height: 36px; filter: brightness(0) invert(1); }\n    .nav-links { display: flex; align-items: center; gap: 24px; list-style: none; }\n    .nav-links a { color: rgba(244,244,239,.68); text-decoration: none; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; transition: color .2s; }\n    .nav-links a:hover { color: var(--lime); }\n    .nav-cta { background: var(--lime); color: var(--black) !important; padding: 10px 18px; font-weight: 700 !important; }\n    .nav-cta:hover { background: var(--lime2); color: var(--black) !important; }\n    .nav-hamburger { display: none; flex-direction: column; justify-content: space-between; width: 28px; height: 20px; background: none; border: none; cursor: pointer; padding: 0; }\n    .nav-hamburger span { display: block; height: 2px; background: var(--white); transition: transform .3s, opacity .3s; }\n    .nav-hamburger.open span:nth-child(1) { transform: translateY(9px) rotate(45deg); }\n    .nav-hamburger.open span:nth-child(2) { opacity: 0; }\n    .nav-hamburger.open span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }\n    main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 80px 24px; }\n    .check { width: 88px; height: 88px; border-radius: 50%; border: 2px solid var(--lime); display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }\n    .label { font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--lime); margin-bottom: 14px; }\n    h1 { font-family: var(--font-display); font-size: clamp(44px, 6vw, 84px); line-height: .92; margin-bottom: 20px; }\n    .sub { font-size: 16px; font-weight: 300; color: rgba(244,244,239,.6); max-width: 460px; line-height: 1.75; margin-bottom: 36px; }\n    .actions { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }\n    .btn-primary { display: inline-flex; align-items: center; gap: 10px; background: var(--lime); color: var(--black); padding: 15px 34px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background .2s; }\n    .btn-primary:hover { background: var(--lime2); }\n    .btn-ghost { display: inline-flex; align-items: center; gap: 10px; background: transparent; color: var(--white); padding: 15px 34px; font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; border: 1px solid rgba(244,244,239,.3); transition: border-color .2s, color .2s; }\n    .btn-ghost:hover { border-color: var(--lime); color: var(--lime); }\n    footer { background: #131f28; padding: 56px 48px 28px; border-top: 1px solid rgba(255,255,255,.06); }\n    .footer-main { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 56px; max-width: 1180px; margin: 0 auto 38px; }\n    .footer-logo-img { height: 32px; filter: brightness(0) invert(1); opacity: .72; margin-bottom: 18px; }\n    .footer-brand p { color: rgba(244,244,239,0.66); font-size: 14px; font-weight: 300; line-height: 1.7; max-width: 360px; margin-bottom: 18px; }\n    .footer-ig { display: inline-flex; align-items: center; gap: 8px; color: rgba(155,160,128,.85); text-decoration: none; font-size: 13px; }\n    .footer-col h4 { font-family: var(--font-display); font-size: 22px; font-weight: 400; letter-spacing: .03em; color: var(--white); margin-bottom: 16px; }\n    .footer-col ul { list-style: none; display: grid; gap: 10px; }\n    .footer-col a, .footer-col li { color: rgba(244,244,239,0.66); text-decoration: none; font-size: 13px; font-weight: 300; line-height: 1.5; transition: color .2s; }\n    .footer-col a:hover { color: var(--lime); }\n    .footer-bottom { max-width: 1180px; margin: 0 auto; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.06); display: flex; justify-content: space-between; gap: 24px; color: rgba(244,244,239,0.66); font-size: 12px; }\n    .footer-bottom ul { display: flex; flex-wrap: wrap; gap: 22px; list-style: none; }\n    .footer-bottom a { color: rgba(244,244,239,0.66); text-decoration: none; transition: color .2s; }\n    .footer-bottom a:hover { color: var(--white); }\n    @media (max-width: 600px) { nav { padding: 0 24px; } }\n      body { max-width: 100%; }\n    @media (max-width: 900px) {\n      section, div, form, table { max-width: 100%; }\n      table { display: block; overflow-x: auto; }\n      input, select, textarea, button { max-width: 100%; }\n      .skip-link:not(:focus) { transform: translateX(-120vw); left: 0 !important; }\n    }\n      html { width: 100%; max-width: 100vw; ; }\nbody { width: 100%; max-width: 100vw; overflow-x:hidden; }\n    @supports (overflow: clip) { html, body { overflow-x: clip; } }\n    body > * { max-width: 100vw; }\n    .ticker-wrap { contain: paint; }\n    @media (max-width: 900px) {\n      section[style*=\"grid-template-columns:1fr 1fr\"],\n      div[style*=\"grid-template-columns:1fr 1fr\"],\n      div[style*=\"grid-template-columns:repeat(4,1fr)\"] { grid-template-columns: 1fr !important; }\n      .nav-hamburger { display: flex; }\n      .nav-links {\n        display: none; position: fixed; top: 72px; left: 0; right: 0; background: var(--black);\n        flex-direction: column; align-items: stretch; padding: 20px 28px 28px; gap: 0;\n        z-index: 99; border-top: 1px solid rgba(255,255,255,.08);\n      }\n      .nav-links.open { display: flex; }\n      .nav-links li { border-bottom: 1px solid rgba(255,255,255,.06); }\n      .nav-links a { display: block; padding: 13px 0; font-size: 14px; }\n      .nav-cta { display: inline-flex !important; margin-top: 14px; justify-content: center; }\n      footer { padding: 48px 24px 28px; }\n      .footer-main { grid-template-columns: 1fr; gap: 32px; text-align: center; }\n      .footer-brand p { margin-left: auto; margin-right: auto; }\n      .footer-col ul { justify-items: center; }\n      .footer-bottom { flex-direction: column; align-items: center; text-align: center; }\n      .footer-bottom ul { justify-content: center; }\n    }\n    @media (max-width: 480px) {\n      .stats-grid, .hero-stats { grid-template-columns: 1fr !important; }\n      .auth-item { width: 100% !important; }\n    }\n  \n    \/* WordPress\/mobile overflow guard *\/\n    html, body { max-width: 100vw; }\n.wp-site-blocks, .entry-content { max-width: 100vw; overflow: visible; }\n    @media (max-width: 560px) { #pillars { grid-template-columns: 1fr !important; } .pillar { border-right: 0 !important; } }\n    @media (max-width: 900px) { section[style*=\"grid-template-columns:1fr auto\"], div[style*=\"grid-template-columns:1fr auto\"] { grid-template-columns: 1fr !important; } }\n  <\/style>\n\n  <main>\n    <div class=\"check\">\n      <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lime)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n    <\/div>\n    <div class=\"label\">Missatge rebut<\/div>\n    <h1>GR\u00c0CIES PER<br>CONTACTAR<\/h1>\n    <p class=\"sub\">Hem rebut la teva consulta. Et responem al m\u00e9s aviat possible, normalment el mateix dia. Si tens pressa, truca&#8217;ns al <a href=\"tel:+34666645713\" style=\"color:var(--lime);\">+34 666 64 57 13<\/a>.<\/p>\n    <div class=\"actions\">\n      <a href=\"https:\/\/padeldavidquintin.com\/\" class=\"btn-primary\">Tornar a l&#8217;inici \u2192<\/a>\n      <a href=\"https:\/\/www.instagram.com\/padeldavidquintin\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-ghost\">Segueix-nos a Instagram<\/a>\n    <\/div>\n  <\/main>\n<script>\n    (function(){\n      const btn = document.querySelector('.nav-hamburger');\n      const menu = document.querySelector('.nav-links');\n      if (!btn || !menu) return;\n      btn.addEventListener('click', () => {\n        const open = menu.classList.toggle('open');\n        btn.classList.toggle('open', open);\n        btn.setAttribute('aria-expanded', open ? 'true' : 'false');\n      });\n      menu.querySelectorAll('a').forEach((link) => {\n        link.addEventListener('click', () => {\n          menu.classList.remove('open');\n          btn.classList.remove('open');\n          btn.setAttribute('aria-expanded', 'false');\n        });\n      });\n    })();\n  <\/script>\n\n<style id=\"dq-anim-2026\">\/* DQ-ANIM-2026 *\/\n@media (prefers-reduced-motion: no-preference) {\n  .entry-content .reveal {\n    transform: translateY(26px);\n    transition: opacity .55s cubic-bezier(.22,.61,.36,1), transform .55s cubic-bezier(.22,.61,.36,1);\n    transition-delay: var(--dqd, 0s);\n  }\n  .entry-content .reveal-delay-1,\n  .entry-content .reveal-delay-2,\n  .entry-content .reveal-delay-3 { transition-delay: var(--dqd, 0s); }\n  .entry-content .dq-clip {\n    clip-path: inset(0 0 100% 0);\n    transition: clip-path .6s cubic-bezier(.22,.61,.36,1);\n    transition-delay: var(--dqd, 0s);\n  }\n  .entry-content .dq-clip.visible { clip-path: inset(0 0 0 0); }\n  .entry-content .stat-num,\n  .entry-content .trust-num,\n  .entry-content .hs-num { font-variant-numeric: tabular-nums; }\n}\n<\/style>\n<script>\/* DQ-ANIM-2026 *\/\n(function () {\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { return; }\n  if (!('IntersectionObserver' in window)) { return; }\n  if (!window.innerHeight) { return; }\n  var root = document.querySelector('.entry-content') || document.body;\n\n  function stagger(list) {\n    list.forEach(function (el, i) {\n      var d = i * 55;\n      if (d > 220) { d = 220; }\n      el.style.setProperty('--dqd', d + 'ms');\n    });\n  }\n\n  function countUp(el) {\n    var txt = el.textContent.trim();\n    \/\/ rangos tipo \"4-6\" o \"8-17\": contarlos los dejaria a medias\n    if ((txt.match(\/\\d+\/g) || []).length !== 1) { return; }\n    var m = txt.match(\/(\\D*)(\\d+)(\\D*)\/);\n    if (!m) { return; }\n    var target = parseInt(m[2], 10);\n    var t0 = null;\n    function step(ts) {\n      if (t0 === null) { t0 = ts; }\n      var p = (ts - t0) \/ 1000;\n      if (p > 1) { p = 1; }\n      var eased = 1 - Math.pow(1 - p, 3);\n      el.textContent = m[1] + Math.round(target * eased) + m[3];\n      if (p !== 1) { requestAnimationFrame(step); }\n    }\n    requestAnimationFrame(step);\n  }\n\n  var NUMS = '.stat-num, .trust-num, .hs-num';\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (!e.isIntersecting) { return; }\n      e.target.classList.add('visible');\n      if (e.target.matches(NUMS)) { countUp(e.target); }\n      io.unobserve(e.target);\n    });\n  }, { threshold: 0, rootMargin: '0px 0px 12% 0px' });\n\n  \/\/ paginas sin sistema de reveal (legales, gracies, entrades): se montan por bloques\n  var revs = [].slice.call(root.querySelectorAll('.reveal'));\n  if (revs.length === 0) {\n    revs = [].slice.call(root.querySelectorAll('section, figure, table, .bp-cta-box, .bp-faqs, .bp-author, .bp-brand'));\n    revs.forEach(function (el) { el.classList.add('reveal'); });\n  }\n\n  \/\/ cascada entre hermanos + observacion\n  var groups = new Map();\n  revs.forEach(function (el) {\n    var list = groups.get(el.parentElement);\n    if (!list) { list = []; groups.set(el.parentElement, list); }\n    list.push(el);\n    io.observe(el);\n  });\n  groups.forEach(stagger);\n\n  \/\/ cortina solo en imagenes ligeras (las cards con foto de fondo pesada van sin animar)\n  var clips = [].slice.call(root.querySelectorAll('.gallery-img, .ig-tile, .gallery-cell, .inst-img'));\n  clips.forEach(function (el) {\n    el.classList.add('dq-clip');\n    var i = [].slice.call(el.parentElement.children).indexOf(el);\n    var d = i * 55;\n    if (d > 220) { d = 220; }\n    el.style.setProperty('--dqd', d + 'ms');\n    io.observe(el);\n  });\n\n  root.querySelectorAll(NUMS).forEach(function (el) { io.observe(el); });\n\n  \/\/ red de seguridad: nada visible en pantalla puede quedarse oculto\n  setTimeout(function () {\n    clips.concat(revs).forEach(function (el) {\n      if (el.classList.contains('visible')) { return; }\n      if (el.getBoundingClientRect().top > window.innerHeight) { return; }\n      el.classList.add('visible');\n    });\n  }, 5000);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Missatge rebut GR\u00c0CIES PERCONTACTAR Hem rebut la teva consulta. Et responem al m\u00e9s aviat possible, normalment el mateix dia. Si tens pressa, truca&#8217;ns al +34 666 64 57 13. Tornar a l&#8217;inici \u2192 Segueix-nos a Instagram<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-630","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/pages\/630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/comments?post=630"}],"version-history":[{"count":2,"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/pages\/630\/revisions"}],"predecessor-version":[{"id":694,"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/pages\/630\/revisions\/694"}],"wp:attachment":[{"href":"https:\/\/padeldavidquintin.com\/es\/wp-json\/wp\/v2\/media?parent=630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}