{"id":49,"date":"2026-07-24T01:07:40","date_gmt":"2026-07-24T01:07:40","guid":{"rendered":"https:\/\/www.discotecasypubsvalencia.com\/?page_id=49"},"modified":"2026-08-29T00:22:24","modified_gmt":"2026-08-29T00:22:24","slug":"proplayer","status":"publish","type":"page","link":"https:\/\/www.discotecasypubsvalencia.com\/","title":{"rendered":"ProPlayer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"49\" class=\"elementor elementor-49\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2baaf5b e-con-full e-flex e-con e-parent\" data-id=\"2baaf5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b78fede e-con-full e-flex e-con e-child\" data-id=\"b78fede\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-965730e elementor-widget elementor-widget-html\" data-id=\"965730e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ProPlayer \u00b7 CABECERA \/ HEADER\r\n     Elementor HTML Widget \u00b7 sin dependencias\r\n     3 columnas 25 \/ 45 \/ 30 \u00b7 sticky \u00b7 responsive\r\n\r\n     \u25b6 C\u00d3MO MONTARLO EN ELEMENTOR\r\n     Opci\u00f3n recomendada: p\u00e9galo en un widget HTML en lo m\u00e1s alto\r\n     de la p\u00e1gina (primer contenedor, sin nada por encima).\r\n     El header es position:fixed y crea SOLO su propio espaciador,\r\n     as\u00ed que no tapa el contenido siguiente. Si tienes Elementor Pro,\r\n     m\u00f3ntalo en el Theme Builder como \"Header\" para que salga en\r\n     todas las p\u00e1ginas. El sticky ya lo gestiona este c\u00f3digo, as\u00ed\r\n     que NO actives adem\u00e1s el \"sticky\" de Elementor (se pelear\u00edan).\r\n\r\n     \u25b6 ENLACES\r\n     Los \u00edtems apuntan a #features, #pricing, #team. Aseg\u00farate de\r\n     que esas secciones tengan ese ID en Elementor (Avanzado \u2192 CSS ID).\r\n     Sign up \/ Login \u2192 cambia los href por tus URLs reales.\r\n     ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap');\r\n\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Medium.woff2') format('woff2');\r\n  font-weight:500; font-style:normal; font-display:swap;\r\n}\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Bold.woff2') format('woff2');\r\n  font-weight:700; font-style:normal; font-display:swap;\r\n}\r\n\r\n\/* ============================================================\r\n   Especificidad .pp-hdr .pp-h__x \u2192 (0,2,0)\r\n   ============================================================ *\/\r\n.pp-hdr{\r\n  --navy:#011A2E;\r\n  --lime:#D0FF00;\r\n  --white:#FEFCFF;\r\n  --purple:#7C1DE8;\r\n\r\n  --display:'Technor','Satoshi',ui-sans-serif,system-ui,sans-serif;\r\n  --body:'Satoshi',ui-sans-serif,system-ui,-apple-system,sans-serif;\r\n\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n  --h:clamp(70px,6.8vw,88px);\r\n\r\n  position:fixed; top:0; left:0; right:0; z-index:1000;\r\n  width:100%;\r\n  font-family:var(--body);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.pp-hdr *,\r\n.pp-hdr *::before,\r\n.pp-hdr *::after{ box-sizing:border-box; }\r\n\r\n\/* Barra fija: azul noche s\u00f3lido con blur. No cambia al hacer scroll. *\/\r\n.pp-hdr .pp-h__bar{\r\n  display:grid;\r\n  grid-template-columns:24% 44% 32%;\r\n  align-items:center;\r\n  min-height:var(--h);\r\n  padding:clamp(10px,1.2vw,16px) clamp(16px,3vw,44px);\r\n  background:#010B14;\r\n  border-bottom:1px solid rgba(254,252,255,.08);\r\n  box-shadow:0 10px 30px -20px rgba(0,0,0,.8);\r\n}\r\n\/* Header estable: no cambia al hacer scroll *\/\r\n\r\n\/* ---- Columna 1 \u00b7 LOGO (25%) -------------------------------- *\/\r\n.pp-hdr .pp-h__brand{\r\n  display:inline-flex; align-items:center; gap:.6em;\r\n  justify-self:start;\r\n  text-decoration:none;\r\n  color:var(--white);\r\n}\r\n.pp-hdr .pp-h__logo-img{\r\n  display:block;\r\n  height:clamp(30px,3.4vw,44px);   \/* controla el tama\u00f1o por ALTURA *\/\r\n  width:auto;                       \/* el ancho se ajusta solo *\/\r\n  object-fit:contain;\r\n}\r\n\r\n\/* ---- Columna 2 \u00b7 MEN\u00da (45%) -------------------------------- *\/\r\n.pp-hdr .pp-h__nav{\r\n  justify-self:center;\r\n  display:flex; align-items:center;\r\n  gap:clamp(18px,2.2vw,38px);\r\n}\r\n.pp-hdr .pp-h__link{\r\n  position:relative;\r\n  font-family:var(--body); font-weight:600;\r\n  font-size:clamp(14px,1.05vw,20px); letter-spacing:.005em;\r\n  text-decoration:none;\r\n  color:rgba(254,252,255,.82);\r\n  padding:.4em 0;\r\n  transition:color .24s var(--ease);\r\n}\r\n.pp-hdr .pp-h__link::after{\r\n  content:''; position:absolute; left:0; right:100%; bottom:0; height:2px;\r\n  background:var(--lime); border-radius:2px;\r\n  transition:right .28s var(--ease);\r\n}\r\n.pp-hdr .pp-h__link:hover{ color:var(--white); }\r\n.pp-hdr .pp-h__link:hover::after{ right:0; }\r\n\r\n\/* ---- Columna 3 \u00b7 BOTONES (30%) ----------------------------- *\/\r\n.pp-hdr .pp-h__actions{\r\n  justify-self:end;\r\n  display:flex; align-items:center; gap:clamp(8px,.9vw,14px);\r\n}\r\n\r\n.pp-hdr .pp-h__btn{\r\n  display:inline-flex; align-items:center; gap:.5em;\r\n  font-family:var(--body); font-weight:700;\r\n  font-size:clamp(13px,1vw,15px); letter-spacing:.005em;\r\n  text-decoration:none; white-space:nowrap;\r\n  padding:.72em 1.35em;\r\n  border-radius:999px;\r\n  cursor:pointer;\r\n  transition:transform .24s var(--ease), box-shadow .24s var(--ease),\r\n             background .24s var(--ease), color .24s var(--ease), border-color .24s var(--ease);\r\n}\r\n\r\n\/* Sign up \u2192 relleno lima s\u00f3lido, texto negro (manual) *\/\r\n.pp-hdr .pp-h__btn--fill{\r\n  background:var(--lime);\r\n  color:#000;\r\n  border:1px solid var(--lime);\r\n}\r\n.pp-hdr .pp-h__btn--fill:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 12px 28px -8px rgba(208,255,0,.5);\r\n}\r\n\r\n\/* Login \u2192 glassmorphism con borde lima *\/\r\n.pp-hdr .pp-h__btn--glass{\r\n  background:rgba(208,255,0,.06);\r\n  color:var(--white);\r\n  border:1px solid rgba(208,255,0,.5);\r\n  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);\r\n}\r\n.pp-hdr .pp-h__btn--glass:hover{\r\n  background:rgba(208,255,0,.14);\r\n  border-color:var(--lime);\r\n  transform:translateY(-2px);\r\n}\r\n.pp-hdr .pp-h__btn:focus-visible{ outline:2px solid var(--white); outline-offset:3px; }\r\n\r\n\/* ---- Hamburguesa (oculta en escritorio) -------------------- *\/\r\n.pp-hdr .pp-h__burger{\r\n  display:none;\r\n  justify-self:end;\r\n  width:44px; height:44px;\r\n  align-items:center; justify-content:center;\r\n  border:1px solid rgba(254,252,255,.16); border-radius:12px;\r\n  background:rgba(208,255,0,.05);\r\n  cursor:pointer;\r\n}\r\n.pp-hdr .pp-h__burger span{\r\n  position:relative; width:20px; height:2px; border-radius:2px;\r\n  background:var(--white);\r\n  transition:background .2s var(--ease);\r\n}\r\n.pp-hdr .pp-h__burger span::before,\r\n.pp-hdr .pp-h__burger span::after{\r\n  content:''; position:absolute; left:0; width:20px; height:2px; border-radius:2px;\r\n  background:var(--white);\r\n  transition:transform .28s var(--ease);\r\n}\r\n.pp-hdr .pp-h__burger span::before{ top:-6px; }\r\n.pp-hdr .pp-h__burger span::after{ top:6px; }\r\n.pp-hdr.is-open .pp-h__burger span{ background:transparent; }\r\n.pp-hdr.is-open .pp-h__burger span::before{ transform:translateY(6px) rotate(45deg); }\r\n.pp-hdr.is-open .pp-h__burger span::after{ transform:translateY(-6px) rotate(-45deg); }\r\n\r\n\/* ============================================================\r\n   PANEL M\u00d3VIL\r\n   ============================================================ *\/\r\n.pp-hdr .pp-h__panel{\r\n  position:fixed; inset:var(--h) 0 auto 0;\r\n  z-index:999;\r\n  display:none;\r\n  flex-direction:column;\r\n  gap:4px;\r\n  padding:16px clamp(16px,4vw,28px) 26px;\r\n  background:rgba(1,11,20,.97);\r\n  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);\r\n  border-bottom:1px solid rgba(254,252,255,.1);\r\n  transform:translateY(-12px); opacity:0;\r\n  transition:transform .3s var(--ease), opacity .3s var(--ease);\r\n}\r\n.pp-hdr.is-open .pp-h__panel{ display:flex; transform:none; opacity:1; }\r\n\r\n.pp-hdr .pp-h__panel a.pp-h__mlink{\r\n  font-family:var(--display); font-weight:700;\r\n  font-size:22px; letter-spacing:-.01em;\r\n  text-decoration:none; color:var(--white);\r\n  padding:14px 4px;\r\n  border-bottom:1px solid rgba(254,252,255,.07);\r\n}\r\n.pp-hdr .pp-h__panel a.pp-h__mlink:hover{ color:var(--lime); }\r\n.pp-hdr .pp-h__mactions{\r\n  display:flex; flex-direction:column; gap:10px; margin-top:18px;\r\n}\r\n.pp-hdr .pp-h__mactions .pp-h__btn{ justify-content:center; padding:.95em 1.35em; font-size:15px; }\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width:900px){\r\n  .pp-hdr .pp-h__bar{ grid-template-columns:1fr auto; }\r\n  .pp-hdr .pp-h__nav,\r\n  .pp-hdr .pp-h__actions{ display:none; }\r\n  .pp-hdr .pp-h__burger{ display:flex; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .pp-hdr .pp-h__bar,\r\n  .pp-hdr .pp-h__btn,\r\n  .pp-hdr .pp-h__link::after,\r\n  .pp-hdr .pp-h__panel{ transition-duration:.01ms !important; }\r\n}\r\n<\/style>\r\n\r\n\r\n<header class=\"pp-hdr\" id=\"pp-header\">\r\n  <div class=\"pp-h__bar\">\r\n\r\n    <!-- \u2500\u2500 Logo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <a class=\"pp-h__brand\" href=\"#\" aria-label=\"ProPlayer home\">\r\n      <!-- \u25b6 TU LOGO: sube el imagotipo a Biblioteca de Medios y pega su URL en src.\r\n           Ideal: PNG\/SVG\/WebP horizontal, fondo transparente, ~200px de ancho. -->\r\n      <img class=\"pp-h__logo-img\"\r\n           src=\"__LOGO_URL__\"\r\n           alt=\"ProPlayer Soccer\"\r\n           width=\"180\" height=\"44\"\r\n           decoding=\"async\">\r\n    <\/a>\r\n\r\n    <!-- \u2500\u2500 Men\u00fa \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <nav class=\"pp-h__nav\" aria-label=\"Primary\">\r\n      <a class=\"pp-h__link\" href=\"#features\">Features<\/a>\r\n      <a class=\"pp-h__link\" href=\"#pricing\">Pricing<\/a>\r\n      <a class=\"pp-h__link\" href=\"#team\"> Our Team<\/a>\r\n    <\/nav>\r\n\r\n    <!-- \u2500\u2500 Botones \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"pp-h__actions\">\r\n      <a class=\"pp-h__btn pp-h__btn--glass\" href=\"#login\">Login<\/a>\r\n      <a class=\"pp-h__btn pp-h__btn--fill\" href=\"#pricing\">Sign up\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M4 12L12 4M6 4h6v6\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 Hamburguesa (m\u00f3vil) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <button class=\"pp-h__burger\" id=\"pp-burger\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"pp-panel\">\r\n      <span><\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 Panel m\u00f3vil \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"pp-h__panel\" id=\"pp-panel\">\r\n    <a class=\"pp-h__mlink\" href=\"#features\">Features<\/a>\r\n    <a class=\"pp-h__mlink\" href=\"#pricing\">Pricing<\/a>\r\n    <a class=\"pp-h__mlink\" href=\"#team\">Team<\/a>\r\n    <div class=\"pp-h__mactions\">\r\n      <a class=\"pp-h__btn pp-h__btn--fill\" href=\"#pricing\">Sign up<\/a>\r\n      <a class=\"pp-h__btn pp-h__btn--glass\" href=\"#login\">Login<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n\r\n<script>\r\n(function(){\r\n  var hdr = document.getElementById('pp-header');\r\n  if(!hdr || hdr.dataset.ready) return;\r\n  hdr.dataset.ready = '1';\r\n\r\n  var burger = hdr.querySelector('#pp-burger');\r\n  var bar = hdr.querySelector('.pp-h__bar');\r\n\r\n  \/* Como el header es fixed, sale del flujo: creamos un espaciador\r\n     justo debajo con su misma altura para que el contenido no quede\r\n     tapado. Se recalcula al cambiar de tama\u00f1o. *\/\r\n  var spacer = document.createElement('div');\r\n  spacer.setAttribute('aria-hidden','true');\r\n  hdr.parentNode.insertBefore(spacer, hdr.nextSibling);\r\n  function sizeSpacer(){ spacer.style.height = hdr.offsetHeight + 'px'; }\r\n  sizeSpacer();\r\n  window.addEventListener('resize', sizeSpacer, {passive:true});\r\n\r\n  \/* Men\u00fa m\u00f3vil *\/\r\n  function toggle(open){\r\n    hdr.classList.toggle('is-open', open);\r\n    burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n    document.body.style.overflow = open ? 'hidden' : '';\r\n  }\r\n  burger.addEventListener('click', function(){\r\n    toggle(!hdr.classList.contains('is-open'));\r\n  });\r\n\r\n  \/* Cerrar al pulsar un enlace del panel *\/\r\n  hdr.querySelectorAll('.pp-h__panel a').forEach(function(a){\r\n    a.addEventListener('click', function(){ toggle(false); });\r\n  });\r\n\r\n  \/* Cerrar con Escape *\/\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape' && hdr.classList.contains('is-open')) toggle(false);\r\n  });\r\n\r\n  \/* Scroll suave a las anclas internas (respeta la altura del header) *\/\r\n  hdr.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\r\n    a.addEventListener('click', function(e){\r\n      var id = a.getAttribute('href');\r\n      if(id.length < 2) return;\r\n      var target = document.querySelector(id);\r\n      if(!target) return;                       \/* si no existe el ancla, deja el comportamiento normal *\/\r\n      e.preventDefault();\r\n      var y = target.getBoundingClientRect().top + window.scrollY - hdr.offsetHeight - 8;\r\n      window.scrollTo({top:y, behavior:'smooth'});\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e597bd e-con-full e-flex e-con e-parent\" data-id=\"6e597bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-94b6ce0 e-con-full e-flex e-con e-child\" data-id=\"94b6ce0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-11fe146 e-con-full e-flex e-con e-child\" data-id=\"11fe146\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a49063e e-con-full e-flex e-con e-child\" data-id=\"a49063e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4522c58 elementor-widget elementor-widget-html\" data-id=\"4522c58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ProPlayer \u00b7 Componente \"Avatares apilados + prueba social\"\r\n     Elementor HTML Widget \u00b7 solo CSS, sin JS, sin dependencias\r\n     ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap');\r\n\r\n\/* ============================================================\r\n   Especificidad .pp-trust .pp-t__x \u2192 (0,2,0), gana al Kit de\r\n   Elementor (.elementor-kit-XX p \u2192 (0,1,1)) sin auto-pisarse.\r\n   ============================================================ *\/\r\n.pp-trust{\r\n  --navy:#011A2E;\r\n  --lime:#D0FF00;\r\n  --white:#FEFCFF;\r\n  --purple:#7C1DE8;\r\n\r\n  --body:'Satoshi',ui-sans-serif,system-ui,-apple-system,sans-serif;\r\n\r\n  \/* Ajusta estos tres y el componente entero se reescala *\/\r\n  --av:clamp(40px,3.6vw,52px);      \/* di\u00e1metro del avatar   *\/\r\n  --overlap:.34;                     \/* 0 = sin solape, .5 = mitad *\/\r\n  --ring:var(--navy);                \/* DEBE igualar el fondo *\/\r\n\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n  display:inline-flex; align-items:center;\r\n  gap:clamp(12px,1.3vw,20px);\r\n  padding:clamp(10px,1vw,14px) clamp(16px,1.5vw,22px) clamp(10px,1vw,14px) clamp(12px,1.1vw,16px);\r\n  border:1px solid rgba(254,252,255,.10);\r\n  border-radius:999px;\r\n  background:rgba(1,26,46,.55);\r\n  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);\r\n  font-family:var(--body);\r\n  color:var(--white);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.pp-trust *,\r\n.pp-trust *::before,\r\n.pp-trust *::after{ box-sizing:border-box; }\r\n\r\n\/* Variante sin c\u00e1psula: solo avatares + texto, sobre cualquier fondo *\/\r\n.pp-trust.pp-trust--bare{\r\n  padding:0; border:0; background:none;\r\n  -webkit-backdrop-filter:none; backdrop-filter:none;\r\n}\r\n\r\n\/* Variante sobre verde ne\u00f3n \u2014 manual: sobre lima, todo en negro *\/\r\n.pp-trust.pp-trust--lime{\r\n  --ring:var(--lime);\r\n  background:var(--lime);\r\n  border-color:var(--lime);\r\n  color:#000000;\r\n}\r\n\r\n\/* ---- Pila de avatares -------------------------------------- *\/\r\n.pp-trust .pp-t__stack{\r\n  display:flex; align-items:center;\r\n  flex:0 0 auto;\r\n  padding-right:calc(var(--av) * var(--overlap));  \/* compensa el margen negativo *\/\r\n}\r\n\r\n.pp-trust .pp-t__av{\r\n  position:relative;\r\n  display:block;\r\n  width:var(--av); height:var(--av);\r\n  flex:0 0 auto;\r\n  margin-right:calc(var(--av) * var(--overlap) * -1);\r\n  border-radius:50%;\r\n  overflow:hidden;\r\n  background:#02101B;\r\n  box-shadow:0 0 0 2px var(--ring), 0 4px 12px -4px rgba(0,0,0,.7);\r\n  transition:transform .32s var(--ease), box-shadow .32s var(--ease), margin-right .32s var(--ease);\r\n}\r\n\/* El primero delante, el \u00faltimo detr\u00e1s \u2192 la pila cae hacia la derecha *\/\r\n.pp-trust .pp-t__av:nth-child(1){ z-index:6; }\r\n.pp-trust .pp-t__av:nth-child(2){ z-index:5; }\r\n.pp-trust .pp-t__av:nth-child(3){ z-index:4; }\r\n.pp-trust .pp-t__av:nth-child(4){ z-index:3; }\r\n.pp-trust .pp-t__av:nth-child(5){ z-index:2; }\r\n.pp-trust .pp-t__av:nth-child(6){ z-index:1; }\r\n\r\n.pp-trust .pp-t__av img,\r\n.pp-trust .pp-t__av svg{\r\n  width:100%; height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  border-radius:50%;\r\n}\r\n\r\n\/* La pila se abre al pasar por encima *\/\r\n.pp-trust:hover .pp-t__av{\r\n  margin-right:calc(var(--av) * var(--overlap) * -.45);\r\n}\r\n.pp-trust .pp-t__av:hover{\r\n  transform:translateY(-4px) scale(1.06);\r\n  z-index:20;\r\n  box-shadow:0 0 0 2px var(--lime), 0 8px 18px -4px rgba(0,0,0,.8);\r\n}\r\n.pp-trust.pp-trust--lime .pp-t__av:hover{ box-shadow:0 0 0 2px #000, 0 8px 18px -4px rgba(0,0,0,.5); }\r\n\r\n\/* Ficha final con contador *\/\r\n.pp-trust .pp-t__av--count{\r\n  display:flex; align-items:center; justify-content:center;\r\n  background:var(--lime);\r\n  font-weight:900;\r\n  font-size:calc(var(--av) * .3);\r\n  letter-spacing:-.02em;\r\n  color:#000000;\r\n}\r\n\r\n\/* ---- Texto -------------------------------------------------- *\/\r\n.pp-trust .pp-t__text{\r\n  margin:0; padding:0;\r\n  font-family:var(--body);\r\n  font-weight:500; font-style:normal;\r\n  font-size:clamp(13.5px,1.12vw,16.5px);\r\n  line-height:1.32; letter-spacing:-.004em;\r\n  text-transform:none; text-shadow:none;\r\n  color:inherit;\r\n  max-width:30ch;\r\n}\r\n.pp-trust .pp-t__text b{\r\n  font-weight:900;\r\n  color:var(--lime);\r\n}\r\n.pp-trust.pp-trust--lime .pp-t__text b{ color:#000000; text-decoration:underline; text-underline-offset:3px; }\r\n\r\n\/* ---- Estrellas (opcional) ----------------------------------- *\/\r\n.pp-trust .pp-t__stars{\r\n  display:flex; align-items:center; gap:2px;\r\n  margin-bottom:5px;\r\n}\r\n.pp-trust .pp-t__stars svg{ width:13px; height:13px; display:block; }\r\n.pp-trust .pp-t__block{ display:flex; flex-direction:column; }\r\n\r\n\/* ---- Tama\u00f1os ------------------------------------------------ *\/\r\n.pp-trust.pp-trust--sm{ --av:clamp(30px,2.6vw,38px); }\r\n.pp-trust.pp-trust--lg{ --av:clamp(50px,4.6vw,66px); }\r\n\r\n\/* ---- Responsive --------------------------------------------- *\/\r\n@media (max-width:560px){\r\n  .pp-trust{\r\n    display:flex;\r\n    width:100%;\r\n    border-radius:18px;\r\n    padding:14px 16px;\r\n    gap:12px;\r\n  }\r\n  .pp-trust .pp-t__text{ font-size:14px; max-width:100%; }\r\n  .pp-trust .pp-t__av:hover{ transform:none; }\r\n  .pp-trust:hover .pp-t__av{ margin-right:calc(var(--av) * var(--overlap) * -1); }\r\n}\r\n@media (max-width:400px){\r\n  .pp-trust{ flex-direction:column; align-items:flex-start; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .pp-trust .pp-t__av{ transition-duration:.01ms !important; }\r\n  .pp-trust:hover .pp-t__av{ margin-right:calc(var(--av) * var(--overlap) * -1); }\r\n  .pp-trust .pp-t__av:hover{ transform:none; }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 VARIANTE 3 \u00b7 con estrellas (4 avatares con im\u00e1genes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"pp-trust pp-trust--sm\" style=\"margin-top:28px\">\r\n  <div class=\"pp-t__stack\" aria-hidden=\"true\">\r\n    <span class=\"pp-t__av\"><img decoding=\"async\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2025\/09\/12-8.jpg\" alt=\"Avatar 1\"><\/span>\r\n    <span class=\"pp-t__av\"><img decoding=\"async\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2025\/09\/13-8.jpg\" alt=\"Avatar 2\"><\/span>\r\n    <span class=\"pp-t__av\"><img decoding=\"async\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2025\/09\/10-6.jpg\" alt=\"Avatar 3\"><\/span>\r\n    <span class=\"pp-t__av\"><img decoding=\"async\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2025\/09\/9-7.jpg\" alt=\"Avatar 4\"><\/span>\r\n  <\/div>\r\n  <div class=\"pp-t__block\">\r\n    <div class=\"pp-t__stars\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"#D0FF00\"><path d=\"M12 2l3 6.6 7 .8-5.2 4.8 1.4 7L12 17.8 5.8 21.2l1.4-7L2 9.4l7-.8z\"\/><\/svg>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"#D0FF00\"><path d=\"M12 2l3 6.6 7 .8-5.2 4.8 1.4 7L12 17.8 5.8 21.2l1.4-7L2 9.4l7-.8z\"\/><\/svg>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"#D0FF00\"><path d=\"M12 2l3 6.6 7 .8-5.2 4.8 1.4 7L12 17.8 5.8 21.2l1.4-7L2 9.4l7-.8z\"\/><\/svg>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"#D0FF00\"><path d=\"M12 2l3 6.6 7 .8-5.2 4.8 1.4 7L12 17.8 5.8 21.2l1.4-7L2 9.4l7-.8z\"\/><\/svg>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"#D0FF00\"><path d=\"M12 2l3 6.6 7 .8-5.2 4.8 1.4 7L12 17.8 5.8 21.2l1.4-7L2 9.4l7-.8z\"\/><\/svg>\r\n    <\/div>\r\n    <p class=\"pp-t__text\"><b>145<\/b> players have their scholarship<\/p>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-945951f elementor-widget elementor-widget-heading\" data-id=\"945951f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">The best program for your soccer path<\/h1>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-811e253 e-con-full e-flex e-con e-child\" data-id=\"811e253\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36344d3 elementor-widget elementor-widget-text-editor\" data-id=\"36344d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We\u2019ll create a system for you to improve your game: structured training, certified video analysis, real progress tracking and a clear path to a university scholarship. No guesswork. Just a plan tailored to your needs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a29fb8a e-con-full e-flex e-con e-child\" data-id=\"a29fb8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d22a099 elementor-widget elementor-widget-button\" data-id=\"d22a099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Free Trial<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77e4aba elementor-align-center elementor-widget elementor-widget-button\" data-id=\"77e4aba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">About the app<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16628bf e-flex e-con-boxed e-con e-parent\" data-id=\"16628bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2162e53 elementor-widget elementor-widget-heading\" data-id=\"2162e53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The features for your path<\/h2>\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-5283b73 e-con-full e-flex e-con e-parent\" data-id=\"5283b73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a71f4d3 elementor-widget elementor-widget-html\" data-id=\"a71f4d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ProPlayer \u00b7 Secci\u00f3n \"Proof that gets you seen\"\r\n     Abanico interactivo de cards \u00b7 Elementor HTML Widget\r\n     Sin dependencias. Sin scroll-jacking.\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ------------------------------------------------------------\r\n   FUENTES \u00b7 sustituye las URL por las de tu Biblioteca de Medios\r\n   ------------------------------------------------------------ *\/\r\n@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap');\r\n\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Medium.woff2') format('woff2');\r\n  font-weight:500; font-style:normal; font-display:swap;\r\n}\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Bold.woff2') format('woff2');\r\n  font-weight:700; font-style:normal; font-display:swap;\r\n}\r\n\r\n\/* ============================================================\r\n   ESTRATEGIA DE ESPECIFICIDAD\r\n   El Kit de Elementor aplica `.elementor-kit-XX h2` \u2192 (0,1,1).\r\n   Aqu\u00ed NO hay reset por etiqueta: cada componente lleva sus\r\n   propios resets con `.pp-arc .pp-arc__x` \u2192 (0,2,0), que gana\r\n   a (0,1,1) sin poder pisarse a s\u00ed mismo.\r\n   ============================================================ *\/\r\n.pp-arc{\r\n  --navy:#011A2E;\r\n  --lime:#D0FF00;\r\n  --white:#FEFCFF;\r\n  --purple:#7C1DE8;\r\n\r\n  --surface:#061523;\r\n  --surface-2:#03101C;\r\n  --line:rgba(254,252,255,.14);\r\n  --line-soft:rgba(254,252,255,.08);\r\n\r\n  --display:'Technor','Satoshi',ui-sans-serif,system-ui,sans-serif;\r\n  --body:'Satoshi',ui-sans-serif,system-ui,-apple-system,sans-serif;\r\n\r\n  \/* Arco *\/\r\n  --cw:clamp(176px,15.4vw,252px);\r\n  --ch:calc(var(--cw) * 1.36);\r\n  --step:clamp(100px,9.3vw,141px);\r\n  --dip:9.2px;\r\n  --tilt:3.5deg;\r\n  --lift:30px;\r\n\r\n  \/* T\u00edtulo dentro de la card (card activa). Los inactivos van al 80%. *\/\r\n  --cardtitle:1.38em;\r\n  \/* Posici\u00f3n vertical del t\u00edtulo sobre el SVG.\r\n     0% = banda superior (por defecto) \u00b7 30% = superpuesto sobre el dibujo *\/\r\n  --title-top:4%;\r\n  --title-h:26%;\r\n\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n  background:\r\n    linear-gradient(180deg,#010B14 0%, rgba(1,11,20,0) 12%, rgba(1,9,19,0) 88%, #010913 100%),\r\n    radial-gradient(58% 46% at 12% 28%, rgba(124,29,232,.20) 0%, rgba(124,29,232,0) 68%),\r\n    radial-gradient(42% 34% at 50% 52%, rgba(208,255,0,.10) 0%, rgba(208,255,0,0) 70%),\r\n    linear-gradient(180deg,#010B14 0%, #011A2E 46%, #010913 100%);\r\n  color:var(--white);\r\n  font-family:var(--body);\r\n  overflow:hidden;\r\n  padding:clamp(56px,7vw,104px) 0 clamp(40px,5vw,72px);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\/* Trama de rejilla t\u00e9cnica \u2014 entre el fondo y el contenido *\/\r\n.pp-arc::before{\r\n  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(254,252,255,.020) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(254,252,255,.020) 1px, transparent 1px);\r\n  background-size:66px 66px;\r\n  -webkit-mask-image:radial-gradient(120% 62% at 50% 26%, #000 0%, transparent 76%);\r\n          mask-image:radial-gradient(120% 62% at 50% 26%, #000 0%, transparent 76%);\r\n}\r\n\r\n\r\n\r\n\r\n\/* \u00danico reset global \u2014 no toca color, fondo, sombra ni tama\u00f1o *\/\r\n.pp-arc .pp-arc__wrap,\r\n.pp-arc .pp-arc__wrap *,\r\n.pp-arc .pp-arc__wrap *::before,\r\n.pp-arc .pp-arc__wrap *::after{ box-sizing:border-box; }\r\n\r\n\r\n\r\n.pp-arc .pp-arc__wrap{\r\n  position:relative; z-index:1;\r\n  width:min(1280px, 92vw);\r\n  margin-inline:auto;\r\n}\r\n\r\n\/* ============================================================\r\n   CABECERA\r\n   ============================================================ *\/\r\n.pp-arc .pp-arc__rule{\r\n  height:1px; width:100%;\r\n  background:linear-gradient(90deg, var(--lime) 0 52px, var(--line) 52px 100%);\r\n  margin:0 0 clamp(20px,2.2vw,30px);\r\n}\r\n\r\n.pp-arc .pp-arc__head{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);\r\n  gap:clamp(24px,4vw,64px);\r\n  align-items:start;\r\n}\r\n\r\n.pp-arc .pp-arc__copy{ display:grid; align-items:start; }\r\n\r\n.pp-arc .pp-arc__body{\r\n  grid-area:1 \/ 1;\r\n  margin:0; padding:0;\r\n  max-width:36ch;\r\n  font-family:var(--body);\r\n  font-size:clamp(13.5px,1.05vw,15.5px);\r\n  font-weight:500; font-style:normal;\r\n  line-height:1.58; letter-spacing:.002em;\r\n  text-transform:none; text-shadow:none;\r\n  color:rgba(254,252,255,.72);\r\n  opacity:0; transform:translateY(6px);\r\n  transition:opacity .32s var(--ease), transform .32s var(--ease);\r\n  pointer-events:none;\r\n}\r\n.pp-arc .pp-arc__body.is-on{ opacity:1; transform:none; }\r\n\r\n.pp-arc .pp-arc__heading{ justify-self:end; text-align:right; max-width:100%; }\r\n\r\n.pp-arc .pp-arc__eyebrow{\r\n  margin:0 0 .12em; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:500; font-style:normal;\r\n  font-size:clamp(19px,2.25vw,33px);\r\n  line-height:1.08; letter-spacing:-.012em;\r\n  text-transform:none; text-shadow:none;\r\n  color:rgba(254,252,255,.86);\r\n}\r\n\r\n.pp-arc .pp-arc__titles{\r\n  display:grid; justify-items:end; align-items:start;\r\n  margin:0; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(30px,4vw,58px);\r\n  line-height:1.04; letter-spacing:-.024em;\r\n  text-transform:none; text-shadow:none;\r\n  color:var(--lime);\r\n}\r\n.pp-arc .pp-arc__titles span{\r\n  grid-area:1 \/ 1;\r\n  display:block;\r\n  color:var(--lime);\r\n  text-align:right; white-space:nowrap;\r\n  opacity:0; transform:translateY(8px);\r\n  transition:opacity .32s var(--ease), transform .32s var(--ease);\r\n}\r\n.pp-arc .pp-arc__titles span.is-on{ opacity:1; transform:none; }\r\n\r\n\/* ============================================================\r\n   ESCENARIO Y ABANICO\r\n   ============================================================ *\/\r\n.pp-arc .pp-arc__stage{\r\n  position:relative;\r\n  margin-top:clamp(26px,3.4vw,42px);\r\n  height:calc(var(--ch) + var(--dip) * 12.25 + 34px);\r\n  touch-action:pan-y;\r\n}\r\n.pp-arc .pp-arc__fan{ position:absolute; inset:0; outline:none; }\r\n.pp-arc .pp-arc__fan:focus-visible{\r\n  outline:2px solid var(--lime); outline-offset:14px; border-radius:20px;\r\n}\r\n\r\n.pp-arc .pp-arc__card{\r\n  --o:calc(var(--i) - 3.5);\r\n  position:absolute; top:30px; left:50%;\r\n  width:var(--cw); height:var(--ch);\r\n  margin-left:calc(var(--cw) \/ -2);\r\n  border-radius:15px;\r\n  overflow:hidden;\r\n  background:linear-gradient(168deg, var(--surface) 0%, var(--surface-2) 100%);\r\n  border:1px solid var(--line-soft);\r\n  box-shadow:0 22px 44px -18px rgba(0,0,0,.85);\r\n  padding:0;\r\n  font-size:calc(var(--cw) * .0665);\r\n  display:block;\r\n  z-index:calc(10 + var(--i));\r\n  cursor:pointer;\r\n  user-select:none; -webkit-tap-highlight-color:transparent;\r\n  transform:\r\n    translateX(calc(var(--o) * var(--step)))\r\n    translateY(calc(var(--o) * var(--o) * var(--dip)))\r\n    rotate(calc(var(--o) * var(--tilt)));\r\n  transition:transform .38s var(--ease), box-shadow .38s var(--ease),\r\n             border-color .3s var(--ease), background .3s var(--ease);\r\n  will-change:transform;\r\n}\r\n\r\n.pp-arc .pp-arc__card.is-active{\r\n  z-index:60;\r\n  border-color:rgba(208,255,0,.45);\r\n  background:linear-gradient(168deg,#0A1B12 0%, #04121C 100%);\r\n  box-shadow:\r\n    0 34px 62px -20px rgba(0,0,0,.9),\r\n    0 0 0 1px rgba(208,255,0,.16),\r\n    0 0 46px -6px rgba(208,255,0,.24);\r\n  transform:\r\n    translateX(calc(var(--o) * var(--step)))\r\n    translateY(calc(var(--o) * var(--o) * var(--dip) - var(--lift)))\r\n    rotate(calc(var(--o) * var(--tilt)))\r\n    scale(1.05);\r\n}\r\n\r\n\/* El SVG ocupa toda la card, alineado abajo *\/\r\n.pp-arc .pp-arc__viz{\r\n  position:absolute; inset:0; z-index:1;\r\n  padding:calc(var(--cw) * .055);\r\n  padding-top:calc(var(--cw) * .20);\r\n  display:flex; align-items:flex-end;\r\n  filter:saturate(0) brightness(.78) opacity(.58);\r\n  transition:filter .34s var(--ease);\r\n}\r\n.pp-arc .pp-arc__card.is-active .pp-arc__viz{ filter:none; }\r\n.pp-arc .pp-arc__viz svg{ width:100%; height:auto; display:block; }\r\n\r\n\/* Velo superior: el t\u00edtulo se lee, el dato de abajo no se tapa *\/\r\n.pp-arc .pp-arc__card::after{\r\n  content:''; position:absolute; inset:0 0 auto; height:52%; z-index:2;\r\n  pointer-events:none;\r\n  background:linear-gradient(180deg,\r\n              rgba(1,13,23,.94) 0%,\r\n              rgba(1,13,23,.80) 42%,\r\n              rgba(1,13,23,0) 100%);\r\n}\r\n\r\n\/* \u2500\u2500 T\u00cdTULO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   Se centra dentro de la FRANJA VISIBLE de la card (--step),\r\n   no dentro de la card entera: as\u00ed nunca queda medio tapado por\r\n   la card vecina. Al activarse, la card pasa a estar entera a la\r\n   vista y el t\u00edtulo se centra sobre los 100 % de su ancho.\r\n   ------------------------------------------------------------ *\/\r\n.pp-arc .pp-arc__cardtitle{\r\n  position:absolute; z-index:3;\r\n  top:var(--title-top); left:0;\r\n  width:var(--step);\r\n  height:var(--title-h);\r\n  margin:0; padding:0 .55em;\r\n  display:flex; align-items:center; justify-content:center;\r\n  text-align:center;\r\n  font-family:var(--body);              \/* Satoshi *\/\r\n  font-weight:900; font-style:normal;\r\n  font-size:calc(var(--cardtitle) * .8);\r\n  line-height:1.06; letter-spacing:-.015em;\r\n  text-transform:none;\r\n  text-shadow:0 2px 14px rgba(1,13,23,.95);\r\n  color:rgba(254,252,255,.78);\r\n  transition:width .38s var(--ease), font-size .38s var(--ease),\r\n             color .3s var(--ease), text-shadow .3s var(--ease);\r\n}\r\n.pp-arc .pp-arc__card:last-child .pp-arc__cardtitle{ width:100%; }\r\n\r\n.pp-arc .pp-arc__card.is-active .pp-arc__cardtitle{\r\n  width:100%;\r\n  font-size:var(--cardtitle);\r\n  color:var(--lime);\r\n  text-shadow:0 2px 14px rgba(1,13,23,.95), 0 0 34px rgba(208,255,0,.3);\r\n}\r\n\r\n\/* ============================================================\r\n   NAVEGACI\u00d3N\r\n   ============================================================ *\/\r\n.pp-arc .pp-arc__nav{\r\n  display:flex; justify-content:center; align-items:center;\r\n  gap:6px;\r\n  margin:clamp(18px,2.4vw,30px) auto 0;\r\n  padding:8px 12px;\r\n  width:-moz-max-content; width:max-content;\r\n  border:1px solid var(--line-soft);\r\n  border-radius:999px;\r\n  background:rgba(1,26,46,.62);\r\n  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);\r\n}\r\n.pp-arc .pp-arc__dot{\r\n  -webkit-appearance:none; appearance:none;\r\n  display:block; flex:0 0 auto;\r\n  width:18px; height:4px;\r\n  min-width:0; min-height:0;\r\n  margin:0; padding:0; border:0;\r\n  border-radius:99px;\r\n  background:rgba(254,252,255,.26);\r\n  box-shadow:none;\r\n  cursor:pointer;\r\n  transition:width .34s var(--ease), background .34s var(--ease);\r\n}\r\n.pp-arc .pp-arc__dot:hover{ background:rgba(254,252,255,.5); }\r\n.pp-arc .pp-arc__dot.is-active{ width:38px; background:var(--lime); }\r\n.pp-arc .pp-arc__dot:focus-visible{ outline:2px solid var(--lime); outline-offset:5px; }\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width:1180px){\r\n  .pp-arc{ --tilt:3.1deg; --dip:8px; }\r\n  .pp-arc .pp-arc__titles span{ white-space:normal; text-wrap:balance; }\r\n}\r\n\r\n@media (max-width:900px){\r\n  .pp-arc{\r\n    --mcw:min(250px,66vw);\r\n    padding:clamp(48px,9vw,72px) 0 clamp(34px,6vw,52px);\r\n  }\r\n\r\n  .pp-arc .pp-arc__head{ grid-template-columns:1fr; gap:16px; }\r\n  .pp-arc .pp-arc__heading{ justify-self:stretch; text-align:left; order:-1; }\r\n  .pp-arc .pp-arc__titles{ justify-items:start; font-size:clamp(30px,8.4vw,46px); }\r\n  .pp-arc .pp-arc__titles span{ text-align:left; white-space:normal; }\r\n  .pp-arc .pp-arc__eyebrow{ font-size:clamp(20px,5.4vw,28px); }\r\n  .pp-arc .pp-arc__body{ max-width:46ch; font-size:15px; }\r\n\r\n  .pp-arc .pp-arc__stage{ height:auto; margin-top:24px; }\r\n  .pp-arc .pp-arc__fan{\r\n    position:static;\r\n    display:flex; gap:14px;\r\n    overflow-x:auto;\r\n    scroll-snap-type:x mandatory;\r\n    overscroll-behavior-x:contain;\r\n    padding:10px 0 24px;\r\n    scrollbar-width:none; -webkit-overflow-scrolling:touch;\r\n  }\r\n  .pp-arc .pp-arc__fan::-webkit-scrollbar{ display:none; }\r\n  .pp-arc .pp-arc__fan::before,\r\n  .pp-arc .pp-arc__fan::after{\r\n    content:''; flex:0 0 auto;\r\n    width:calc(50% - var(--mcw) \/ 2 - 14px);\r\n  }\r\n\r\n  .pp-arc .pp-arc__card{\r\n    position:relative; top:auto; left:auto; margin-left:0;\r\n    flex:0 0 auto;\r\n    width:var(--mcw);\r\n    height:calc(var(--mcw) * 1.36);\r\n    font-size:calc(var(--mcw) * .0665);\r\n    scroll-snap-align:center;\r\n    transform:none !important;\r\n    opacity:.5;\r\n    transition:opacity .3s var(--ease), border-color .3s var(--ease),\r\n               background .3s var(--ease), box-shadow .3s var(--ease);\r\n  }\r\n  .pp-arc .pp-arc__card.is-active{ transform:none !important; opacity:1; }\r\n\r\n  \/* Sin solapamiento en m\u00f3vil: el t\u00edtulo usa todo el ancho *\/\r\n  .pp-arc .pp-arc__cardtitle{\r\n    width:100%;\r\n    font-size:calc(var(--cardtitle) * .92);\r\n  }\r\n  .pp-arc .pp-arc__card.is-active .pp-arc__cardtitle{ font-size:var(--cardtitle); }\r\n  .pp-arc .pp-arc__viz{ padding-top:calc(var(--mcw) * .30); }\r\n}\r\n\r\n@media (max-width:480px){\r\n  .pp-arc{ --mcw:min(232px,72vw); }\r\n  .pp-arc .pp-arc__body{ font-size:14.5px; line-height:1.55; }\r\n  .pp-arc .pp-arc__nav{ gap:5px; padding:7px 10px; }\r\n  .pp-arc .pp-arc__dot{ width:15px; }\r\n  .pp-arc .pp-arc__dot.is-active{ width:32px; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .pp-arc .pp-arc__card,\r\n  .pp-arc .pp-arc__body,\r\n  .pp-arc .pp-arc__titles span,\r\n  .pp-arc .pp-arc__cardtitle,\r\n  .pp-arc .pp-arc__viz,\r\n  .pp-arc .pp-arc__dot{ transition-duration:.01ms !important; }\r\n  .pp-arc .pp-arc__fan{ scroll-behavior:auto; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"pp-arc\" aria-labelledby=\"pp-arc-h\">\r\n  <div class=\"pp-arc__wrap\">\r\n\r\n    <div class=\"pp-arc__rule\"><\/div>\r\n\r\n    <div class=\"pp-arc__head\">\r\n\r\n      <!-- \u2500\u2500 P\u00e1rrafos (8, apilados) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <div class=\"pp-arc__copy\">\r\n        <p class=\"pp-arc__body\" data-i=\"0\">Upload a full match and a coach breaks it down \u2014 every decision, every run, every touch. You get a written report, not a highlight reel.<\/p>\r\n        <p class=\"pp-arc__body\" data-i=\"1\">See where you actually cover the field, not where you think you do. Coaches read positioning long before they watch highlights.<\/p>\r\n        <p class=\"pp-arc__body\" data-i=\"2\">Six attributes, scored after every match you upload. Watch the number move as the work adds up.<\/p>\r\n        <p class=\"pp-arc__body\" data-i=\"3\">Your season in one card, built to be shared. Screenshot it, post it, send it to a coach in three seconds.<\/p>\r\n        <p class=\"pp-arc__body\" data-i=\"4\">Sets and reps built around your position, your body and what the analysis says you're missing. Never a generic program.<\/p>\r\n        <p class=\"pp-arc__body\" data-i=\"5\">Fuel matched to your position, your size and your training load. Real meals, not a macro spreadsheet.<\/p>\r\n        <p class=\"pp-arc__body\" data-i=\"6\">Every day mapped \u2014 train, lift, recover, rest. You always know what today is for.<\/p>\r\n        <p class=\"pp-arc__body\" data-i=\"7\">See the programs recruiting your position, your class and your level. Track every email you send and every reply you get.<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 Eyebrow fija + t\u00edtulos (8, apilados) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <div class=\"pp-arc__heading\">\r\n        <p class=\"pp-arc__eyebrow\">Proof that<br>gets you seen<\/p>\r\n        <h2 class=\"pp-arc__titles\" id=\"pp-arc-h\">\r\n          <span data-i=\"0\">Match Video Analysis<\/span>\r\n          <span data-i=\"1\">Heat Map<\/span>\r\n          <span data-i=\"2\">Player Rating<\/span>\r\n          <span data-i=\"3\">PlayerCard<\/span>\r\n          <span data-i=\"4\">Gym & Soccer Plan<\/span>\r\n          <span data-i=\"5\">Nutritional Plan<\/span>\r\n          <span data-i=\"6\">Weekly Plan<\/span>\r\n          <span data-i=\"7\">Recruiting Board<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u2500\u2500 Abanico \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"pp-arc__stage\">\r\n      <div class=\"pp-arc__fan\" tabindex=\"0\" role=\"group\"\r\n           aria-label=\"ProPlayer features. Use left and right arrow keys to browse.\">\r\n\r\n        <!-- 0 \u00b7 MATCH ANALYSIS -->\r\n        <article class=\"pp-arc__card\" style=\"--i:0\" data-i=\"0\">\r\n          <h3 class=\"pp-arc__cardtitle\">Match Video<br>Analysis<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <rect width=\"200\" height=\"140\" rx=\"7\" fill=\"#02101B\"\/>\r\n              <g stroke=\"#FEFCFF\" stroke-width=\"1\" opacity=\".13\" fill=\"none\">\r\n                <path d=\"M0 104 L200 88\"\/><path d=\"M0 128 L200 108\"\/>\r\n                <path d=\"M46 140 L74 84\"\/><path d=\"M150 140 L128 84\"\/>\r\n              <\/g>\r\n              <ellipse cx=\"94\" cy=\"123\" rx=\"52\" ry=\"11\" fill=\"#D0FF00\" opacity=\".07\"\/>\r\n              <!-- jugador seguido -->\r\n              <g fill=\"#FEFCFF\" opacity=\".82\">\r\n                <circle cx=\"86\" cy=\"70\" r=\"6\"\/>\r\n                <path d=\"M80 79h12l3 22h-6l-2-12-2 12h-6z\"\/>\r\n              <\/g>\r\n              <rect x=\"72\" y=\"60\" width=\"30\" height=\"50\" fill=\"none\" stroke=\"#D0FF00\" stroke-width=\"1.6\" rx=\"2\"\/>\r\n              <rect x=\"72\" y=\"49.5\" width=\"20\" height=\"9\" rx=\"2\" fill=\"#D0FF00\"\/>\r\n              <text x=\"82\" y=\"56.6\" font-family=\"Satoshi,sans-serif\" font-size=\"6.4\" font-weight=\"700\" fill=\"#011A2E\" text-anchor=\"middle\">#7<\/text>\r\n              <!-- rival -->\r\n              <g fill=\"#FEFCFF\" opacity=\".3\">\r\n                <circle cx=\"138\" cy=\"78\" r=\"5\"\/>\r\n                <path d=\"M133 86h10l2 18h-5l-2-10-2 10h-5z\"\/>\r\n              <\/g>\r\n              <rect x=\"127\" y=\"70\" width=\"24\" height=\"40\" fill=\"none\" stroke=\"#FEFCFF\" stroke-width=\"1.2\" stroke-dasharray=\"3 3\" opacity=\".38\" rx=\"2\"\/>\r\n              <!-- l\u00ednea de tiempo -->\r\n              <rect x=\"0\" y=\"150\" width=\"200\" height=\"4\" rx=\"2\" fill=\"#FEFCFF\" opacity=\".16\"\/>\r\n              <rect x=\"0\" y=\"150\" width=\"84\" height=\"4\" rx=\"2\" fill=\"#D0FF00\"\/>\r\n              <g fill=\"#D0FF00\">\r\n                <circle cx=\"40\" cy=\"152\" r=\"3.4\"\/><circle cx=\"84\" cy=\"152\" r=\"4.4\"\/>\r\n              <\/g>\r\n              <circle cx=\"132\" cy=\"152\" r=\"3.4\" fill=\"#FEFCFF\" opacity=\".45\"\/>\r\n              <text x=\"0\" y=\"168\" font-family=\"Satoshi,sans-serif\" font-size=\"8\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".5\">12 key moments<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 1 \u00b7 HEAT MAP -->\r\n        <article class=\"pp-arc__card\" style=\"--i:1\" data-i=\"1\">\r\n          <h3 class=\"pp-arc__cardtitle\">Heat<br>Map<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <defs>\r\n                <radialGradient id=\"ppH1\"><stop offset=\"0\" stop-color=\"#D0FF00\" stop-opacity=\".92\"\/><stop offset=\"1\" stop-color=\"#D0FF00\" stop-opacity=\"0\"\/><\/radialGradient>\r\n                <radialGradient id=\"ppH2\"><stop offset=\"0\" stop-color=\"#7C1DE8\" stop-opacity=\".8\"\/><stop offset=\"1\" stop-color=\"#7C1DE8\" stop-opacity=\"0\"\/><\/radialGradient>\r\n                <clipPath id=\"ppHc\"><rect x=\"14\" y=\"6\" width=\"172\" height=\"132\" rx=\"4\"\/><\/clipPath>\r\n              <\/defs>\r\n              <rect x=\"14\" y=\"6\" width=\"172\" height=\"132\" rx=\"4\" fill=\"#02101B\"\/>\r\n              <g clip-path=\"url(#ppHc)\">\r\n                <circle cx=\"118\" cy=\"60\" r=\"46\" fill=\"url(#ppH1)\"\/>\r\n                <circle cx=\"92\" cy=\"92\" r=\"40\" fill=\"url(#ppH1)\" opacity=\".75\"\/>\r\n                <circle cx=\"146\" cy=\"98\" r=\"30\" fill=\"url(#ppH2)\"\/>\r\n                <circle cx=\"60\" cy=\"46\" r=\"26\" fill=\"url(#ppH2)\" opacity=\".6\"\/>\r\n              <\/g>\r\n              <g stroke=\"#FEFCFF\" stroke-width=\"1.1\" fill=\"none\" opacity=\".42\">\r\n                <rect x=\"14\" y=\"6\" width=\"172\" height=\"132\" rx=\"4\"\/>\r\n                <path d=\"M100 6v132\"\/>\r\n                <circle cx=\"100\" cy=\"72\" r=\"21\"\/>\r\n                <path d=\"M14 42h26v60H14z\"\/><path d=\"M186 42h-26v60h26z\"\/>\r\n              <\/g>\r\n              <text x=\"14\" y=\"158\" font-family=\"Satoshi,sans-serif\" font-size=\"9.6\" font-weight=\"700\" fill=\"#D0FF00\">64%<\/text>\r\n              <text x=\"46\" y=\"158\" font-family=\"Satoshi,sans-serif\" font-size=\"8\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".5\">attacking half<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 2 \u00b7 PLAYER RATING -->\r\n        <article class=\"pp-arc__card\" style=\"--i:2\" data-i=\"2\">\r\n          <h3 class=\"pp-arc__cardtitle\">Player<br>Rating<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <g transform=\"translate(100 72)\">\r\n                <g fill=\"none\" stroke=\"#FEFCFF\" opacity=\".16\" stroke-width=\"1\">\r\n                  <polygon points=\"0,-62 54,-31 54,31 0,62 -54,31 -54,-31\"\/>\r\n                  <polygon points=\"0,-41 36,-21 36,21 0,41 -36,21 -36,-21\"\/>\r\n                  <polygon points=\"0,-21 18,-10 18,10 0,21 -18,10 -18,-10\"\/>\r\n                <\/g>\r\n                <polygon points=\"0,-54 46,-19 40,26 0,47 -44,22 -38,-26\"\r\n                         fill=\"#D0FF00\" fill-opacity=\".2\" stroke=\"#D0FF00\" stroke-width=\"2\"\/>\r\n                <g fill=\"#D0FF00\">\r\n                  <circle cx=\"0\" cy=\"-54\" r=\"3\"\/><circle cx=\"46\" cy=\"-19\" r=\"3\"\/>\r\n                  <circle cx=\"40\" cy=\"26\" r=\"3\"\/><circle cx=\"0\" cy=\"47\" r=\"3\"\/>\r\n                  <circle cx=\"-44\" cy=\"22\" r=\"3\"\/><circle cx=\"-38\" cy=\"-26\" r=\"3\"\/>\r\n                <\/g>\r\n              <\/g>\r\n              <rect x=\"0\" y=\"146\" width=\"200\" height=\"22\" rx=\"5\" fill=\"#FEFCFF\" opacity=\".06\"\/>\r\n              <text x=\"9\" y=\"161\" font-family=\"Satoshi,sans-serif\" font-size=\"8.6\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".55\">Overall<\/text>\r\n              <text x=\"191\" y=\"162\" font-family=\"Satoshi,sans-serif\" font-size=\"15\" font-weight=\"700\" fill=\"#D0FF00\" text-anchor=\"end\">82<\/text>\r\n              <text x=\"160\" y=\"161\" font-family=\"Satoshi,sans-serif\" font-size=\"8\" font-weight=\"700\" fill=\"#D0FF00\" opacity=\".62\" text-anchor=\"end\">+4<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 3 \u00b7 PLAYERCARD -->\r\n        <article class=\"pp-arc__card\" style=\"--i:3\" data-i=\"3\">\r\n          <h3 class=\"pp-arc__cardtitle\">Player<br>Card<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <defs>\r\n                <linearGradient id=\"ppPc\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0\" stop-color=\"#D0FF00\"\/><stop offset=\"1\" stop-color=\"#7C1DE8\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n              <path d=\"M46 4h108v112c0 26-33 40-54 48-21-8-54-22-54-48z\"\r\n                    fill=\"#02101B\" stroke=\"url(#ppPc)\" stroke-width=\"2\"\/>\r\n              <text x=\"62\" y=\"36\" font-family=\"Technor,Satoshi,sans-serif\" font-size=\"27\" font-weight=\"700\" fill=\"#D0FF00\">82<\/text>\r\n              <text x=\"62\" y=\"50\" font-family=\"Satoshi,sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".72\">RW<\/text>\r\n              <path d=\"M112 22h28v28h-28z\" fill=\"#FEFCFF\" opacity=\".1\"\/>\r\n              <g fill=\"#FEFCFF\" opacity=\".55\">\r\n                <circle cx=\"126\" cy=\"33\" r=\"6\"\/><path d=\"M118 46h16l2 4h-20z\"\/>\r\n              <\/g>\r\n              <path d=\"M58 60h84\" stroke=\"#FEFCFF\" stroke-opacity=\".18\" stroke-width=\"1\"\/>\r\n              <g font-family=\"Satoshi,sans-serif\" font-size=\"8.4\" font-weight=\"500\">\r\n                <text x=\"58\" y=\"76\" fill=\"#FEFCFF\" opacity=\".55\">PACE<\/text>\r\n                <text x=\"98\" y=\"76\" fill=\"#D0FF00\" font-weight=\"700\">86<\/text>\r\n                <text x=\"112\" y=\"76\" fill=\"#FEFCFF\" opacity=\".55\">SHOT<\/text>\r\n                <text x=\"152\" y=\"76\" fill=\"#D0FF00\" font-weight=\"700\">79<\/text>\r\n                <text x=\"58\" y=\"92\" fill=\"#FEFCFF\" opacity=\".55\">PASS<\/text>\r\n                <text x=\"98\" y=\"92\" fill=\"#D0FF00\" font-weight=\"700\">81<\/text>\r\n                <text x=\"112\" y=\"92\" fill=\"#FEFCFF\" opacity=\".55\">1V1<\/text>\r\n                <text x=\"152\" y=\"92\" fill=\"#D0FF00\" font-weight=\"700\">84<\/text>\r\n                <text x=\"58\" y=\"108\" fill=\"#FEFCFF\" opacity=\".55\">DEF<\/text>\r\n                <text x=\"98\" y=\"108\" fill=\"#D0FF00\" font-weight=\"700\">62<\/text>\r\n                <text x=\"112\" y=\"108\" fill=\"#FEFCFF\" opacity=\".55\">WORK<\/text>\r\n                <text x=\"152\" y=\"108\" fill=\"#D0FF00\" font-weight=\"700\">88<\/text>\r\n              <\/g>\r\n              <text x=\"100\" y=\"132\" font-family=\"Satoshi,sans-serif\" font-size=\"8\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".5\" text-anchor=\"middle\" letter-spacing=\"1.4\">CLASS OF 2028<\/text>\r\n              <rect x=\"52\" y=\"150\" width=\"96\" height=\"16\" rx=\"8\" fill=\"#D0FF00\"\/>\r\n              <text x=\"100\" y=\"161\" font-family=\"Satoshi,sans-serif\" font-size=\"8.2\" font-weight=\"700\" fill=\"#011A2E\" text-anchor=\"middle\">Share card<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 4 \u00b7 GYM PLAN -->\r\n        <article class=\"pp-arc__card\" style=\"--i:4\" data-i=\"4\">\r\n          <h3 class=\"pp-arc__cardtitle\">Gym <br>Plan<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <g font-family=\"Satoshi,sans-serif\">\r\n                <g>\r\n                  <rect y=\"4\" width=\"200\" height=\"30\" rx=\"6\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                  <text x=\"12\" y=\"23\" font-size=\"9.4\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".82\">Trap bar deadlift<\/text>\r\n                  <rect x=\"140\" y=\"11\" width=\"48\" height=\"16\" rx=\"8\" fill=\"#D0FF00\"\/>\r\n                  <text x=\"164\" y=\"22.4\" font-size=\"8.4\" font-weight=\"700\" fill=\"#011A2E\" text-anchor=\"middle\">4 \u00d7 5<\/text>\r\n                <\/g>\r\n                <g>\r\n                  <rect y=\"40\" width=\"200\" height=\"30\" rx=\"6\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                  <text x=\"12\" y=\"59\" font-size=\"9.4\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".82\">Nordic curl<\/text>\r\n                  <rect x=\"140\" y=\"47\" width=\"48\" height=\"16\" rx=\"8\" fill=\"#D0FF00\" opacity=\".82\"\/>\r\n                  <text x=\"164\" y=\"58.4\" font-size=\"8.4\" font-weight=\"700\" fill=\"#011A2E\" text-anchor=\"middle\">3 \u00d7 6<\/text>\r\n                <\/g>\r\n                <g>\r\n                  <rect y=\"76\" width=\"200\" height=\"30\" rx=\"6\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                  <text x=\"12\" y=\"95\" font-size=\"9.4\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".82\">Lateral bound<\/text>\r\n                  <rect x=\"140\" y=\"83\" width=\"48\" height=\"16\" rx=\"8\" fill=\"#7C1DE8\"\/>\r\n                  <text x=\"164\" y=\"94.4\" font-size=\"8.4\" font-weight=\"700\" fill=\"#FEFCFF\" text-anchor=\"middle\">3 \u00d7 8<\/text>\r\n                <\/g>\r\n                <g>\r\n                  <rect y=\"112\" width=\"200\" height=\"30\" rx=\"6\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                  <text x=\"12\" y=\"131\" font-size=\"9.4\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".82\">Copenhagen hold<\/text>\r\n                  <rect x=\"140\" y=\"119\" width=\"48\" height=\"16\" rx=\"8\" fill=\"#FEFCFF\" opacity=\".2\"\/>\r\n                  <text x=\"164\" y=\"130.4\" font-size=\"8.4\" font-weight=\"700\" fill=\"#FEFCFF\" text-anchor=\"middle\">3 \u00d7 20s<\/text>\r\n                <\/g>\r\n                <rect y=\"154\" width=\"200\" height=\"5\" rx=\"2.5\" fill=\"#FEFCFF\" opacity=\".14\"\/>\r\n                <rect y=\"154\" width=\"76\" height=\"5\" rx=\"2.5\" fill=\"#D0FF00\"\/>\r\n                <text x=\"0\" y=\"168\" font-size=\"7.8\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".5\">Week 3 of 8 \u00b7 lower body<\/text>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 5 \u00b7 NUTRITION PLAN -->\r\n        <article class=\"pp-arc__card\" style=\"--i:5\" data-i=\"5\">\r\n          <h3 class=\"pp-arc__cardtitle\">Nutrition<br>Plan<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <g fill=\"none\" stroke-width=\"8\" stroke-linecap=\"round\" transform=\"translate(0 8)\">\r\n                <circle cx=\"34\" cy=\"38\" r=\"26\" stroke=\"#FEFCFF\" stroke-opacity=\".12\"\/>\r\n                <circle cx=\"34\" cy=\"38\" r=\"26\" stroke=\"#D0FF00\" stroke-dasharray=\"132 164\" transform=\"rotate(-90 34 38)\"\/>\r\n                <circle cx=\"100\" cy=\"38\" r=\"26\" stroke=\"#FEFCFF\" stroke-opacity=\".12\"\/>\r\n                <circle cx=\"100\" cy=\"38\" r=\"26\" stroke=\"#7C1DE8\" stroke-dasharray=\"108 164\" transform=\"rotate(-90 100 38)\"\/>\r\n                <circle cx=\"166\" cy=\"38\" r=\"26\" stroke=\"#FEFCFF\" stroke-opacity=\".12\"\/>\r\n                <circle cx=\"166\" cy=\"38\" r=\"26\" stroke=\"#FEFCFF\" stroke-opacity=\".78\" stroke-dasharray=\"58 164\" transform=\"rotate(-90 166 38)\"\/>\r\n              <\/g>\r\n              <g font-family=\"Satoshi,sans-serif\" text-anchor=\"middle\">\r\n                <text x=\"34\" y=\"49\" font-size=\"11.4\" font-weight=\"700\" fill=\"#D0FF00\">168<\/text>\r\n                <text x=\"34\" y=\"90\" font-size=\"7.6\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".55\">PROTEIN g<\/text>\r\n                <text x=\"100\" y=\"49\" font-size=\"11.4\" font-weight=\"700\" fill=\"#7C1DE8\">420<\/text>\r\n                <text x=\"100\" y=\"90\" font-size=\"7.6\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".55\">CARBS g<\/text>\r\n                <text x=\"166\" y=\"49\" font-size=\"11.4\" font-weight=\"700\" fill=\"#FEFCFF\">72<\/text>\r\n                <text x=\"166\" y=\"90\" font-size=\"7.6\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".55\">FAT g<\/text>\r\n              <\/g>\r\n              <rect y=\"104\" width=\"200\" height=\"34\" rx=\"7\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n              <text x=\"12\" y=\"119\" font-family=\"Satoshi,sans-serif\" font-size=\"9\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".78\">Pre-match meal<\/text>\r\n              <text x=\"12\" y=\"131\" font-family=\"Satoshi,sans-serif\" font-size=\"7.8\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".45\">3 h before kickoff<\/text>\r\n              <rect x=\"0\" y=\"148\" width=\"86\" height=\"18\" rx=\"9\" fill=\"#D0FF00\"\/>\r\n              <text x=\"43\" y=\"160.4\" font-family=\"Satoshi,sans-serif\" font-size=\"8.2\" font-weight=\"700\" fill=\"#011A2E\" text-anchor=\"middle\">Match day<\/text>\r\n              <rect x=\"94\" y=\"148\" width=\"76\" height=\"18\" rx=\"9\" fill=\"none\" stroke=\"#FEFCFF\" stroke-opacity=\".2\"\/>\r\n              <text x=\"132\" y=\"160.4\" font-family=\"Satoshi,sans-serif\" font-size=\"8.2\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".5\" text-anchor=\"middle\">Rest day<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 6 \u00b7 WEEKLY PLAN -->\r\n        <article class=\"pp-arc__card\" style=\"--i:6\" data-i=\"6\">\r\n          <h3 class=\"pp-arc__cardtitle\">Weekly<br>Plan<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <g font-family=\"Satoshi,sans-serif\" font-size=\"7.4\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".45\" text-anchor=\"middle\">\r\n                <text x=\"14\" y=\"9\">M<\/text><text x=\"44\" y=\"9\">T<\/text><text x=\"74\" y=\"9\">W<\/text>\r\n                <text x=\"104\" y=\"9\">T<\/text><text x=\"134\" y=\"9\">F<\/text><text x=\"164\" y=\"9\">S<\/text>\r\n                <text x=\"192\" y=\"9\">S<\/text>\r\n              <\/g>\r\n              <g rx=\"3\">\r\n                <rect x=\"4\" y=\"18\" width=\"20\" height=\"34\" rx=\"4\" fill=\"#D0FF00\" opacity=\".9\"\/>\r\n                <rect x=\"4\" y=\"56\" width=\"20\" height=\"22\" rx=\"4\" fill=\"#FEFCFF\" opacity=\".22\"\/>\r\n                <rect x=\"34\" y=\"18\" width=\"20\" height=\"24\" rx=\"4\" fill=\"#7C1DE8\"\/>\r\n                <rect x=\"64\" y=\"18\" width=\"20\" height=\"40\" rx=\"4\" fill=\"#D0FF00\" opacity=\".9\"\/>\r\n                <rect x=\"64\" y=\"62\" width=\"20\" height=\"18\" rx=\"4\" fill=\"#FEFCFF\" opacity=\".22\"\/>\r\n                <rect x=\"94\" y=\"18\" width=\"20\" height=\"28\" rx=\"4\" fill=\"#7C1DE8\"\/>\r\n                <rect x=\"124\" y=\"18\" width=\"20\" height=\"34\" rx=\"4\" fill=\"#D0FF00\" opacity=\".9\"\/>\r\n                <rect x=\"154\" y=\"18\" width=\"20\" height=\"58\" rx=\"4\" fill=\"#D0FF00\"\/>\r\n                <rect x=\"182\" y=\"18\" width=\"14\" height=\"16\" rx=\"4\" fill=\"#FEFCFF\" opacity=\".14\"\/>\r\n              <\/g>\r\n              <path d=\"M154 12 h20\" stroke=\"#D0FF00\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/>\r\n              <text x=\"164\" y=\"88\" font-family=\"Satoshi,sans-serif\" font-size=\"7\" font-weight=\"700\" fill=\"#D0FF00\" text-anchor=\"middle\">MATCH<\/text>\r\n              <g font-family=\"Satoshi,sans-serif\" font-size=\"8\" font-weight=\"500\">\r\n                <circle cx=\"6\" cy=\"112\" r=\"3.4\" fill=\"#D0FF00\"\/>\r\n                <text x=\"15\" y=\"115\" fill=\"#FEFCFF\" opacity=\".62\">Field session<\/text>\r\n                <circle cx=\"6\" cy=\"132\" r=\"3.4\" fill=\"#7C1DE8\"\/>\r\n                <text x=\"15\" y=\"135\" fill=\"#FEFCFF\" opacity=\".62\">Gym<\/text>\r\n                <circle cx=\"6\" cy=\"152\" r=\"3.4\" fill=\"#FEFCFF\" opacity=\".3\"\/>\r\n                <text x=\"15\" y=\"155\" fill=\"#FEFCFF\" opacity=\".62\">Recovery<\/text>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 7 \u00b7 RECRUITING BOARD -->\r\n        <article class=\"pp-arc__card\" style=\"--i:7\" data-i=\"7\">\r\n          <h3 class=\"pp-arc__cardtitle\">Recruiting<br>Board<\/h3>\r\n          <div class=\"pp-arc__viz\">\r\n            <svg viewBox=\"0 0 200 168\" aria-hidden=\"true\">\r\n              <g font-family=\"Satoshi,sans-serif\">\r\n                <g>\r\n                  <rect y=\"2\" width=\"200\" height=\"34\" rx=\"6\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                  <rect x=\"8\" y=\"12\" width=\"14\" height=\"14\" rx=\"4\" fill=\"#D0FF00\"\/>\r\n                  <text x=\"30\" y=\"18\" font-size=\"8.6\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".85\">D1 \u00b7 Northeast<\/text>\r\n                  <text x=\"30\" y=\"29\" font-size=\"7.4\" font-weight=\"500\" fill=\"#D0FF00\">Replied \u00b7 film requested<\/text>\r\n                  <text x=\"192\" y=\"24\" font-size=\"10\" font-weight=\"700\" fill=\"#D0FF00\" text-anchor=\"end\">94%<\/text>\r\n                <\/g>\r\n                <g>\r\n                  <rect y=\"42\" width=\"200\" height=\"34\" rx=\"6\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                  <rect x=\"8\" y=\"52\" width=\"14\" height=\"14\" rx=\"4\" fill=\"#7C1DE8\"\/>\r\n                  <text x=\"30\" y=\"58\" font-size=\"8.6\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".85\">D1 \u00b7 Mid-Atlantic<\/text>\r\n                  <text x=\"30\" y=\"69\" font-size=\"7.4\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".45\">Opened \u00b7 2 days ago<\/text>\r\n                  <text x=\"192\" y=\"64\" font-size=\"10\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".7\" text-anchor=\"end\">88%<\/text>\r\n                <\/g>\r\n                <g>\r\n                  <rect y=\"82\" width=\"200\" height=\"34\" rx=\"6\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                  <rect x=\"8\" y=\"92\" width=\"14\" height=\"14\" rx=\"4\" fill=\"#FEFCFF\" opacity=\".26\"\/>\r\n                  <text x=\"30\" y=\"98\" font-size=\"8.6\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".85\">D2 \u00b7 Great Lakes<\/text>\r\n                  <text x=\"30\" y=\"109\" font-size=\"7.4\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".45\">Sent \u00b7 awaiting reply<\/text>\r\n                  <text x=\"192\" y=\"104\" font-size=\"10\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".7\" text-anchor=\"end\">81%<\/text>\r\n                <\/g>\r\n                <rect y=\"126\" width=\"200\" height=\"20\" rx=\"6\" fill=\"none\" stroke=\"#FEFCFF\" stroke-opacity=\".14\" stroke-dasharray=\"4 4\"\/>\r\n                <text x=\"100\" y=\"139.6\" font-size=\"8\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".4\" text-anchor=\"middle\">+ 14 more matches<\/text>\r\n                <text x=\"0\" y=\"164\" font-size=\"7.8\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".5\">Positions open for your class<\/text>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 Navegaci\u00f3n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"pp-arc__nav\" role=\"tablist\" aria-label=\"Choose a feature\">\r\n      <button class=\"pp-arc__dot\" data-i=\"0\" role=\"tab\" aria-label=\"Match Analysis\"><\/button>\r\n      <button class=\"pp-arc__dot\" data-i=\"1\" role=\"tab\" aria-label=\"Heat Map\"><\/button>\r\n      <button class=\"pp-arc__dot\" data-i=\"2\" role=\"tab\" aria-label=\"Player Rating\"><\/button>\r\n      <button class=\"pp-arc__dot\" data-i=\"3\" role=\"tab\" aria-label=\"PlayerCard\"><\/button>\r\n      <button class=\"pp-arc__dot\" data-i=\"4\" role=\"tab\" aria-label=\"Gym Plan\"><\/button>\r\n      <button class=\"pp-arc__dot\" data-i=\"5\" role=\"tab\" aria-label=\"Nutrition Plan\"><\/button>\r\n      <button class=\"pp-arc__dot\" data-i=\"6\" role=\"tab\" aria-label=\"Weekly Plan\"><\/button>\r\n      <button class=\"pp-arc__dot\" data-i=\"7\" role=\"tab\" aria-label=\"Recruiting Board\"><\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n  var root = document.querySelector('.pp-arc');\r\n  if(!root || root.dataset.ppReady) return;\r\n  root.dataset.ppReady = '1';\r\n\r\n  var COUNT  = 8,\r\n      fan    = root.querySelector('.pp-arc__fan'),\r\n      cards  = root.querySelectorAll('.pp-arc__card'),\r\n      bodies = root.querySelectorAll('.pp-arc__body'),\r\n      titles = root.querySelectorAll('.pp-arc__titles span'),\r\n      dots   = root.querySelectorAll('.pp-arc__dot'),\r\n      mqTouch = window.matchMedia('(max-width:900px)'),\r\n      isTouch = mqTouch.matches,\r\n      current = -1;\r\n\r\n  \/* --- Estado ------------------------------------------------ *\/\r\n  function setActive(i, scrollTo){\r\n    i = Math.max(0, Math.min(COUNT - 1, i));\r\n    if(i === current) return;\r\n    current = i;\r\n\r\n    for(var n = 0; n < COUNT; n++){\r\n      var on = (n === i);\r\n      cards[n].classList.toggle('is-active', on);\r\n      bodies[n].classList.toggle('is-on', on);\r\n      titles[n].classList.toggle('is-on', on);\r\n      dots[n].classList.toggle('is-active', on);\r\n      dots[n].setAttribute('aria-selected', on ? 'true' : 'false');\r\n    }\r\n\r\n    if(scrollTo && isTouch){\r\n      cards[i].scrollIntoView({behavior:'smooth', block:'nearest', inline:'center'});\r\n    }\r\n  }\r\n\r\n  \/* --- Paso del arco -----------------------------------------\r\n     Espeja el clamp() de --step en el CSS. Si cambias el CSS,\r\n     cambia tambi\u00e9n esta l\u00ednea:  clamp(100px, 9.3vw, 141px)\r\n     ----------------------------------------------------------- *\/\r\n  function stepPx(){\r\n    return Math.min(141, Math.max(100, window.innerWidth * 0.093));\r\n  }\r\n\r\n  \/* --- Escritorio: el puntero recorre el arco ----------------- *\/\r\n  var raf = null, pendingX = 0;\r\n\r\n  function resolvePointer(){\r\n    raf = null;\r\n    var r = fan.getBoundingClientRect(),\r\n        x = pendingX - (r.left + r.width \/ 2);\r\n    setActive(Math.round(x \/ stepPx() + (COUNT - 1) \/ 2));\r\n  }\r\n\r\n  fan.addEventListener('pointermove', function(e){\r\n    if(isTouch || e.pointerType === 'touch') return;\r\n    pendingX = e.clientX;\r\n    if(!raf) raf = requestAnimationFrame(resolvePointer);\r\n  }, {passive:true});\r\n\r\n  \/* Click fija la card (trackpad, y da un objetivo real al tap) *\/\r\n  Array.prototype.forEach.call(cards, function(c){\r\n    c.addEventListener('click', function(){ setActive(+c.dataset.i, true); });\r\n  });\r\n\r\n  \/* --- Segmentos de navegaci\u00f3n -------------------------------- *\/\r\n  Array.prototype.forEach.call(dots, function(d){\r\n    d.addEventListener('click', function(){ setActive(+d.dataset.i, true); });\r\n  });\r\n\r\n  \/* --- Teclado ------------------------------------------------ *\/\r\n  fan.addEventListener('keydown', function(e){\r\n    var k = e.key;\r\n    if(k === 'ArrowRight'){ setActive(current + 1, true); e.preventDefault(); }\r\n    else if(k === 'ArrowLeft'){ setActive(current - 1, true); e.preventDefault(); }\r\n    else if(k === 'Home'){ setActive(0, true); e.preventDefault(); }\r\n    else if(k === 'End'){ setActive(COUNT - 1, true); e.preventDefault(); }\r\n  });\r\n\r\n  \/* --- T\u00e1ctil: manda la card m\u00e1s cercana al centro ------------ *\/\r\n  var sraf = null;\r\n  fan.addEventListener('scroll', function(){\r\n    if(!isTouch || sraf) return;\r\n    sraf = requestAnimationFrame(function(){\r\n      sraf = null;\r\n      var fr = fan.getBoundingClientRect(),\r\n          mid = fr.left + fr.width \/ 2,\r\n          best = 0, bestD = Infinity;\r\n      for(var n = 0; n < COUNT; n++){\r\n        var cr = cards[n].getBoundingClientRect(),\r\n            d = Math.abs(cr.left + cr.width \/ 2 - mid);\r\n        if(d < bestD){ bestD = d; best = n; }\r\n      }\r\n      setActive(best);\r\n    });\r\n  }, {passive:true});\r\n\r\n  \/* --- Init --------------------------------------------------- *\/\r\n  function syncMode(){\r\n    var t = mqTouch.matches;\r\n    if(t !== isTouch){ isTouch = t; }\r\n  }\r\n  window.addEventListener('resize', syncMode, {passive:true});\r\n\r\n  setActive(isTouch ? 0 : 3);   \/\/ escritorio arranca en PlayerCard (centro del arco)\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcc14ec e-con-full e-flex e-con e-parent\" data-id=\"dcc14ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d026746 e-con-full e-flex e-con e-child\" data-id=\"d026746\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c824b4 elementor-widget elementor-widget-html\" data-id=\"6c824b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ProPlayer \u00b7 Secci\u00f3n \"Stat cards flotantes\"\r\n     R\u00e9plica del layout de referencia \u00b7 paleta de marca\r\n     Elementor HTML Widget \u00b7 sin dependencias\r\n\r\n     \u26a0 SOBRE LAS CIFRAS\r\n     El 87% se muestra como dato de MERCADO (necesita fuente citable\r\n     en __SOURCE__). Los otros dos van como PROMESA, no como resultado\r\n     medido, porque ProPlayer est\u00e1 en pre-lanzamiento y afirmar\r\n     \"75% mejoran\" o \"6\/10 consiguen beca\" sin clientes es un riesgo\r\n     legal (FTC). Si ten\u00e9is datos reales que lo respalden, m\u00e1s abajo\r\n     dejo comentada la versi\u00f3n con los n\u00fameros tal cual.\r\n     ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap');\r\n\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Medium.woff2') format('woff2');\r\n  font-weight:500; font-style:normal; font-display:swap;\r\n}\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Bold.woff2') format('woff2');\r\n  font-weight:700; font-style:normal; font-display:swap;\r\n}\r\n\r\n\/* ============================================================\r\n   Especificidad .pp-stats .pp-st__x \u2192 (0,2,0)\r\n   ============================================================ *\/\r\n.pp-stats{\r\n  --navy:#011A2E;\r\n  --lime:#D0FF00;\r\n  --white:#FEFCFF;\r\n  --purple:#7C1DE8;\r\n\r\n  --line:rgba(254,252,255,.14);\r\n  --line-soft:rgba(254,252,255,.09);\r\n\r\n  --display:'Technor','Satoshi',ui-sans-serif,system-ui,sans-serif;\r\n  --body:'Satoshi',ui-sans-serif,system-ui,-apple-system,sans-serif;\r\n\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n  \/* \u2500\u2500 FONDO \u00b7 receta del bal\u00f3n \u00b7 morado abajo-centro \u2500\u2500 *\/\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  background:\r\n    linear-gradient(180deg,#010B14 0%, rgba(1,11,20,0) 12%, rgba(1,9,19,0) 88%, #010913 100%),\r\n    radial-gradient(60% 48% at 50% 96%, rgba(124,29,232,.22) 0%, rgba(124,29,232,0) 66%),\r\n    radial-gradient(44% 36% at 50% 40%, rgba(208,255,0,.08) 0%, rgba(208,255,0,0) 70%),\r\n    linear-gradient(180deg,#010B14 0%, #011A2E 46%, #010913 100%);\r\n  color:var(--white);\r\n  font-family:var(--body);\r\n  padding:clamp(64px,8vw,120px) 0;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.pp-stats::before{\r\n  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(254,252,255,.020) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(254,252,255,.020) 1px, transparent 1px);\r\n  background-size:66px 66px;\r\n  -webkit-mask-image:radial-gradient(120% 62% at 50% 30%, #000 0%, transparent 76%);\r\n          mask-image:radial-gradient(120% 62% at 50% 30%, #000 0%, transparent 76%);\r\n}\r\n\r\n.pp-stats .pp-st__wrap,\r\n.pp-stats .pp-st__wrap *,\r\n.pp-stats .pp-st__wrap *::before,\r\n.pp-stats .pp-st__wrap *::after{ box-sizing:border-box; }\r\n\r\n.pp-stats .pp-st__wrap{\r\n  position:relative; z-index:1;\r\n  width:min(1200px, 92vw);\r\n  margin-inline:auto;\r\n}\r\n\r\n\/* ============================================================\r\n   ESCENARIO \u00b7 en escritorio, las 3 tarjetas se posicionan\r\n   absolutas alrededor del texto central (como la referencia)\r\n   ============================================================ *\/\r\n.pp-stats .pp-st__stage{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n  min-height:clamp(440px,44vw,560px);\r\n  place-items:center;\r\n}\r\n\r\n\/* ---- Texto central ---------------------------------------- *\/\r\n.pp-stats .pp-st__lead{\r\n  position:relative; z-index:2;\r\n  max-width:min(680px, 82%);\r\n  margin:0; padding:0;\r\n  text-align:center;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(28px,4.4vw,60px);\r\n  line-height:1.08; letter-spacing:-.022em;\r\n  text-transform:none;\r\n  text-shadow:0 2px 30px rgba(1,11,20,.8);\r\n  color:var(--white);\r\n  text-wrap:balance;\r\n}\r\n.pp-stats .pp-st__lead em{ font-style:normal; color:var(--lime); }\r\n.pp-stats .pp-st__star{\r\n  display:inline-block;\r\n  color:var(--lime);\r\n  transform:translateY(.06em);\r\n  margin:0 .08em;\r\n}\r\n.pp-stats .pp-st__star svg{ width:.7em; height:.7em; }\r\n\r\n\/* Avatares bajo el texto (opcional, como la referencia) *\/\r\n.pp-stats .pp-st__faces{\r\n  position:relative; z-index:2;\r\n  display:flex; align-items:center; justify-content:center;\r\n  margin-top:clamp(20px,2.4vw,32px);\r\n}\r\n.pp-stats .pp-st__face{\r\n  width:clamp(32px,3vw,40px); height:clamp(32px,3vw,40px);\r\n  border-radius:50%; overflow:hidden;\r\n  margin-left:-10px;\r\n  box-shadow:0 0 0 2px var(--navy);\r\n  background:#0A1B2C;\r\n}\r\n.pp-stats .pp-st__face:first-child{ margin-left:0; }\r\n.pp-stats .pp-st__face svg{ width:100%; height:100%; display:block; }\r\n\r\n\/* ============================================================\r\n   TARJETAS DE DATO\r\n   ============================================================ *\/\r\n.pp-stats .pp-st__card{\r\n  position:absolute; z-index:3;\r\n  width:clamp(200px,17vw,248px);\r\n  padding:clamp(18px,1.6vw,24px);\r\n  border-radius:18px;\r\n  border:1px solid rgba(208,255,0,.18);\r\n  background:\r\n    radial-gradient(120% 90% at 20% 10%, rgba(124,29,232,.22) 0%, rgba(124,29,232,0) 55%),\r\n    linear-gradient(158deg, #16220A 0%, #0A0F05 100%);\r\n  box-shadow:0 26px 50px -24px rgba(0,0,0,.9);\r\n  transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);\r\n}\r\n.pp-stats .pp-st__card:hover{\r\n  border-color:rgba(208,255,0,.4);\r\n  box-shadow:0 30px 56px -22px rgba(0,0,0,.95), 0 0 40px -12px rgba(208,255,0,.24);\r\n}\r\n\r\n\/* Posiciones (imitan la referencia): sup-izq, inf-izq, der *\/\r\n.pp-stats .pp-st__card--1{ top:2%;  left:0;    transform:rotate(-7deg); }\r\n.pp-stats .pp-st__card--2{ bottom:2%; left:6%;  transform:rotate(5deg); }\r\n.pp-stats .pp-st__card--3{ top:44%; right:0;    transform:rotate(7deg); }\r\n.pp-stats .pp-st__card--1:hover{ transform:rotate(-7deg) translateY(-4px); }\r\n.pp-stats .pp-st__card--2:hover{ transform:rotate(5deg) translateY(-4px); }\r\n.pp-stats .pp-st__card--3:hover{ transform:rotate(7deg) translateY(-4px); }\r\n\r\n.pp-stats .pp-st__num{\r\n  display:block; margin:0 0 .35em;\r\n  font-family:var(--display); font-weight:700; font-style:normal;\r\n  font-size:clamp(44px,4.6vw,66px); line-height:.86; letter-spacing:-.03em;\r\n  color:var(--lime);\r\n}\r\n.pp-stats .pp-st__num sup{\r\n  font-size:.42em; font-weight:700; top:-.9em; margin-left:.04em;\r\n}\r\n.pp-stats .pp-st__desc{\r\n  margin:0; padding:0;\r\n  font-family:Satoshi; font-weight:300; font-style:normal;\r\n  font-size:clamp(12.5px,1vw,14px); line-height:1.36; letter-spacing:.002em;\r\n  color:rgba(254,252,255,.9);\r\n}\r\n.pp-stats .pp-st__src{\r\n  margin:.9em 0 0; padding:0;\r\n  font-family:Satoshi font-weight:300; font-style:italic;\r\n  font-size:clamp(9.5px,.78vw,11px); line-height:1.3;\r\n  color:rgba(254,252,255,.42);\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE \u00b7 en m\u00f3vil\/tablet se apila en columna limpia\r\n   ============================================================ *\/\r\n@media (max-width:940px){\r\n  .pp-stats{ padding:clamp(52px,9vw,80px) 0; }\r\n\r\n  .pp-stats .pp-st__stage{\r\n    display:flex; flex-direction:column; align-items:center;\r\n    min-height:0; gap:clamp(28px,5vw,44px);\r\n  }\r\n  .pp-stats .pp-st__lead{ max-width:100%; order:-1; font-size:clamp(28px,6.4vw,42px); }\r\n  .pp-stats .pp-st__faces{ order:-1; margin-top:0; }\r\n\r\n  .pp-stats .pp-st__cards-m{\r\n    display:grid;\r\n    grid-template-columns:repeat(3, minmax(0,1fr));\r\n    gap:clamp(10px,2vw,16px);\r\n    width:100%;\r\n  }\r\n  .pp-stats .pp-st__card{\r\n    position:static; width:auto;\r\n    transform:none !important;\r\n  }\r\n  .pp-stats .pp-st__card:hover{ transform:translateY(-3px) !important; }\r\n}\r\n\r\n@media (max-width:600px){\r\n  .pp-stats .pp-st__cards-m{ grid-template-columns:1fr; max-width:340px; }\r\n  .pp-stats .pp-st__lead{ font-size:clamp(26px,7.6vw,36px); }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .pp-stats .pp-st__card{ transition-duration:.01ms !important; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"pp-stats\" aria-labelledby=\"pp-st-h\">\r\n  <div class=\"pp-st__wrap\">\r\n    <div class=\"pp-st__stage\">\r\n\r\n      <!-- \u2500\u2500 Texto central \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <h2 class=\"pp-st__lead\" id=\"pp-st-h\">The talent is\r\n        <span class=\"pp-st__star\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2v20M2 12h20M4.9 4.9l14.2 14.2M19.1 4.9L4.9 19.1\"\/><\/svg><\/span>\r\n        everywhere. The <em>path<\/em> isn't. Most players never get seen \u2014 <em>ProPlayer<\/em> makes sure you do.<\/h2>\r\n\r\n      <!-- Avatares (sustituye por fotos reales o borra este bloque) -->\r\n      <div class=\"pp-st__faces\" aria-hidden=\"true\">\r\n        <span class=\"pp-st__face\"><svg viewBox=\"0 0 40 40\"><rect width=\"40\" height=\"40\" fill=\"#0E2E4A\"\/><circle cx=\"20\" cy=\"16\" r=\"7\" fill=\"#D0FF00\" opacity=\".85\"\/><path d=\"M6 40c0-8 6-13 14-13s14 5 14 13z\" fill=\"#D0FF00\" opacity=\".85\"\/><\/svg><\/span>\r\n        <span class=\"pp-st__face\"><svg viewBox=\"0 0 40 40\"><rect width=\"40\" height=\"40\" fill=\"#2A1050\"\/><circle cx=\"20\" cy=\"16\" r=\"7\" fill=\"#7C1DE8\"\/><path d=\"M6 40c0-8 6-13 14-13s14 5 14 13z\" fill=\"#7C1DE8\"\/><\/svg><\/span>\r\n        <span class=\"pp-st__face\"><svg viewBox=\"0 0 40 40\"><rect width=\"40\" height=\"40\" fill=\"#0E2E4A\"\/><circle cx=\"20\" cy=\"16\" r=\"7\" fill=\"#FEFCFF\" opacity=\".8\"\/><path d=\"M6 40c0-8 6-13 14-13s14 5 14 13z\" fill=\"#FEFCFF\" opacity=\".8\"\/><\/svg><\/span>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 Contenedor de tarjetas (grid en m\u00f3vil) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <div class=\"pp-st__cards-m\">\r\n\r\n        <!-- CARD 1 \u00b7 dato de mercado (necesita fuente) -->\r\n        <article class=\"pp-st__card pp-st__card--1\">\r\n          <span class=\"pp-st__num\">87<sup>%<\/sup><\/span>\r\n          <p class=\"pp-st__desc\">of talented players never pursue a college scholarship \u2014 simply because no one showed them how.<\/p>\r\n          <p class=\"pp-st__src\"><\/p>\r\n        <\/article>\r\n\r\n        <!-- CARD 2 \u00b7 promesa de producto (no resultado medido) -->\r\n        <article class=\"pp-st__card pp-st__card--2\">\r\n          <span class=\"pp-st__num\">1<sup>&rarr;1<\/sup><\/span>\r\n          <p class=\"pp-st__desc\">Every plan is built around one player: your position, your body, your game. Made to raise your level, week after week.<\/p>\r\n        <\/article>\r\n\r\n        <!-- CARD 3 \u00b7 promesa de acceso -->\r\n        <article class=\"pp-st__card pp-st__card--3\">\r\n          <span class=\"pp-st__num\">1<sup>st<\/sup><\/span>\r\n          <p class=\"pp-st__desc\">The first platform that puts video, training and recruiting in one place \u2014 so the right programs actually find you.<\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     VERSI\u00d3N ALTERNATIVA \u00b7 con los n\u00fameros tal cual los pediste.\r\n     \u00dasala SOLO si ten\u00e9is datos reales que respalden cada cifra.\r\n     Sustituye los <article> de arriba por estos:\r\n\r\n     <article class=\"pp-st__card pp-st__card--1\">\r\n       <span class=\"pp-st__num\">87<sup>%<\/sup><\/span>\r\n       <p class=\"pp-st__desc\">of soccer players miss out on a college scholarship \u2014 for lack of guidance, not talent.<\/p>\r\n       <p class=\"pp-st__src\">Source: __SOURCE__<\/p>\r\n     <\/article>\r\n\r\n     <article class=\"pp-st__card pp-st__card--2\">\r\n       <span class=\"pp-st__num\">75<sup>%<\/sup><\/span>\r\n       <p class=\"pp-st__desc\">of ProPlayer athletes raise their level noticeably within their first season.<\/p>\r\n       <p class=\"pp-st__src\">Source: ProPlayer internal data<\/p>\r\n     <\/article>\r\n\r\n     <article class=\"pp-st__card pp-st__card--3\">\r\n       <span class=\"pp-st__num\">6<span style=\"font-size:.5em\">\/10<\/span><\/span>\r\n       <p class=\"pp-st__desc\">ProPlayer athletes land one of the top scholarship offers for their class.<\/p>\r\n       <p class=\"pp-st__src\">Source: ProPlayer internal data<\/p>\r\n     <\/article>\r\n     ============================================================ -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff67cd5 e-con-full e-flex e-con e-parent\" data-id=\"ff67cd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0a194cb e-con-full e-flex e-con e-child\" data-id=\"0a194cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-461caa6 elementor-widget elementor-widget-html\" data-id=\"461caa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ProPlayer \u00b7 Secci\u00f3n BENTO \"What you actually get\"\r\n     10 celdas \u00b7 fotograf\u00eda + datos + producto\r\n     Elementor HTML Widget \u00b7 sin dependencias\r\n     ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap');\r\n\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Medium.woff2') format('woff2');\r\n  font-weight:500; font-style:normal; font-display:swap;\r\n}\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Bold.woff2') format('woff2');\r\n  font-weight:700; font-style:normal; font-display:swap;\r\n}\r\n\r\n\/* ============================================================\r\n   Sin reset por etiqueta: cada componente lleva los suyos con\r\n   .pp-bento .pp-b__x \u2192 (0,2,0), que gana al Kit de Elementor\r\n   ============================================================ *\/\r\n.pp-bento{\r\n  --navy:#011A2E;\r\n  --lime:#D0FF00;\r\n  --white:#FEFCFF;\r\n  --purple:#7C1DE8;\r\n\r\n  --surface:#061523;\r\n  --surface-2:#03101C;\r\n  --line:rgba(254,252,255,.14);\r\n  --line-soft:rgba(254,252,255,.09);\r\n\r\n  --display:'Technor','Satoshi',ui-sans-serif,system-ui,sans-serif;\r\n  --body:'Satoshi',ui-sans-serif,system-ui,-apple-system,sans-serif;\r\n\r\n  --r:16px;\r\n  --gap:clamp(8px,.86vw,13px);\r\n  --row:clamp(132px,12.4vw,184px);\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n  background:\r\n    linear-gradient(180deg,#010B14 0%, rgba(1,11,20,0) 12%, rgba(1,9,19,0) 88%, #010913 100%),\r\n    radial-gradient(58% 46% at 90% 88%, rgba(124,29,232,.22) 0%, rgba(124,29,232,0) 68%),\r\n    radial-gradient(42% 34% at 50% 52%, rgba(208,255,0,.10) 0%, rgba(208,255,0,0) 70%),\r\n    linear-gradient(180deg,#010B14 0%, #011A2E 46%, #010913 100%);\r\n  color:var(--white);\r\n  font-family:var(--body);\r\n  overflow:hidden;\r\n  padding:clamp(56px,7vw,104px) 0 clamp(52px,6.4vw,96px);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\/* Trama de rejilla t\u00e9cnica \u2014 entre el fondo y el contenido *\/\r\n.pp-bento::before{\r\n  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(254,252,255,.020) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(254,252,255,.020) 1px, transparent 1px);\r\n  background-size:66px 66px;\r\n  -webkit-mask-image:radial-gradient(120% 62% at 50% 26%, #000 0%, transparent 76%);\r\n          mask-image:radial-gradient(120% 62% at 50% 26%, #000 0%, transparent 76%);\r\n}\r\n\r\n\r\n\r\n\r\n.pp-bento .pp-b__wrap,\r\n.pp-bento .pp-b__wrap *,\r\n.pp-bento .pp-b__wrap *::before,\r\n.pp-bento .pp-b__wrap *::after{ box-sizing:border-box; }\r\n\r\n.pp-bento .pp-b__wrap{\r\n  position:relative; z-index:1;\r\n  width:min(1280px, 92vw);\r\n  margin-inline:auto;\r\n}\r\n\r\n\r\n\r\n\/* ---- Cabecera --------------------------------------------- *\/\r\n.pp-bento .pp-b__head{\r\n  display:flex; align-items:flex-end; justify-content:space-between;\r\n  gap:24px; flex-wrap:wrap;\r\n  margin:0 0 clamp(20px,2.4vw,32px);\r\n  padding-bottom:clamp(16px,1.8vw,24px);\r\n  border-bottom:1px solid var(--line-soft);\r\n}\r\n.pp-bento .pp-b__eyebrow{\r\n  margin:0 0 .5em; padding:0;\r\n  font-family:var(--body);\r\n  font-weight:700; font-style:normal;\r\n  font-size:11px; line-height:1;\r\n  letter-spacing:.19em; text-transform:uppercase;\r\n  text-shadow:none;\r\n  color:var(--lime);\r\n}\r\n.pp-bento .pp-b__h2{\r\n  margin:0; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(30px,4vw,56px);\r\n  line-height:1.03; letter-spacing:-.026em;\r\n  text-transform:none; text-shadow:none;\r\n  color:var(--white);\r\n}\r\n.pp-bento .pp-b__h2 em{ font-style:normal; color:var(--lime); }\r\n.pp-bento .pp-b__lede{\r\n  margin:0; padding:0;\r\n  max-width:36ch;\r\n  font-family:var(--body);\r\n  font-weight:500; font-style:normal;\r\n  font-size:clamp(13.5px,1vw,15px);\r\n  line-height:1.6; letter-spacing:.002em;\r\n  text-transform:none; text-shadow:none;\r\n  color:rgba(254,252,255,.62);\r\n}\r\n\r\n\/* ============================================================\r\n   RET\u00cdCULA\r\n   ============================================================ *\/\r\n.pp-bento .pp-b__grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(12, minmax(0,1fr));\r\n  grid-auto-rows:var(--row);\r\n  gap:var(--gap);\r\n}\r\n\r\n.pp-bento .pp-b__cell{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:var(--r);\r\n  border:1px solid var(--line-soft);\r\n  background:linear-gradient(168deg, var(--surface) 0%, var(--surface-2) 100%);\r\n  min-width:0;\r\n  transition:border-color .34s var(--ease), transform .34s var(--ease),\r\n             box-shadow .34s var(--ease);\r\n}\r\n.pp-bento .pp-b__cell:hover{\r\n  border-color:rgba(208,255,0,.30);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 22px 44px -22px rgba(0,0,0,.9), 0 0 34px -14px rgba(208,255,0,.24);\r\n}\r\n\r\n\/* Colocaci\u00f3n expl\u00edcita en escritorio *\/\r\n.pp-bento .pp-b--a{ grid-column:1 \/ 6;  grid-row:1 \/ 3; }\r\n.pp-bento .pp-b--b{ grid-column:6 \/ 10; grid-row:1 \/ 2; }\r\n.pp-bento .pp-b--c{ grid-column:10 \/ 13;grid-row:1 \/ 3; }\r\n.pp-bento .pp-b--d{ grid-column:6 \/ 8;  grid-row:2 \/ 3; }\r\n.pp-bento .pp-b--e{ grid-column:8 \/ 10; grid-row:2 \/ 3; }\r\n.pp-bento .pp-b--f{ grid-column:1 \/ 4;  grid-row:3 \/ 5; }\r\n.pp-bento .pp-b--g{ grid-column:4 \/ 9;  grid-row:3 \/ 4; }\r\n.pp-bento .pp-b--h{ grid-column:9 \/ 13; grid-row:3 \/ 4; }\r\n.pp-bento .pp-b--i{ grid-column:4 \/ 7;  grid-row:4 \/ 5; }\r\n.pp-bento .pp-b--j{ grid-column:7 \/ 13; grid-row:4 \/ 5; }\r\n\r\n\/* ---- Fotograf\u00eda -------------------------------------------- *\/\r\n.pp-bento .pp-b__img{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  filter:saturate(1.04) contrast(1.04);\r\n  transition:transform .7s var(--ease);\r\n}\r\n.pp-bento .pp-b__cell:hover .pp-b__img{ transform:scale(1.045); }\r\n\r\n.pp-bento .pp-b__scrim{\r\n  position:absolute; inset:0;\r\n  background:linear-gradient(0deg,\r\n    rgba(1,13,23,.94) 0%, rgba(1,13,23,.66) 34%, rgba(1,13,23,.10) 68%, rgba(1,13,23,0) 100%);\r\n}\r\n.pp-bento .pp-b__scrim--soft{\r\n  background:linear-gradient(0deg,\r\n    rgba(1,13,23,.90) 0%, rgba(1,13,23,.44) 46%, rgba(1,13,23,0) 88%);\r\n}\r\n\r\n\/* ---- Contenido de celda ------------------------------------ *\/\r\n.pp-bento .pp-b__body{\r\n  position:relative; z-index:2;\r\n  height:100%;\r\n  display:flex; flex-direction:column;\r\n  padding:clamp(14px,1.35vw,22px);\r\n}\r\n.pp-bento .pp-b__body--end{ justify-content:flex-end; }\r\n\r\n.pp-bento .pp-b__tag{\r\n  display:inline-block;\r\n  margin:0 0 auto; padding:0;\r\n  font-family:var(--body);\r\n  font-weight:700; font-style:normal;\r\n  font-size:10px; line-height:1;\r\n  letter-spacing:.17em; text-transform:uppercase;\r\n  text-shadow:none;\r\n  color:var(--lime);\r\n}\r\n.pp-bento .pp-b__line{\r\n  margin:.55em 0 0; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(17px,1.62vw,23px);\r\n  line-height:1.12; letter-spacing:-.018em;\r\n  text-transform:none;\r\n  text-shadow:0 2px 16px rgba(1,13,23,.9);\r\n  color:var(--white);\r\n  text-wrap:balance;\r\n}\r\n.pp-bento .pp-b__sub{\r\n  margin:.5em 0 0; padding:0;\r\n  font-family:var(--body);\r\n  font-weight:500; font-style:normal;\r\n  font-size:clamp(12px,.92vw,13.5px);\r\n  line-height:1.5;\r\n  text-transform:none;\r\n  text-shadow:0 1px 12px rgba(1,13,23,.9);\r\n  color:rgba(254,252,255,.62);\r\n}\r\n\r\n\/* ---- B \u00b7 Tarjeta lima (manual: sobre verde ne\u00f3n \u2192 negro) ---- *\/\r\n.pp-bento .pp-b--b{\r\n  background:var(--lime);\r\n  border-color:var(--lime);\r\n}\r\n.pp-bento .pp-b--b:hover{\r\n  border-color:var(--lime);\r\n  box-shadow:0 22px 44px -22px rgba(0,0,0,.9), 0 0 46px -12px rgba(208,255,0,.42);\r\n}\r\n.pp-bento .pp-b__claim{\r\n  margin:0; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(21px,2.32vw,34px);\r\n  line-height:1.02; letter-spacing:-.028em;\r\n  text-transform:none; text-shadow:none;\r\n  color:#000000;\r\n  text-wrap:balance;\r\n}\r\n.pp-bento .pp-b__mark{\r\n  margin-top:auto;\r\n  width:clamp(24px,2.1vw,30px); height:auto;\r\n  display:block;\r\n}\r\n\r\n\/* ---- D \u00b7 Dato grande --------------------------------------- *\/\r\n.pp-bento .pp-b__big{\r\n  margin:0; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(42px,5vw,72px);\r\n  line-height:.9; letter-spacing:-.04em;\r\n  text-transform:none; text-shadow:none;\r\n  color:var(--lime);\r\n}\r\n\r\n\/* ---- Visualizaciones SVG ----------------------------------- *\/\r\n.pp-bento .pp-b__viz{\r\n  flex:1; min-height:0;\r\n  margin-top:10px;\r\n  display:flex; align-items:flex-end;\r\n}\r\n.pp-bento .pp-b__viz svg{ width:100%; height:100%; display:block; }\r\n.pp-bento .pp-b__viz--row{ align-items:center; }\r\n\r\n\/* ---- CTA ---------------------------------------------------- *\/\r\n.pp-bento .pp-b__cta{\r\n  display:inline-flex; align-items:center; gap:.5em;\r\n  align-self:flex-start;\r\n  margin-top:.9em; padding:.68em 1.15em;\r\n  border:0; border-radius:999px;\r\n  background:var(--lime);\r\n  font-family:var(--body);\r\n  font-weight:700; font-style:normal;\r\n  font-size:13px; line-height:1;\r\n  letter-spacing:.005em; text-transform:none; text-shadow:none;\r\n  color:#000000;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  transition:transform .24s var(--ease), box-shadow .24s var(--ease);\r\n}\r\n.pp-bento .pp-b__cta:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 26px -8px rgba(208,255,0,.5);\r\n}\r\n.pp-bento .pp-b__cta:focus-visible{ outline:2px solid var(--white); outline-offset:3px; }\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n\r\n\/* Tablet ancha: se abandona la colocaci\u00f3n expl\u00edcita, solo spans *\/\r\n@media (max-width:1100px){\r\n  .pp-bento .pp-b__grid{\r\n    grid-template-columns:repeat(6, minmax(0,1fr));\r\n    grid-auto-flow:row dense;\r\n  }\r\n  .pp-bento .pp-b__cell{ grid-column:auto; grid-row:auto; }\r\n  .pp-bento .pp-b--a{ grid-column:span 6; grid-row:span 2; }\r\n  .pp-bento .pp-b--b{ grid-column:span 3; grid-row:span 1; }\r\n  .pp-bento .pp-b--c{ grid-column:span 3; grid-row:span 2; }\r\n  .pp-bento .pp-b--d{ grid-column:span 3; grid-row:span 1; }\r\n  .pp-bento .pp-b--e{ grid-column:span 3; grid-row:span 1; }\r\n  .pp-bento .pp-b--f{ grid-column:span 3; grid-row:span 2; }\r\n  .pp-bento .pp-b--g{ grid-column:span 3; grid-row:span 1; }\r\n  .pp-bento .pp-b--h{ grid-column:span 3; grid-row:span 1; }\r\n  .pp-bento .pp-b--i{ grid-column:span 3; grid-row:span 1; }\r\n  .pp-bento .pp-b--j{ grid-column:span 6; grid-row:span 1; }\r\n}\r\n\r\n\/* M\u00f3vil: dos columnas para las celdas peque\u00f1as, ancho completo para las grandes *\/\r\n@media (max-width:720px){\r\n  .pp-bento{ --row:clamp(126px,34vw,168px); }\r\n  .pp-bento .pp-b__head{ flex-direction:column; align-items:flex-start; gap:14px; }\r\n  .pp-bento .pp-b__lede{ max-width:100%; }\r\n\r\n  .pp-bento .pp-b__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }\r\n  .pp-bento .pp-b--a{ grid-column:span 2; grid-row:span 2; }\r\n  .pp-bento .pp-b--b{ grid-column:span 2; grid-row:span 1; }\r\n  .pp-bento .pp-b--c{ grid-column:span 1; grid-row:span 2; }\r\n  .pp-bento .pp-b--d{ grid-column:span 1; grid-row:span 1; }\r\n  .pp-bento .pp-b--e{ grid-column:span 1; grid-row:span 1; }\r\n  .pp-bento .pp-b--f{ grid-column:span 1; grid-row:span 2; }\r\n  .pp-bento .pp-b--g{ grid-column:span 1; grid-row:span 2; }\r\n  .pp-bento .pp-b--h{ grid-column:span 2; grid-row:span 1; }\r\n  .pp-bento .pp-b--i{ grid-column:span 2; grid-row:span 1; }\r\n  .pp-bento .pp-b--j{ grid-column:span 2; grid-row:span 1; }\r\n\r\n  .pp-bento .pp-b__line{ font-size:16px; }\r\n  .pp-bento .pp-b__claim{ font-size:24px; }\r\n  .pp-bento .pp-b__big{ font-size:44px; }\r\n  .pp-bento .pp-b__cell:hover{ transform:none; }\r\n}\r\n\r\n@media (max-width:420px){\r\n  .pp-bento .pp-b__line{ font-size:15px; }\r\n  .pp-bento .pp-b__sub{ font-size:12px; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .pp-bento .pp-b__cell,\r\n  .pp-bento .pp-b__img,\r\n  .pp-bento .pp-b__cta{ transition-duration:.01ms !important; }\r\n  .pp-bento .pp-b__cell:hover{ transform:none; }\r\n  .pp-bento .pp-b__cell:hover .pp-b__img{ transform:none; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- IMPORTANTE \u00b7 las 4 fotos apuntan al CDN de Higgsfield.\r\n     Desc\u00e1rgalas, s\u00fabelas a la Biblioteca de Medios de WordPress y\r\n     sustituye los src por las URL de \/wp-content\/uploads\/. Convierte\r\n     a WebP antes de subirlas: pesan menos y WP Rocket las sirve mejor. -->\r\n<section class=\"pp-bento\" aria-labelledby=\"pp-b-h\">\r\n  <div class=\"pp-b__wrap\">\r\n\r\n    <header class=\"pp-b__head\">\r\n      <div>\r\n        <p class=\"pp-b__eyebrow\">Inside ProPlayer<\/p>\r\n        <h2 class=\"pp-b__h2\" id=\"pp-b-h\">What you <em>actually get<\/em><\/h2>\r\n      <\/div>\r\n      <p class=\"pp-b__lede\">One subscription. Match analysis, a plan that adapts to it, and a direct line to the programs recruiting your position.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pp-b__grid\">\r\n\r\n      <!-- A \u00b7 FOTO ACCI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--a\">\r\n        <img class=\"pp-b__img\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_39qPGDaptLU30MufmGDVWWsv7LE\/hf_20260724_014223_4c9d6a31-113c-4793-a643-a7e73f4c1579.png\" alt=\"Soccer player striking the ball under floodlights at night\" loading=\"lazy\" decoding=\"async\">\r\n        <div class=\"pp-b__scrim\"><\/div>\r\n        <div class=\"pp-b__body pp-b__body--end\">\r\n          <span class=\"pp-b__tag\">The upload<\/span>\r\n          <p class=\"pp-b__line\">One match, filmed on a phone from the stands. That's the whole ask.<\/p>\r\n          <p class=\"pp-b__sub\">No rig, no second camera, no subscription to some other tracking device.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- B \u00b7 TARJETA LIMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--b\">\r\n        <div class=\"pp-b__body\">\r\n          <p class=\"pp-b__claim\">Train with purpose.<br>Play with proof.<\/p>\r\n          <svg class=\"pp-b__mark\" viewBox=\"0 0 40 60\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M4 4h14v52H4z\" fill=\"#000\"\/>\r\n            <path d=\"M18 4h18L18 24h18L18 44\" stroke=\"#000\" stroke-width=\"9\" stroke-linejoin=\"miter\" fill=\"none\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- C \u00b7 FOTO BOTAS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--c\">\r\n        <img class=\"pp-b__img\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_39qPGDaptLU30MufmGDVWWsv7LE\/hf_20260724_014232_50edec40-72a4-4467-aab5-3b4288ad0135.png\" alt=\"Worn soccer cleats resting on wet grass at night\" loading=\"lazy\" decoding=\"async\">\r\n        <div class=\"pp-b__scrim\"><\/div>\r\n        <div class=\"pp-b__body pp-b__body--end\">\r\n          <span class=\"pp-b__tag\">Built for<\/span>\r\n          <p class=\"pp-b__line\">Players who train hard and go unseen.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- D \u00b7 DATO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--d\">\r\n        <div class=\"pp-b__body pp-b__body--end\">\r\n          <span class=\"pp-b__tag\">Turnaround<\/span>\r\n          <p class=\"pp-b__big\">48h<\/p>\r\n          <p class=\"pp-b__sub\">From upload to a written report from your coach.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- E \u00b7 MAPA DE CALOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--e\">\r\n        <div class=\"pp-b__body\">\r\n          <span class=\"pp-b__tag\">Heat map<\/span>\r\n          <div class=\"pp-b__viz\">\r\n            <svg viewBox=\"0 0 200 118\" preserveAspectRatio=\"xMidYMax meet\" aria-hidden=\"true\">\r\n              <defs>\r\n                <radialGradient id=\"ppbH1\"><stop offset=\"0\" stop-color=\"#D0FF00\" stop-opacity=\".9\"\/><stop offset=\"1\" stop-color=\"#D0FF00\" stop-opacity=\"0\"\/><\/radialGradient>\r\n                <radialGradient id=\"ppbH2\"><stop offset=\"0\" stop-color=\"#7C1DE8\" stop-opacity=\".8\"\/><stop offset=\"1\" stop-color=\"#7C1DE8\" stop-opacity=\"0\"\/><\/radialGradient>\r\n                <clipPath id=\"ppbHc\"><rect x=\"2\" y=\"6\" width=\"196\" height=\"90\" rx=\"4\"\/><\/clipPath>\r\n              <\/defs>\r\n              <rect x=\"2\" y=\"6\" width=\"196\" height=\"90\" rx=\"4\" fill=\"#02101B\"\/>\r\n              <g clip-path=\"url(#ppbHc)\">\r\n                <circle cx=\"132\" cy=\"40\" r=\"42\" fill=\"url(#ppbH1)\"\/>\r\n                <circle cx=\"104\" cy=\"70\" r=\"34\" fill=\"url(#ppbH1)\" opacity=\".72\"\/>\r\n                <circle cx=\"164\" cy=\"72\" r=\"26\" fill=\"url(#ppbH2)\"\/>\r\n                <circle cx=\"58\" cy=\"34\" r=\"24\" fill=\"url(#ppbH2)\" opacity=\".55\"\/>\r\n              <\/g>\r\n              <g stroke=\"#FEFCFF\" stroke-width=\"1\" fill=\"none\" opacity=\".4\">\r\n                <rect x=\"2\" y=\"6\" width=\"196\" height=\"90\" rx=\"4\"\/>\r\n                <path d=\"M100 6v90\"\/><circle cx=\"100\" cy=\"51\" r=\"17\"\/>\r\n                <path d=\"M2 30h22v42H2z\"\/><path d=\"M198 30h-22v42h22z\"\/>\r\n              <\/g>\r\n              <text x=\"2\" y=\"114\" font-family=\"Satoshi,sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#D0FF00\">64%<\/text>\r\n              <text x=\"36\" y=\"114\" font-family=\"Satoshi,sans-serif\" font-size=\"9\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".5\">attacking half<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- F \u00b7 PLAYERCARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--f\">\r\n        <div class=\"pp-b__body\">\r\n          <span class=\"pp-b__tag\">PlayerCard<\/span>\r\n          <div class=\"pp-b__viz pp-b__viz--row\">\r\n            <svg viewBox=\"0 0 200 208\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\r\n              <defs>\r\n                <linearGradient id=\"ppbPc\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0\" stop-color=\"#D0FF00\"\/><stop offset=\"1\" stop-color=\"#7C1DE8\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n              <path d=\"M46 6h108v122c0 28-35 43-54 52-19-9-54-24-54-52z\" fill=\"#02101B\" stroke=\"url(#ppbPc)\" stroke-width=\"2\"\/>\r\n              <text x=\"62\" y=\"42\" font-family=\"Technor,Satoshi,sans-serif\" font-size=\"30\" font-weight=\"700\" fill=\"#D0FF00\">82<\/text>\r\n              <text x=\"62\" y=\"57\" font-family=\"Satoshi,sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".7\">RW<\/text>\r\n              <g fill=\"#FEFCFF\" opacity=\".42\">\r\n                <circle cx=\"128\" cy=\"36\" r=\"8\"\/><path d=\"M117 52h22l3 6h-28z\"\/>\r\n              <\/g>\r\n              <path d=\"M58 70h84\" stroke=\"#FEFCFF\" stroke-opacity=\".18\"\/>\r\n              <g font-family=\"Satoshi,sans-serif\" font-size=\"9.4\" font-weight=\"500\">\r\n                <text x=\"58\" y=\"88\"  fill=\"#FEFCFF\" opacity=\".55\">PACE<\/text><text x=\"100\" y=\"88\"  fill=\"#D0FF00\" font-weight=\"700\">86<\/text>\r\n                <text x=\"116\" y=\"88\" fill=\"#FEFCFF\" opacity=\".55\">SHOT<\/text><text x=\"158\" y=\"88\" fill=\"#D0FF00\" font-weight=\"700\">79<\/text>\r\n                <text x=\"58\" y=\"106\" fill=\"#FEFCFF\" opacity=\".55\">PASS<\/text><text x=\"100\" y=\"106\" fill=\"#D0FF00\" font-weight=\"700\">81<\/text>\r\n                <text x=\"116\" y=\"106\"fill=\"#FEFCFF\" opacity=\".55\">1V1<\/text> <text x=\"158\" y=\"106\" fill=\"#D0FF00\" font-weight=\"700\">84<\/text>\r\n                <text x=\"58\" y=\"124\" fill=\"#FEFCFF\" opacity=\".55\">DEF<\/text> <text x=\"100\" y=\"124\" fill=\"#D0FF00\" font-weight=\"700\">62<\/text>\r\n                <text x=\"116\" y=\"124\"fill=\"#FEFCFF\" opacity=\".55\">WORK<\/text><text x=\"158\" y=\"124\" fill=\"#D0FF00\" font-weight=\"700\">88<\/text>\r\n              <\/g>\r\n              <text x=\"100\" y=\"148\" font-family=\"Satoshi,sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".45\" text-anchor=\"middle\" letter-spacing=\"1.5\">CLASS OF 2028<\/text>\r\n              <rect x=\"54\" y=\"182\" width=\"92\" height=\"20\" rx=\"10\" fill=\"#D0FF00\"\/>\r\n              <text x=\"100\" y=\"195.6\" font-family=\"Satoshi,sans-serif\" font-size=\"9.6\" font-weight=\"700\" fill=\"#011A2E\" text-anchor=\"middle\">Share card<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- G \u00b7 AN\u00c1LISIS DE V\u00cdDEO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--g\">\r\n        <div class=\"pp-b__body\">\r\n          <span class=\"pp-b__tag\">Match analysis<\/span>\r\n          <p class=\"pp-b__line\">A coach marks every moment that mattered.<\/p>\r\n          <div class=\"pp-b__viz\">\r\n            <svg viewBox=\"0 0 420 76\" preserveAspectRatio=\"xMidYMax meet\" aria-hidden=\"true\">\r\n              <rect x=\"0\" y=\"0\" width=\"420\" height=\"54\" rx=\"6\" fill=\"#02101B\"\/>\r\n              <g stroke=\"#FEFCFF\" stroke-width=\"1\" opacity=\".12\" fill=\"none\">\r\n                <path d=\"M0 40 L420 30\"\/><path d=\"M70 54 L96 14\"\/><path d=\"M340 54 L318 14\"\/>\r\n              <\/g>\r\n              <g fill=\"#FEFCFF\" opacity=\".8\">\r\n                <circle cx=\"150\" cy=\"18\" r=\"4\"\/><path d=\"M146 24h8l2 16h-4l-2-9-2 9h-4z\"\/>\r\n              <\/g>\r\n              <rect x=\"139\" y=\"11\" width=\"23\" height=\"34\" fill=\"none\" stroke=\"#D0FF00\" stroke-width=\"1.6\" rx=\"2\"\/>\r\n              <rect x=\"139\" y=\"4\" width=\"17\" height=\"7\" rx=\"2\" fill=\"#D0FF00\"\/>\r\n              <text x=\"147.5\" y=\"9.6\" font-family=\"Satoshi,sans-serif\" font-size=\"5\" font-weight=\"700\" fill=\"#011A2E\" text-anchor=\"middle\">#7<\/text>\r\n              <g fill=\"#FEFCFF\" opacity=\".26\">\r\n                <circle cx=\"252\" cy=\"24\" r=\"4\"\/><path d=\"M248 30h8l2 14h-4l-2-8-2 8h-4z\"\/>\r\n              <\/g>\r\n              <rect x=\"242\" y=\"18\" width=\"20\" height=\"28\" fill=\"none\" stroke=\"#FEFCFF\" stroke-width=\"1.1\" stroke-dasharray=\"3 3\" opacity=\".34\" rx=\"2\"\/>\r\n              <rect x=\"0\" y=\"64\" width=\"420\" height=\"4\" rx=\"2\" fill=\"#FEFCFF\" opacity=\".16\"\/>\r\n              <rect x=\"0\" y=\"64\" width=\"186\" height=\"4\" rx=\"2\" fill=\"#D0FF00\"\/>\r\n              <g fill=\"#D0FF00\">\r\n                <circle cx=\"62\" cy=\"66\" r=\"3.4\"\/><circle cx=\"130\" cy=\"66\" r=\"3.4\"\/><circle cx=\"186\" cy=\"66\" r=\"4.6\"\/>\r\n              <\/g>\r\n              <g fill=\"#FEFCFF\" opacity=\".4\">\r\n                <circle cx=\"268\" cy=\"66\" r=\"3.4\"\/><circle cx=\"344\" cy=\"66\" r=\"3.4\"\/>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- H \u00b7 RECRUITING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--h\">\r\n        <div class=\"pp-b__body\">\r\n          <span class=\"pp-b__tag\">Recruiting board<\/span>\r\n          <p class=\"pp-b__line\">Every program, every email, every reply.<\/p>\r\n          <div class=\"pp-b__viz\">\r\n            <svg viewBox=\"0 0 360 66\" preserveAspectRatio=\"xMidYMax meet\" aria-hidden=\"true\">\r\n              <g font-family=\"Satoshi,sans-serif\">\r\n                <rect y=\"0\" width=\"360\" height=\"19\" rx=\"5\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                <rect x=\"7\" y=\"5\" width=\"9\" height=\"9\" rx=\"3\" fill=\"#D0FF00\"\/>\r\n                <text x=\"24\" y=\"12.6\" font-size=\"8.6\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".84\">D1 \u00b7 Northeast<\/text>\r\n                <text x=\"130\" y=\"12.6\" font-size=\"7.6\" font-weight=\"500\" fill=\"#D0FF00\">Replied \u00b7 film requested<\/text>\r\n                <text x=\"353\" y=\"13\" font-size=\"10\" font-weight=\"700\" fill=\"#D0FF00\" text-anchor=\"end\">94%<\/text>\r\n\r\n                <rect y=\"23\" width=\"360\" height=\"19\" rx=\"5\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                <rect x=\"7\" y=\"28\" width=\"9\" height=\"9\" rx=\"3\" fill=\"#7C1DE8\"\/>\r\n                <text x=\"24\" y=\"35.6\" font-size=\"8.6\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".84\">D1 \u00b7 Mid-Atlantic<\/text>\r\n                <text x=\"130\" y=\"35.6\" font-size=\"7.6\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".45\">Opened \u00b7 2 days ago<\/text>\r\n                <text x=\"353\" y=\"36\" font-size=\"10\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".68\" text-anchor=\"end\">88%<\/text>\r\n\r\n                <rect y=\"46\" width=\"360\" height=\"19\" rx=\"5\" fill=\"#FEFCFF\" opacity=\".05\"\/>\r\n                <rect x=\"7\" y=\"51\" width=\"9\" height=\"9\" rx=\"3\" fill=\"#FEFCFF\" opacity=\".26\"\/>\r\n                <text x=\"24\" y=\"58.6\" font-size=\"8.6\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".84\">D2 \u00b7 Great Lakes<\/text>\r\n                <text x=\"130\" y=\"58.6\" font-size=\"7.6\" font-weight=\"500\" fill=\"#FEFCFF\" opacity=\".45\">Sent \u00b7 awaiting reply<\/text>\r\n                <text x=\"353\" y=\"59\" font-size=\"10\" font-weight=\"700\" fill=\"#FEFCFF\" opacity=\".68\" text-anchor=\"end\">81%<\/text>\r\n              <\/g>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- I \u00b7 FOTO C\u00c9SPED \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--i\">\r\n        <img class=\"pp-b__img\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_39qPGDaptLU30MufmGDVWWsv7LE\/hf_20260724_014249_ee90fcb9-368a-4645-8513-5c103d0dc50e.png\" alt=\"Macro detail of freshly cut pitch grass with dew at night\" loading=\"lazy\" decoding=\"async\">\r\n        <div class=\"pp-b__scrim pp-b__scrim--soft\"><\/div>\r\n        <div class=\"pp-b__body pp-b__body--end\">\r\n          <span class=\"pp-b__tag\">Weekly plan<\/span>\r\n          <p class=\"pp-b__line\">Train, lift, recover. Every day has a job.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- J \u00b7 FOTO CAMPO + CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-b__cell pp-b--j\">\r\n        <img class=\"pp-b__img\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_39qPGDaptLU30MufmGDVWWsv7LE\/hf_20260724_014240_99394b35-151c-41ef-923f-7e4ddf4ed6f8.png\" alt=\"Empty floodlit soccer pitch at night\" loading=\"lazy\" decoding=\"async\">\r\n        <div class=\"pp-b__scrim\"><\/div>\r\n        <div class=\"pp-b__body pp-b__body--end\">\r\n          <span class=\"pp-b__tag\">Founding cohort<\/span>\r\n          <p class=\"pp-b__line\">Limited spots for the first season.<\/p>\r\n          <a class=\"pp-b__cta\" href=\"#pricing\">Start now\r\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65db481 e-con-full e-flex e-con e-parent\" data-id=\"65db481\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-39f8e08 e-con-full e-flex e-con e-child\" data-id=\"39f8e08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-770b4de e-con-full e-flex e-con e-child\" data-id=\"770b4de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dcf2b8 elementor-widget elementor-widget-image\" data-id=\"0dcf2b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1448\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/coach-mario-meet-scaled.webp\" class=\"attachment-full size-full wp-image-309\" alt=\"\" srcset=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/coach-mario-meet-scaled.webp 2560w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/coach-mario-meet-300x170.webp 300w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/coach-mario-meet-1024x579.webp 1024w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/coach-mario-meet-768x434.webp 768w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/coach-mario-meet-1536x869.webp 1536w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/coach-mario-meet-2048x1158.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8259c0 e-con-full e-flex e-con e-child\" data-id=\"c8259c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad60a44 elementor-widget elementor-widget-heading\" data-id=\"ad60a44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Seguimiento personalizad y unico para tu futuro<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d2178f elementor-widget elementor-widget-text-editor\" data-id=\"3d2178f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da95bd elementor-widget elementor-widget-text-editor\" data-id=\"2da95bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af94e04 elementor-widget elementor-widget-button\" data-id=\"af94e04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Haz clic aqu\u00ed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e852df e-con-full e-flex e-con e-parent\" data-id=\"7e852df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5182fa7 elementor-widget elementor-widget-html\" data-id=\"5182fa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ProPlayer \u00b7 Secci\u00f3n \"How ProPlayer reads your game\"\r\n     Bal\u00f3n hologr\u00e1fico \u00b7 icosaedro truncado como nube de puntos\r\n     Canvas 2D, proyecci\u00f3n 3D propia. Sin dependencias.\r\n     ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap');\r\n\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Medium.woff2') format('woff2');\r\n  font-weight:500; font-style:normal; font-display:swap;\r\n}\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Bold.woff2') format('woff2');\r\n  font-weight:700; font-style:normal; font-display:swap;\r\n}\r\n\r\n\/* ============================================================\r\n   Sin reset por etiqueta: cada componente lleva los suyos con\r\n   .pp-how .pp-how__x \u2192 (0,2,0), que gana al Kit de Elementor\r\n   (.elementor-kit-XX h2 \u2192 (0,1,1)) sin poder pisarse a s\u00ed mismo.\r\n   ============================================================ *\/\r\n.pp-how{\r\n  --navy:#011A2E;\r\n  --lime:#D0FF00;\r\n  --white:#FEFCFF;\r\n  --purple:#7C1DE8;\r\n\r\n  --line:rgba(254,252,255,.14);\r\n  --line-soft:rgba(254,252,255,.08);\r\n\r\n  --display:'Technor','Satoshi',ui-sans-serif,system-ui,sans-serif;\r\n  --body:'Satoshi',ui-sans-serif,system-ui,-apple-system,sans-serif;\r\n\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n  background:\r\n    radial-gradient(58% 46% at 50% 46%, rgba(124,29,232,.24) 0%, rgba(124,29,232,0) 68%),\r\n    radial-gradient(42% 34% at 50% 52%, rgba(208,255,0,.10) 0%, rgba(208,255,0,0) 70%),\r\n    linear-gradient(180deg,#010B14 0%, var(--navy) 46%, #010913 100%);\r\n  color:var(--white);\r\n  font-family:var(--body);\r\n  overflow:hidden;\r\n  padding:clamp(56px,7vw,90px) 0 clamp(48px,6vw,92px);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n.pp-how .pp-how__wrap,\r\n.pp-how .pp-how__wrap *,\r\n.pp-how .pp-how__wrap *::before,\r\n.pp-how .pp-how__wrap *::after{ box-sizing:border-box; }\r\n\r\n.pp-how .pp-how__wrap{\r\n  position:relative; z-index:1;\r\n  width:min(1400px, 92vw);\r\n  margin-inline:auto;\r\n}\r\n\r\n\/* ============================================================\r\n   REJILLA\r\n   fila 1 \u00b7 titular          (3 columnas)\r\n   fila 2 \u00b7 paso 1 \/ _ \/ 2\r\n   fila 3 \u00b7 paso 3 \/ _ \/ 4\r\n   El escenario del bal\u00f3n ocupa la columna central de la 1 a la 3.\r\n   ============================================================ *\/\r\n.pp-how .pp-how__grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);\r\n  grid-template-rows:auto auto auto;\r\n  column-gap:clamp(14px,2.6vw,46px);\r\n  row-gap:clamp(40px,7.4vw,100px);\r\n  align-items:start;\r\n}\r\n\r\n.pp-how .pp-how__stage{\r\n  grid-column:2; grid-row:1 \/ span 3;\r\n  align-self:center; justify-self:center;\r\n  position:relative; z-index:0;\r\n  width:100%; aspect-ratio:1 \/ 1;\r\n  pointer-events:none;\r\n}\r\n.pp-how .pp-how__canvas{\r\n  position:absolute; inset:-24%;\r\n  width:148%; height:148%;\r\n  display:block;\r\n}\r\n\r\n\/* ---- Titular ---------------------------------------------- *\/\r\n.pp-how .pp-how__title{\r\n  grid-column:1 \/ -1; grid-row:1;\r\n  justify-self:center;\r\n  position:relative; z-index:2;\r\n  margin:0; padding:0;\r\n  max-width:min(560px, 90vw);\r\n  text-align:center;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(28px,3.6vw,58px);\r\n  line-height:1.08; letter-spacing:-.022em;\r\n  text-transform:none; text-shadow:0 2px 26px rgba(1,11,20,.9);\r\n  color:var(--white);\r\n  text-wrap:balance;\r\n}\r\n.pp-how .pp-how__title em{\r\n  font-style:normal; font-weight:700;\r\n  color:var(--lime);\r\n}\r\n\r\n\/* ---- Pasos ------------------------------------------------- *\/\r\n.pp-how .pp-how__step{\r\n  position:relative; z-index:2;\r\n  max-width:34ch;\r\n}\r\n.pp-how .pp-how__step--1{ grid-column:1; grid-row:2; }\r\n.pp-how .pp-how__step--2{ grid-column:3; grid-row:2; text-align:right; justify-self:end; }\r\n.pp-how .pp-how__step--3{ grid-column:1; grid-row:3; }\r\n.pp-how .pp-how__step--4{ grid-column:3; grid-row:3; text-align:right; justify-self:end; }\r\n\r\n.pp-how .pp-how__num{\r\n  display:block;\r\n  margin:0 0 .34em; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(24px,2.5vw,34px);\r\n  line-height:1; letter-spacing:-.02em;\r\n  text-transform:none; text-shadow:none;\r\n  color:var(--lime);\r\n}\r\n\r\n.pp-how .pp-how__text{\r\n  margin:0; padding:0;\r\n  font-family:var(--body);\r\n  font-weight:300; font-style:normal;\r\n  font-size:clamp(17.5px,1.02vw,15.5px);\r\n  line-height:1.62; letter-spacing:.002em;\r\n  text-transform:none; text-shadow:0 1px 14px rgba(1,11,20,.8);\r\n  color:rgba(254,252,255,.66);\r\n}\r\n.pp-how .pp-how__text strong{\r\n  font-weight:700;\r\n  color:var(--white);\r\n}\r\n.pp-how .pp-how__text b{\r\n  font-weight:700; font-style:normal;\r\n  color:var(--lime);\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n\r\n\/* Tablet: el bal\u00f3n se estrecha, los textos ganan aire *\/\r\n@media (max-width:1080px){\r\n  .pp-how .pp-how__grid{\r\n    grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1fr);\r\n    row-gap:clamp(36px,6vw,88px);\r\n  }\r\n  .pp-how .pp-how__canvas{ inset:-26%; width:152%; height:152%; }\r\n}\r\n\r\n\/* M\u00f3vil: una columna. Titular \u2192 bal\u00f3n \u2192 pasos 1-4 *\/\r\n@media (max-width:820px){\r\n  .pp-how{ padding:clamp(48px,9vw,72px) 0 clamp(40px,7vw,60px); }\r\n\r\n  .pp-how .pp-how__grid{\r\n    grid-template-columns:1fr;\r\n    grid-template-rows:auto auto auto auto auto auto;\r\n    row-gap:clamp(26px,5.6vw,38px);\r\n  }\r\n  .pp-how .pp-how__title{\r\n    grid-column:1; grid-row:1;\r\n    max-width:100%;\r\n    font-size:clamp(28px,7.4vw,40px);\r\n  }\r\n  .pp-how .pp-how__stage{\r\n    grid-column:1; grid-row:2;\r\n    width:min(430px,84vw); aspect-ratio:1 \/ 1;\r\n    margin-block:clamp(-8px,-1vw,0px) clamp(4px,2vw,16px);\r\n  }\r\n  .pp-how .pp-how__canvas{ inset:-14%; width:128%; height:128%; }\r\n\r\n  .pp-how .pp-how__step{\r\n    max-width:100%;\r\n    text-align:left; justify-self:stretch;\r\n    padding-left:14px;\r\n    border-left:2px solid rgba(208,255,0,.34);\r\n  }\r\n  .pp-how .pp-how__step--1{ grid-column:1; grid-row:3; }\r\n  .pp-how .pp-how__step--2{ grid-column:1; grid-row:4; text-align:left; }\r\n  .pp-how .pp-how__step--3{ grid-column:1; grid-row:5; }\r\n  .pp-how .pp-how__step--4{ grid-column:1; grid-row:6; text-align:left; }\r\n  .pp-how .pp-how__num{ font-size:20px; margin-bottom:.2em; }\r\n  .pp-how .pp-how__text{ font-size:15px; line-height:1.58; }\r\n}\r\n\r\n@media (max-width:480px){\r\n  .pp-how .pp-how__stage{ width:min(340px,88vw); }\r\n  .pp-how .pp-how__text{ font-size:14.5px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"pp-how\" aria-labelledby=\"pp-how-h\">\r\n  <div class=\"pp-how__wrap\">\r\n    <div class=\"pp-how__grid\">\r\n\r\n      <div class=\"pp-how__stage\">\r\n        <canvas class=\"pp-how__canvas\" aria-hidden=\"true\"><\/canvas>\r\n      <\/div>\r\n\r\n      <h2 class=\"pp-how__title\" id=\"pp-how-h\">How <em>ProPlayer<\/em> reads your game<\/h2>\r\n\r\n      <div class=\"pp-how__step pp-how__step--1\">\r\n        <span class=\"pp-how__num\">1.<\/span>\r\n        <p class=\"pp-how__text\">Film one full match on <strong>any phone<\/strong>, from the stands. No rig, no second camera, no setup. If you can record it, we can read it.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pp-how__step pp-how__step--2\">\r\n        <span class=\"pp-how__num\">2.<\/span>\r\n        <p class=\"pp-how__text\">Computer vision <strong>locks onto you<\/strong> and follows you for the full ninety minutes. Pose tracking maps how you actually move \u2014 your runs, your positioning, your shape on the ball.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pp-how__step pp-how__step--3\">\r\n        <span class=\"pp-how__num\">3.<\/span>\r\n        <p class=\"pp-how__text\">A <b>UEFA A licensed coach<\/b> reviews that footage next to the data and writes the verdict: what's working, what's costing you, and <strong>the two things to fix first<\/strong>.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pp-how__step pp-how__step--4\">\r\n        <span class=\"pp-how__num\">4.<\/span>\r\n        <p class=\"pp-how__text\">The verdict becomes <strong>your plan<\/strong>. Training, gym and nutrition rebuild around it, your PlayerCard updates, and the programs recruiting your position see the difference.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n  var root = document.querySelector('.pp-how');\r\n  if(!root || root.dataset.ppHowReady) return;\r\n  root.dataset.ppHowReady = '1';\r\n\r\n  var cv  = root.querySelector('.pp-how__canvas'),\r\n      ctx = cv.getContext('2d', {alpha:true});\r\n  if(!ctx) return;\r\n\r\n  \/* =========================================================\r\n     1 \u00b7 GEOMETR\u00cdA \u2014 icosaedro truncado (el bal\u00f3n de verdad)\r\n        12 v\u00e9rtices \u2192 30 aristas \u2192 60 v\u00e9rtices truncados\r\n        \u2192 90 costuras (30 hex-hex + 60 de pent\u00e1gono)\r\n     ========================================================= *\/\r\n  var PHI = (1 + Math.sqrt(5)) \/ 2, ICO = [], a, b, i, j, k;\r\n\r\n  for(a = -1; a <= 1; a += 2){\r\n    for(b = -1; b <= 1; b += 2){\r\n      ICO.push([0, a, b*PHI], [a, b*PHI, 0], [b*PHI, 0, a]);\r\n    }\r\n  }\r\n\r\n  function d2(u,v){ var x=u[0]-v[0], y=u[1]-v[1], z=u[2]-v[2]; return x*x+y*y+z*z; }\r\n  function cr(u,v){ return [u[1]*v[2]-u[2]*v[1], u[2]*v[0]-u[0]*v[2], u[0]*v[1]-u[1]*v[0]]; }\r\n  function dt(u,v){ return u[0]*v[0] + u[1]*v[1] + u[2]*v[2]; }\r\n  function nz(v){ var m = Math.sqrt(v[0]*v[0]+v[1]*v[1]+v[2]*v[2]); return [v[0]\/m, v[1]\/m, v[2]\/m]; }\r\n\r\n  var IE = [];\r\n  for(i = 0; i < 12; i++)\r\n    for(j = i+1; j < 12; j++)\r\n      if(Math.abs(d2(ICO[i],ICO[j]) - 4) < 1e-6) IE.push([i,j]);\r\n\r\n  var V = [], byV = {}, SEAM = [];\r\n  IE.forEach(function(e){\r\n    var A = ICO[e[0]], B = ICO[e[1]], p1 = [], p2 = [], m;\r\n    for(m = 0; m < 3; m++){\r\n      p1[m] = A[m] + (B[m]-A[m]) \/ 3;\r\n      p2[m] = A[m] + (B[m]-A[m]) * 2\/3;\r\n    }\r\n    V.push(p1); var i1 = V.length - 1;\r\n    V.push(p2); var i2 = V.length - 1;\r\n    (byV[e[0]] = byV[e[0]] || []).push(i1);\r\n    (byV[e[1]] = byV[e[1]] || []).push(i2);\r\n    SEAM.push([i1, i2]);\r\n  });\r\n\r\n  for(k = 0; k < 12; k++){\r\n    var n = nz(ICO[k]),\r\n        u = nz(cr(n, Math.abs(n[2]) < .9 ? [0,0,1] : [1,0,0])),\r\n        w = cr(n, u),\r\n        ring = byV[k].slice().sort(function(p,q){\r\n          return Math.atan2(dt(V[p],w), dt(V[p],u)) - Math.atan2(dt(V[q],w), dt(V[q],u));\r\n        });\r\n    for(var m2 = 0; m2 < 5; m2++) SEAM.push([ring[m2], ring[(m2+1) % 5]]);\r\n  }\r\n\r\n  V = V.map(nz);\r\n\r\n  \/* =========================================================\r\n     2 \u00b7 NUBE DE PUNTOS\r\n        kind 0 = costura (brillante)   kind 1 = relleno (tenue)\r\n     ========================================================= *\/\r\n  var PX = [], PY = [], PZ = [], PK = [], PER = 14;\r\n\r\n  SEAM.forEach(function(s){\r\n    var A = V[s[0]], B = V[s[1]], t, f, p;\r\n    for(t = 0; t < PER; t++){\r\n      f = t \/ (PER - 1);\r\n      p = nz([A[0]+(B[0]-A[0])*f, A[1]+(B[1]-A[1])*f, A[2]+(B[2]-A[2])*f]);\r\n      PX.push(p[0]); PY.push(p[1]); PZ.push(p[2]); PK.push(0);\r\n    }\r\n  });\r\n\r\n  var FILL = 820, GA = Math.PI * (3 - Math.sqrt(5));\r\n  for(i = 0; i < FILL; i++){\r\n    var yy = 1 - (i \/ (FILL-1)) * 2, rr = Math.sqrt(Math.max(0, 1 - yy*yy)), th = GA * i;\r\n    PX.push(Math.cos(th)*rr); PY.push(yy); PZ.push(Math.sin(th)*rr); PK.push(1);\r\n  }\r\n  var NP = PX.length;\r\n\r\n  \/* Polvo de fondo, est\u00e1tico *\/\r\n  var DUST = [];\r\n  for(i = 0; i < 78; i++){\r\n    DUST.push([Math.random(), Math.random(), Math.random()*.5 + .18, Math.random()*6.28]);\r\n  }\r\n\r\n  \/* =========================================================\r\n     3 \u00b7 MOTOR\r\n     ========================================================= *\/\r\n  var W = 0, H = 0, DPR = 1, t0 = performance.now(), raf = null, visible = false;\r\n  var REDUCED = window.matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n\r\n  function resize(){\r\n    var r = cv.getBoundingClientRect();\r\n    if(!r.width) return;\r\n    DPR = Math.min(2, window.devicePixelRatio || 1);\r\n    W = Math.round(r.width  * DPR);\r\n    H = Math.round(r.height * DPR);\r\n    cv.width = W; cv.height = H;\r\n  }\r\n\r\n  \/* Deformaci\u00f3n: suma de senos en 3D \u2192 ondas org\u00e1nicas, sin librer\u00eda *\/\r\n  function wob(x, y, z, t){\r\n    return Math.sin(x*2.15 + t*0.85) * Math.sin(y*1.75 - t*0.62)\r\n         + Math.sin(z*2.55 + t*1.05) * Math.cos(x*1.35 + t*0.48) * 0.72\r\n         + Math.sin((x+y+z)*2.40 - t*1.25) * 0.55;\r\n  }\r\n\r\n  var LIME = [208,255,0], PURP = [124,29,232];\r\n\r\n  function frame(now){\r\n    raf = null;\r\n    var t = (now - t0) \/ 1000;\r\n    if(REDUCED) t = 6.2;                       \/* fotograma fijo, ya deformado *\/\r\n\r\n    ctx.clearRect(0, 0, W, H);\r\n\r\n    var cx = W\/2, cy = H\/2,\r\n        R  = Math.min(W,H) * 0.355,\r\n        FOV = 3.15;\r\n\r\n    \/* Polvo *\/\r\n    ctx.globalCompositeOperation = 'source-over';\r\n    for(i = 0; i < DUST.length; i++){\r\n      var dd = DUST[i],\r\n          da = dd[2] * (0.55 + 0.45 * Math.sin(t*0.6 + dd[3]));\r\n      ctx.fillStyle = 'rgba(254,252,255,' + (da*0.42).toFixed(3) + ')';\r\n      ctx.fillRect(dd[0]*W, dd[1]*H, 1.4*DPR, 1.4*DPR);\r\n    }\r\n\r\n    \/* Envolvente: la mayor parte del tiempo es esfera limpia,\r\n       y peri\u00f3dicamente se deforma en ondas y picos *\/\r\n    var env = 0.5 + 0.5 * Math.sin(t * 0.28),\r\n        amp = 0.03 + 0.185 * env * env,\r\n        phase = 0.5 + 0.5 * Math.sin(t * 0.17);\r\n\r\n    \/* Rotaci\u00f3n *\/\r\n    var ry = t * 0.26,\r\n        rx = 0.30 + Math.sin(t * 0.13) * 0.13,\r\n        cyr = Math.cos(ry), syr = Math.sin(ry),\r\n        cxr = Math.cos(rx), sxr = Math.sin(rx);\r\n\r\n    ctx.globalCompositeOperation = 'lighter';\r\n\r\n    for(i = 0; i < NP; i++){\r\n      var x0 = PX[i], y0 = PY[i], z0 = PZ[i];\r\n\r\n      \/* deformar el radio *\/\r\n      var rad = 1 + amp * wob(x0, y0, z0, t) * 0.55;\r\n      var x = x0*rad, y = y0*rad, z = z0*rad;\r\n\r\n      \/* rotar Y, luego X *\/\r\n      var xr =  x*cyr + z*syr,\r\n          zr = -x*syr + z*cyr,\r\n          yr =  y*cxr - zr*sxr,\r\n          zz =  y*sxr + zr*cxr;\r\n\r\n      var sc = FOV \/ (FOV + zz);\r\n      if(sc <= 0) continue;\r\n\r\n      var sx = cx + xr*sc*R,\r\n          sy = cy + yr*sc*R,\r\n          dp = (zz + 1.35) \/ 2.7;               \/* 0 fondo \u00b7 1 frente *\/\r\n      if(dp < 0) dp = 0; else if(dp > 1) dp = 1;\r\n\r\n      var mix = dp*0.72 + phase*0.28,\r\n          cR = (PURP[0] + (LIME[0]-PURP[0])*mix) | 0,\r\n          cG = (PURP[1] + (LIME[1]-PURP[1])*mix) | 0,\r\n          cB = (PURP[2] + (LIME[2]-PURP[2])*mix) | 0;\r\n\r\n      var seam = PK[i] === 0,\r\n          al = seam ? (0.10 + 0.50*dp*dp) : (0.035 + 0.20*dp*dp),\r\n          sz = (seam ? 1.30 : 0.95) * (0.45 + 0.90*dp) * DPR;\r\n\r\n      ctx.fillStyle = 'rgba(' + cR + ',' + cG + ',' + cB + ',' + al.toFixed(3) + ')';\r\n      ctx.fillRect(sx - sz\/2, sy - sz\/2, sz, sz);\r\n    }\r\n\r\n    ctx.globalCompositeOperation = 'source-over';\r\n\r\n    if(visible && !REDUCED) raf = requestAnimationFrame(frame);\r\n  }\r\n\r\n  function start(){ if(!raf) raf = requestAnimationFrame(frame); }\r\n  function stop(){ if(raf){ cancelAnimationFrame(raf); raf = null; } }\r\n\r\n  \/* Solo anima cuando la secci\u00f3n est\u00e1 en pantalla *\/\r\n  var io = new IntersectionObserver(function(en){\r\n    visible = en[0].isIntersecting;\r\n    if(visible) start(); else stop();\r\n  }, {threshold:0.01});\r\n  io.observe(root);\r\n\r\n  var rt = null;\r\n  function onResize(){\r\n    clearTimeout(rt);\r\n    rt = setTimeout(function(){ resize(); if(!raf) requestAnimationFrame(frame); }, 120);\r\n  }\r\n  window.addEventListener('resize', onResize, {passive:true});\r\n\r\n  if(window.ResizeObserver){\r\n    new ResizeObserver(onResize).observe(cv);\r\n  }\r\n\r\n  resize();\r\n  requestAnimationFrame(frame);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f50adc e-con-full e-flex e-con e-parent\" data-id=\"3f50adc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f340e51 e-con-full e-flex e-con e-child\" data-id=\"f340e51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-066e3a8 elementor-widget elementor-widget-spacer\" data-id=\"066e3a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4477e77 elementor-widget elementor-widget-heading\" data-id=\"4477e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">for you, <b>player<\/b><\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94c6906 e-con-full e-flex e-con e-child\" data-id=\"94c6906\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3ea3979 e-con-full e-flex e-con e-child\" data-id=\"3ea3979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d41358d elementor-widget elementor-widget-heading\" data-id=\"d41358d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We create opportunities to help you fulfil your dream of becoming a professional and securing a scholarship at the best universities<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1df072a e-con-full e-flex e-con e-child\" data-id=\"1df072a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dc9c0ca e-grid e-con-full e-con e-child\" data-id=\"dc9c0ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a7280dd e-con-full e-flex e-con e-child\" data-id=\"a7280dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d406fc6 e-con-full e-flex e-con e-child\" data-id=\"d406fc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-999f7c9 elementor-widget elementor-widget-heading\" data-id=\"999f7c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Analyst\/Coach for you <\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b330eeb elementor-widget elementor-widget-heading\" data-id=\"b330eeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1 &amp; 1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-012399e elementor-widget elementor-widget-heading\" data-id=\"012399e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Spanish methodology<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd23bd4 e-con-full e-flex e-con e-child\" data-id=\"dd23bd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab42735 elementor-widget elementor-widget-image\" data-id=\"ab42735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/Winning-the-league-title-2-683x1024.webp\" class=\"attachment-large size-large wp-image-311\" alt=\"\" srcset=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/Winning-the-league-title-2-683x1024.webp 683w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/Winning-the-league-title-2-200x300.webp 200w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/Winning-the-league-title-2-768x1152.webp 768w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/Winning-the-league-title-2-1024x1536.webp 1024w, https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/Winning-the-league-title-2.webp 1200w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e8ea43 e-con-full e-flex e-con e-child\" data-id=\"1e8ea43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-362ee97 e-con-full e-flex e-con e-child\" data-id=\"362ee97\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ab4ce83 e-con-full e-flex e-con e-child\" data-id=\"ab4ce83\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b55532 elementor-widget elementor-widget-heading\" data-id=\"1b55532\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">we are in <br> your feed<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3a705e elementor-widget elementor-widget-html\" data-id=\"b3a705e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .bento-widget {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden; \n    width: 100% ;\n    height: 100%;\n  }\n\n  .pills-row {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 8px;\n    white-space: nowrap;\n    width: max-content; \n  }\n\n  .row-1 {\n    animation: deslizarIzquierda 12s linear infinite alternate;\n  }\n  \n  .row-2 {\n    animation: deslizarDerecha 14s linear infinite alternate;\n  }\n\n  @keyframes deslizarIzquierda {\n    0% { transform: translateX(20px); }\n    100% { transform: translateX(-120px); }\n  }\n\n  @keyframes deslizarDerecha {\n    0% { transform: translateX(-120px); }\n    100% { transform: translateX(20px); }\n  }\n\n  .pill {\n    background-color: #ffffff;\n    color: #3f3f46;\n    font-weight: 600;\n    font-size: 14px;\n    padding: 10px 20px;\n    border-radius: 9999px; \n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  }\n<\/style>\n\n<div class=\"bento-widget\">\n  <div class=\"pills-row row-1\">\n    <div class=\"pill\">Instagram<\/div>\n    <div class=\"pill\">YouTube<\/div>\n    <div class=\"pill\">TikTok<\/div>\n    <div class=\"pill\">X<\/div>\n    <div class=\"pill\">LinkedIn<\/div>\n    <div class=\"pill\">Twitch<\/div>\n  <\/div>\n  \n  <div class=\"pills-row row-2\">\n    <div class=\"pill\">Snapchat<\/div>\n    <div class=\"pill\">Google<\/div>\n    <div class=\"pill\">Facebook<\/div>\n    <div class=\"pill\">Instagram<\/div>\n    <div class=\"pill\">Pinterest<\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-164025f e-con-full e-flex e-con e-child\" data-id=\"164025f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0de7abd elementor-widget elementor-widget-spacer\" data-id=\"0de7abd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2687ba e-con-full e-flex e-con e-parent\" data-id=\"b2687ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a54fc3b e-con-full e-flex e-con e-child\" data-id=\"a54fc3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-982d046 elementor-widget elementor-widget-html\" data-id=\"982d046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     ProPlayer \u00b7 Secci\u00f3n EQUIPO \"Your partners\"\r\n     Va entre PLANES y FAQs. Fondo coherente con el resto.\r\n     Elementor HTML Widget \u00b7 sin dependencias.\r\n\r\n     \u25b6 PARA A\u00d1ADIR \/ EDITAR MIEMBROS:\r\n       Busca el bloque <!-- MIEMBRO 1 --> \r\n\r\n<style>\r\n@import url('https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,700,900&display=swap');\r\n\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Medium.woff2') format('woff2');\r\n  font-weight:500; font-style:normal; font-display:swap;\r\n}\r\n@font-face{\r\n  font-family:'Technor';\r\n  src:url('\/wp-content\/uploads\/2026\/07\/Technor-Bold.woff2') format('woff2');\r\n  font-weight:700; font-style:normal; font-display:swap;\r\n}\r\n\r\n\/* ============================================================\r\n   Especificidad .pp-team .pp-tm__x \u2192 (0,2,0), gana al Kit de\r\n   Elementor sin poder pisarse a s\u00ed mismo.\r\n   ============================================================ *\/\r\n.pp-team{\r\n  --navy:#011A2E;\r\n  --lime:#D0FF00;\r\n  --white:#FEFCFF;\r\n  --purple:#7C1DE8;\r\n\r\n  --surface:#061523;\r\n  --surface-2:#03101C;\r\n  --line:rgba(254,252,255,.14);\r\n  --line-soft:rgba(254,252,255,.09);\r\n\r\n  --display:'Technor','Satoshi',ui-sans-serif,system-ui,sans-serif;\r\n  --body:'Satoshi',ui-sans-serif,system-ui,-apple-system,sans-serif;\r\n\r\n  --r:16px;\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n  \/* \u2500\u2500 FONDO \u00b7 misma receta del bal\u00f3n \u00b7 posici\u00f3n 6\/8 (equipo):\r\n     morado lateral derecho, sereno \u2500\u2500 *\/\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  background:\r\n    linear-gradient(180deg,#010B14 0%, rgba(1,11,20,0) 12%, rgba(1,9,19,0) 88%, #010913 100%),\r\n    radial-gradient(58% 46% at 88% 60%, rgba(124,29,232,.20) 0%, rgba(124,29,232,0) 68%),\r\n    radial-gradient(42% 34% at 50% 52%, rgba(208,255,0,.10) 0%, rgba(208,255,0,0) 70%),\r\n    linear-gradient(180deg,#010B14 0%, #011A2E 46%, #010913 100%);\r\n  color:var(--white);\r\n  font-family:var(--body);\r\n  padding:clamp(56px,7vw,104px) 0 clamp(56px,6.4vw,100px);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\/* Trama de rejilla t\u00e9cnica *\/\r\n.pp-team::before{\r\n  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(254,252,255,.020) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(254,252,255,.020) 1px, transparent 1px);\r\n  background-size:66px 66px;\r\n  -webkit-mask-image:radial-gradient(120% 62% at 50% 26%, #000 0%, transparent 76%);\r\n          mask-image:radial-gradient(120% 62% at 50% 26%, #000 0%, transparent 76%);\r\n}\r\n\r\n.pp-team .pp-tm__wrap,\r\n.pp-team .pp-tm__wrap *,\r\n.pp-team .pp-tm__wrap *::before,\r\n.pp-team .pp-tm__wrap *::after{ box-sizing:border-box; }\r\n\r\n.pp-team .pp-tm__wrap{\r\n  position:relative; z-index:1;\r\n  width:min(1280px, 92vw);\r\n  margin-inline:auto;\r\n}\r\n\r\n\/* ============================================================\r\n   CABECERA \u00b7 titular (izq) + intro con enlace (der)\r\n   ============================================================ *\/\r\n.pp-team .pp-tm__head{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);\r\n  gap:clamp(24px,4vw,72px);\r\n  align-items:end;\r\n  margin:0 0 clamp(30px,3.6vw,52px);\r\n}\r\n\r\n.pp-team .pp-tm__title{\r\n  margin:0; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(30px,4.2vw,58px);\r\n  line-height:1.04; letter-spacing:-.026em;\r\n  text-transform:none; text-shadow:0 2px 26px rgba(1,11,20,.7);\r\n  color:var(--white);\r\n  text-wrap:balance;\r\n}\r\n.pp-team .pp-tm__title em{ font-style:normal; color:var(--lime); }\r\n\r\n.pp-team .pp-tm__intro{\r\n  margin:0; padding:0;\r\n  max-width:42ch;\r\n}\r\n.pp-team .pp-tm__lede{\r\n  margin:0; padding:0;\r\n  font-family:var(--body);\r\n  font-weight:500; font-style:normal;\r\n  font-size:clamp(13.5px,1.05vw,15.5px);\r\n  line-height:1.62; letter-spacing:.002em;\r\n  text-transform:none; text-shadow:none;\r\n  color:rgba(254,252,255,.64);\r\n}\r\n.pp-team .pp-tm__link{\r\n  display:inline-flex; align-items:center; gap:.5em;\r\n  margin-top:1.1em;\r\n  font-family:var(--body);\r\n  font-weight:700; font-style:normal;\r\n  font-size:14px; line-height:1;\r\n  text-transform:none; text-decoration:none;\r\n  color:var(--lime);\r\n  border-bottom:1px solid rgba(208,255,0,.4);\r\n  padding-bottom:3px;\r\n  transition:gap .28s var(--ease), border-color .28s var(--ease);\r\n}\r\n.pp-team .pp-tm__link:hover{ gap:.85em; border-color:var(--lime); }\r\n.pp-team .pp-tm__link svg{ transition:transform .28s var(--ease); }\r\n.pp-team .pp-tm__link:hover svg{ transform:translateX(3px); }\r\n\r\n\/* ============================================================\r\n   REJILLA DE MIEMBROS \u00b7 auto-fit, se recoloca sola\r\n   ============================================================ *\/\r\n.pp-team .pp-tm__grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(clamp(190px,22vw,236px), 1fr));\r\n  gap:clamp(12px,1.4vw,20px);\r\n}\r\n\r\n.pp-team .pp-tm__card{\r\n  position:relative;\r\n  aspect-ratio:4 \/ 5;\r\n  border-radius:var(--r);\r\n  overflow:hidden;\r\n  border:1px solid var(--line-soft);\r\n  background:linear-gradient(168deg, var(--surface) 0%, var(--surface-2) 100%);\r\n  transition:border-color .34s var(--ease), transform .34s var(--ease),\r\n              box-shadow .34s var(--ease);\r\n}\r\n.pp-team .pp-tm__card:hover{\r\n  border-color:rgba(208,255,0,.32);\r\n  transform:translateY(-4px);\r\n  box-shadow:0 24px 48px -22px rgba(0,0,0,.9), 0 0 36px -14px rgba(208,255,0,.24);\r\n}\r\n\r\n.pp-team .pp-tm__photo{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  object-fit:cover;\r\n  object-position:center 22%;   \/* baja el encuadre: no corta la cabeza *\/\r\n  display:block;\r\n  filter:saturate(1.02) contrast(1.03);\r\n  transition:transform .7s var(--ease);\r\n}\r\n.pp-team .pp-tm__card:hover .pp-tm__photo{ transform:scale(1.045); }\r\n\r\n\/* Placeholder cuando a\u00fan no hay foto (silueta de marca) *\/\r\n.pp-team .pp-tm__ph{\r\n  position:absolute; inset:0;\r\n  display:flex; align-items:flex-end; justify-content:center;\r\n  background:\r\n    radial-gradient(80% 60% at 50% 24%, rgba(124,29,232,.28) 0%, rgba(124,29,232,0) 60%),\r\n    linear-gradient(168deg, #0A1B2C 0%, #03101C 100%);\r\n}\r\n.pp-team .pp-tm__ph svg{ width:58%; height:auto; opacity:.5; }\r\n\r\n\/* Velo inferior para legibilidad del nombre *\/\r\n.pp-team .pp-tm__scrim{\r\n  position:absolute; inset:0;\r\n  background:linear-gradient(0deg,\r\n    rgba(1,13,23,.92) 0%, rgba(1,13,23,.5) 30%, rgba(1,13,23,0) 62%);\r\n}\r\n\r\n\/* Distintivo de banderas US + ES (est\u00e1tico, sin animaci\u00f3n) *\/\r\n.pp-team .pp-tm__flags{\r\n  position:absolute; top:12px; right:12px; z-index:3;\r\n  display:flex; align-items:center;\r\n  padding:4px 8px; gap:5px;\r\n  border-radius:999px;\r\n  background:rgba(1,13,23,.62);\r\n  border:1px solid rgba(254,252,255,.16);\r\n  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);\r\n}\r\n.pp-team .pp-tm__flags svg{\r\n  display:block; width:19px; height:auto; border-radius:2px;\r\n  box-shadow:0 1px 3px rgba(0,0,0,.5);\r\n}\r\n\r\n\/* Nombre + cargo *\/\r\n.pp-team .pp-tm__meta{\r\n  position:absolute; left:0; right:0; bottom:0; z-index:2;\r\n  padding:clamp(14px,1.3vw,20px);\r\n}\r\n.pp-team .pp-tm__name{\r\n  margin:0; padding:0;\r\n  font-family:var(--display);\r\n  font-weight:700; font-style:normal;\r\n  font-size:clamp(17px,1.5vw,21px);\r\n  line-height:1.06; letter-spacing:-.016em;\r\n  text-transform:none;\r\n  text-shadow:0 2px 14px rgba(1,13,23,.95);\r\n  color:var(--white);\r\n}\r\n.pp-team .pp-tm__role{\r\n  margin:.4em 0 0; padding:0;\r\n  font-family:var(--body);\r\n  font-weight:600; font-style:normal;\r\n  font-size:clamp(11.5px,.92vw,13px);\r\n  line-height:1.35; letter-spacing:.01em;\r\n  text-transform:none;\r\n  text-shadow:0 1px 10px rgba(1,13,23,.9);\r\n  color:var(--lime);\r\n}\r\n.pp-team .pp-tm__role span{ color:rgba(254,252,255,.6); font-weight:500; }\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width:860px){\r\n  .pp-team .pp-tm__head{\r\n    grid-template-columns:1fr;\r\n    align-items:start;\r\n    gap:18px;\r\n  }\r\n  .pp-team .pp-tm__grid{\r\n    grid-template-columns:repeat(auto-fit, minmax(clamp(150px,42vw,200px), 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width:520px){\r\n  .pp-team .pp-tm__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }\r\n  .pp-team .pp-tm__card:hover{ transform:none; }\r\n  .pp-team .pp-tm__name{ font-size:16px; }\r\n  .pp-team .pp-tm__role{ font-size:11.5px; }\r\n  .pp-team .pp-tm__flags{ padding:3px 6px; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .pp-team .pp-tm__card,\r\n  .pp-team .pp-tm__photo,\r\n  .pp-team .pp-tm__plus,\r\n  .pp-team .pp-tm__link,\r\n  .pp-team .pp-tm__link svg{ transition-duration:.01ms !important; }\r\n  .pp-team .pp-tm__card:hover{ transform:none; }\r\n  .pp-team .pp-tm__card:hover .pp-tm__photo{ transform:none; }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"pp-team\" aria-labelledby=\"pp-tm-h\">\r\n  <div class=\"pp-tm__wrap\">\r\n\r\n    <!-- \u2500\u2500 Cabecera \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"pp-tm__head\">\r\n      <h2 class=\"pp-tm__title\" id=\"pp-tm-h\">Your partners in <em>chasing the dream<\/em>. Built on world-class methodology.<\/h2>\r\n      <div class=\"pp-tm__intro\">\r\n        <p class=\"pp-tm__lede\">ProPlayer is built by coaches and data scientists who've worked at the top of the European game \u2014 UEFA-licensed, FC Barcelona methodology, MLS experience. The same standard now reviews your match.<\/p>\r\n        <a class=\"pp-tm__link\" href=\"#\">\r\n          More about the team\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"#D0FF00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 Rejilla de miembros \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <div class=\"pp-tm__grid\">\r\n\r\n      <!-- MIEMBRO 1 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-tm__card\">\r\n        <img class=\"pp-tm__photo\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/07\/eef53dbc-4af7-4664-964e-72809fa9c661.png\" alt=\"Mario, co-founder\"\r\n             loading=\"lazy\" decoding=\"async\"\r\n             onerror=\"this.style.display='none'\">\r\n        <div class=\"pp-tm__scrim\"><\/div>\r\n        <span class=\"pp-tm__flags\" aria-label=\"USA and Spain\">\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#B22234\"\/><g fill=\"#fff\"><rect y=\"1.23\" width=\"24\" height=\"1.23\"\/><rect y=\"3.69\" width=\"24\" height=\"1.23\"\/><rect y=\"6.15\" width=\"24\" height=\"1.23\"\/><rect y=\"8.62\" width=\"24\" height=\"1.23\"\/><rect y=\"11.08\" width=\"24\" height=\"1.23\"\/><rect y=\"13.54\" width=\"24\" height=\"1.23\"\/><\/g><rect width=\"10\" height=\"8.62\" fill=\"#3C3B6E\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#AA151B\"\/><rect y=\"4\" width=\"24\" height=\"8\" fill=\"#F1BF00\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"pp-tm__meta\">\r\n          <p class=\"pp-tm__name\">Mario Carlon<\/p>\r\n          <p class=\"pp-tm__role\">Analyst & Coach <span>\u00b7 UEFA A - MLS<\/span><\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- MIEMBRO 2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-tm__card\">\r\n        <img class=\"pp-tm__photo\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-18.01.33.jpeg\" alt=\"Eric, co-founder\"\r\n             loading=\"lazy\" decoding=\"async\"\r\n             onerror=\"this.style.display='none'\">\r\n        <div class=\"pp-tm__scrim\"><\/div>\r\n        <span class=\"pp-tm__flags\" aria-label=\"USA and Spain\">\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#B22234\"\/><g fill=\"#fff\"><rect y=\"1.23\" width=\"24\" height=\"1.23\"\/><rect y=\"3.69\" width=\"24\" height=\"1.23\"\/><rect y=\"6.15\" width=\"24\" height=\"1.23\"\/><rect y=\"8.62\" width=\"24\" height=\"1.23\"\/><rect y=\"11.08\" width=\"24\" height=\"1.23\"\/><rect y=\"13.54\" width=\"24\" height=\"1.23\"\/><\/g><rect width=\"10\" height=\"8.62\" fill=\"#3C3B6E\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#AA151B\"\/><rect y=\"4\" width=\"24\" height=\"8\" fill=\"#F1BF00\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"pp-tm__meta\">\r\n          <p class=\"pp-tm__name\">Eric Carulla <\/p>\r\n          <p class=\"pp-tm__role\">Data science <span>\u00b7 FC Barcelona<\/span><\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- MIEMBRO 3 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-tm__card\">\r\n        <img class=\"pp-tm__photo\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-18.02.48-scaled.jpeg\" alt=\"Jes\u00fas Anguix, Marketing Specialist\"\r\n             loading=\"lazy\" decoding=\"async\"\r\n             onerror=\"this.style.display='none'\">\r\n        <div class=\"pp-tm__scrim\"><\/div>\r\n        <span class=\"pp-tm__flags\" aria-label=\"USA and Spain\">\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#B22234\"\/><g fill=\"#fff\"><rect y=\"1.23\" width=\"24\" height=\"1.23\"\/><rect y=\"3.69\" width=\"24\" height=\"1.23\"\/><rect y=\"6.15\" width=\"24\" height=\"1.23\"\/><rect y=\"8.62\" width=\"24\" height=\"1.23\"\/><rect y=\"11.08\" width=\"24\" height=\"1.23\"\/><rect y=\"13.54\" width=\"24\" height=\"1.23\"\/><\/g><rect width=\"10\" height=\"8.62\" fill=\"#3C3B6E\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#AA151B\"\/><rect y=\"4\" width=\"24\" height=\"8\" fill=\"#F1BF00\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"pp-tm__meta\">\r\n          <p class=\"pp-tm__name\">Jes\u00fas Anguix<\/p>\r\n          <p class=\"pp-tm__role\">Marketing Specialist <span>\u00b7 Kreze Consulting<\/span><\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- MIEMBRO 4 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n      <article class=\"pp-tm__card\">\r\n        <img class=\"pp-tm__photo\" src=\"https:\/\/www.discotecasypubsvalencia.com\/wp-content\/uploads\/2026\/08\/image-1-e1787319145164.png\" alt=\"Jes\u00fas Herrero, Developer and AI Head\"\r\n             loading=\"lazy\" decoding=\"async\"\r\n             onerror=\"this.style.display='none'\">\r\n        <div class=\"pp-tm__scrim\"><\/div>\r\n        <span class=\"pp-tm__flags\" aria-label=\"USA and Spain\">\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#B22234\"\/><g fill=\"#fff\"><rect y=\"1.23\" width=\"24\" height=\"1.23\"\/><rect y=\"3.69\" width=\"24\" height=\"1.23\"\/><rect y=\"6.15\" width=\"24\" height=\"1.23\"\/><rect y=\"8.62\" width=\"24\" height=\"1.23\"\/><rect y=\"11.08\" width=\"24\" height=\"1.23\"\/><rect y=\"13.54\" width=\"24\" height=\"1.23\"\/><\/g><rect width=\"10\" height=\"8.62\" fill=\"#3C3B6E\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 16\" aria-hidden=\"true\"><rect width=\"24\" height=\"16\" fill=\"#AA151B\"\/><rect y=\"4\" width=\"24\" height=\"8\" fill=\"#F1BF00\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"pp-tm__meta\">\r\n          <p class=\"pp-tm__name\">Jes\u00fas Herrero<\/p>\r\n          <p class=\"pp-tm__role\">Developer <span>\u00b7 AI & Tech Head<\/span><\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d016d3 e-flex e-con-boxed e-con e-parent\" data-id=\"8d016d3\" data-element_type=\"container\" data-e-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>Features Pricing Our Team Login Sign up Features Pricing Team Sign up Login 145 players have their scholarship The best program for your soccer path We\u2019ll create a system for you to improve your game: structured training, certified video analysis, real progress tracking and a clear path to a university scholarship. No guesswork. Just a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":170,"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":339,"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/339"}],"wp:attachment":[{"href":"https:\/\/www.discotecasypubsvalencia.com\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}