{"id":421,"date":"2026-02-09T11:20:20","date_gmt":"2026-02-09T17:20:20","guid":{"rendered":"https:\/\/bidezine.com\/?page_id=421"},"modified":"2026-03-03T12:57:05","modified_gmt":"2026-03-03T18:57:05","slug":"our-team","status":"publish","type":"page","link":"https:\/\/bidezine.com\/es\/our-team\/","title":{"rendered":"Equipo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"421\" class=\"elementor elementor-421\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f39d9e e-flex e-con-boxed e-con e-parent\" data-id=\"1f39d9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ac9ce84 e-con-full e-flex e-con e-child\" data-id=\"ac9ce84\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-164512b e-con-full e-flex e-con e-child\" data-id=\"164512b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3bf7b714 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3bf7b714\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:250,&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68867ba9 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"68867ba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/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\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-4c557c1d e-flex e-con-boxed e-con e-parent\" data-id=\"4c557c1d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c462f8 elementor-widget elementor-widget-html\" data-id=\"3c462f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  GOOGLE ANTIGRAVITY \u2014 Ring Particles (CSS Houdini)\r\n  Fiel al original: https:\/\/antigravity.google\/\r\n  Widget HTML para Elementor\r\n  ============================================================\r\n\r\n  INSTRUCCIONES ELEMENTOR:\r\n  1. Pega este c\u00f3digo en un Widget HTML\r\n  2. En la secci\u00f3n padre \u2192 Avanzado \u2192 CSS Personalizado:\r\n     selector { position: relative; overflow: hidden; }\r\n  3. Ajusta las variables en la ZONA DE CONFIGURACI\u00d3N\r\n  \r\n  \u26a0\ufe0f  Houdini funciona en Chrome\/Edge modernos.\r\n      En Firefox\/Safari se activa el fallback con canvas.\r\n  ============================================================ -->\r\n\r\n<!-- ============================================================\r\n  ZONA DE CONFIGURACI\u00d3N \u2014 Edita solo los valores num\u00e9ricos\r\n  ============================================================ -->\r\n<div id=\"ag-ring-source\" style=\"display:none;\"\r\n  data-ring-radius=\"180\"\r\n  data-ring-thickness=\"600\"\r\n  data-particle-count=\"80\"\r\n  data-particle-rows=\"25\"\r\n  data-particle-size=\"2\"\r\n  data-particle-min-alpha=\"0.08\"\r\n  data-particle-max-alpha=\"0.9\"\r\n  data-seed=\"42\"\r\n><\/div>\r\n<!-- ============================================================\r\n  FIN ZONA DE CONFIGURACI\u00d3N \u2014 No editar debajo de esta l\u00ednea\r\n  ============================================================ -->\r\n\r\n<style>\r\n\/* Forzar que la secci\u00f3n padre de Elementor sea relative *\/\r\n.ag-section-ready {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n\/* El wrapper se inyecta v\u00eda JS directamente en la secci\u00f3n *\/\r\n#ag-ring-wrap {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  pointer-events: none !important;\r\n  z-index: 0 !important;\r\n  --ring-x: 50;\r\n  --ring-y: 50;\r\n  background-image: paint(ring-particles);\r\n  transition: --ring-x 3s ease, --ring-y 3s ease;\r\n}\r\n\r\n#ag-ring-wrap canvas {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/* \u2500\u2500 1. Leer configuraci\u00f3n del div fuente \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  const source = document.getElementById('ag-ring-source');\r\n  const cfg = {\r\n    ringRadius:    source.dataset.ringRadius    || 180,\r\n    ringThickness: source.dataset.ringThickness || 600,\r\n    particleCount: source.dataset.particleCount || 80,\r\n    particleRows:  source.dataset.particleRows  || 25,\r\n    particleSize:  source.dataset.particleSize  || 2,\r\n    minAlpha:      source.dataset.particleMinAlpha || 0.08,\r\n    maxAlpha:      source.dataset.particleMaxAlpha || 0.9,\r\n    seed:          source.dataset.seed          || 42,\r\n  };\r\n\r\n  \/* \u2500\u2500 2. Encontrar la secci\u00f3n de Elementor padre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  \/\/ Sube por el DOM hasta encontrar la secci\u00f3n ra\u00edz de Elementor\r\n  function findSection(el) {\r\n    let node = el.parentElement;\r\n    while (node && node !== document.body) {\r\n      if (\r\n        node.matches('[data-element_type=\"section\"]') ||\r\n        node.matches('.elementor-top-section') ||\r\n        node.matches('.e-con-full') ||\r\n        node.matches('.e-con') ||\r\n        node.tagName === 'SECTION'\r\n      ) return node;\r\n      node = node.parentElement;\r\n    }\r\n    \/\/ Fallback: usar el padre inmediato con altura visible\r\n    return el.closest('.elementor-widget-wrap') || el.parentElement;\r\n  }\r\n\r\n  const section = findSection(source);\r\n\r\n  \/* \u2500\u2500 3. Crear e inyectar el wrapper en la secci\u00f3n \u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  const wrap = document.createElement('div');\r\n  wrap.id = 'ag-ring-wrap';\r\n  \/\/ Variables CSS para Houdini\r\n  wrap.style.cssText = `\r\n    --ring-radius: ${cfg.ringRadius};\r\n    --ring-thickness: ${cfg.ringThickness};\r\n    --particle-count: ${cfg.particleCount};\r\n    --particle-rows: ${cfg.particleRows};\r\n    --particle-size: ${cfg.particleSize};\r\n    --particle-min-alpha: ${cfg.minAlpha};\r\n    --particle-max-alpha: ${cfg.maxAlpha};\r\n    --seed: ${cfg.seed};\r\n    --ring-x: 50;\r\n    --ring-y: 50;\r\n  `;\r\n\r\n  \/\/ Asegurar que la secci\u00f3n sea el contexto de posicionamiento\r\n  section.classList.add('ag-section-ready');\r\n  \/\/ Insertar como PRIMER hijo para quedar detr\u00e1s del contenido\r\n  section.insertBefore(wrap, section.firstChild);\r\n\r\n  \/* \u2500\u2500 4. Ruta Houdini (Chrome \/ Edge) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  if ('paintWorklet' in CSS) {\r\n\r\n    CSS.paintWorklet.addModule(\r\n      'https:\/\/unpkg.com\/css-houdini-ringparticles\/dist\/ringparticles.js'\r\n    );\r\n\r\n    try {\r\n      CSS.registerProperty({ name: '--ring-x',           syntax: '<number>', inherits: false, initialValue: '50' });\r\n      CSS.registerProperty({ name: '--ring-y',           syntax: '<number>', inherits: false, initialValue: '50' });\r\n      CSS.registerProperty({ name: '--ring-interactive', syntax: '<number>', inherits: false, initialValue: '0'  });\r\n      CSS.registerProperty({ name: '--animation-tick',   syntax: '<number>', inherits: false, initialValue: '0'  });\r\n      CSS.registerProperty({ name: '--ring-radius',      syntax: '<number>', inherits: false, initialValue: '180' });\r\n    } catch(e) {}\r\n\r\n    \/\/ Tick de animaci\u00f3n\r\n    let tick = 0;\r\n    (function animateTick() {\r\n      tick = (tick + 1\/360) % 1;\r\n      wrap.style.setProperty('--animation-tick', tick.toFixed(4));\r\n      requestAnimationFrame(animateTick);\r\n    })();\r\n\r\n    \/\/ Animaci\u00f3n del radio del anillo\r\n    let ringDir = 1, ringR = Number(cfg.ringRadius);\r\n    (function animateRing() {\r\n      ringR += 0.08 * ringDir;\r\n      if (ringR > 250) ringDir = -1;\r\n      if (ringR < 150) ringDir =  1;\r\n      wrap.style.setProperty('--ring-radius', ringR.toFixed(1));\r\n      requestAnimationFrame(animateRing);\r\n    })();\r\n\r\n    \/\/ Tracking del mouse relativo a la secci\u00f3n\r\n    document.addEventListener('pointermove', function(e) {\r\n      const rect = section.getBoundingClientRect();\r\n      wrap.style.setProperty('--ring-x', (((e.clientX - rect.left) \/ rect.width)  * 100).toFixed(2));\r\n      wrap.style.setProperty('--ring-y', (((e.clientY - rect.top)  \/ rect.height) * 100).toFixed(2));\r\n      wrap.style.setProperty('--ring-interactive', 1);\r\n    }, { passive: true });\r\n\r\n    document.addEventListener('pointerleave', function() {\r\n      wrap.style.setProperty('--ring-x', 50);\r\n      wrap.style.setProperty('--ring-y', 50);\r\n      wrap.style.setProperty('--ring-interactive', 0);\r\n    }, { passive: true });\r\n\r\n    document.addEventListener('touchmove', function(e) {\r\n      if (!e.touches.length) return;\r\n      const rect = section.getBoundingClientRect();\r\n      wrap.style.setProperty('--ring-x', (((e.touches[0].clientX - rect.left) \/ rect.width)  * 100).toFixed(2));\r\n      wrap.style.setProperty('--ring-y', (((e.touches[0].clientY - rect.top)  \/ rect.height) * 100).toFixed(2));\r\n    }, { passive: true });\r\n\r\n    console.log('[AntiGravity] \u2713 Houdini activo \u2014 secci\u00f3n:', section.className || section.tagName);\r\n\r\n  \/* \u2500\u2500 5. Fallback Canvas (Firefox \/ Safari) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  } else {\r\n    console.log('[AntiGravity] Houdini no disponible \u2192 Canvas fallback');\r\n\r\n    \/\/ Quitar background Houdini del wrapper y crear canvas\r\n    wrap.style.backgroundImage = 'none';\r\n    const canvas = document.createElement('canvas');\r\n    wrap.appendChild(canvas);\r\n    const ctx = canvas.getContext('2d');\r\n\r\n    const COLORS = ['#EA4335','#FBBC04','#34A853','#4285F4','#FF6D00','#AA00FF','#E91E63','#FF5252'];\r\n    let W, H, particles = [];\r\n    const mouse = { x: -9999, y: -9999 };\r\n\r\n    function resize() {\r\n      const r = section.getBoundingClientRect();\r\n      W = canvas.width  = r.width  || window.innerWidth;\r\n      H = canvas.height = r.height || window.innerHeight;\r\n    }\r\n\r\n    function mkP() {\r\n      const size = 2 + Math.random() * 10;\r\n      const isRound = Math.random() < 0.35;\r\n      return {\r\n        ox: Math.random() * W, oy: Math.random() * H,\r\n        x: 0, y: 0, vx: 0, vy: 0,\r\n        size, isRound,\r\n        aspect: isRound ? 1 : 2.2 + Math.random() * 2,\r\n        color: COLORS[Math.floor(Math.random() * COLORS.length)],\r\n        opacity: 0.35 + Math.random() * 0.6,\r\n        rotation: Math.random() * Math.PI * 2,\r\n        driftFreq: 0.003 + Math.random() * 0.005,\r\n        phase: Math.random() * Math.PI * 2,\r\n        driftAmp: 0.3 + Math.random() * 0.7,\r\n        t: Math.random() * 1000,\r\n      };\r\n    }\r\n\r\n    function drawP(p) {\r\n      ctx.save();\r\n      ctx.globalAlpha = p.opacity;\r\n      ctx.fillStyle   = p.color;\r\n      ctx.translate(p.x, p.y);\r\n      ctx.rotate(p.rotation);\r\n      const w = p.size * p.aspect, h = p.size, r = h \/ 2;\r\n      ctx.beginPath();\r\n      if (p.isRound) {\r\n        ctx.arc(0, 0, r, 0, Math.PI * 2);\r\n      } else {\r\n        ctx.moveTo(-w\/2+r,-r); ctx.lineTo(w\/2-r,-r);\r\n        ctx.arc(w\/2-r, 0, r, -Math.PI\/2, Math.PI\/2);\r\n        ctx.lineTo(-w\/2+r, r);\r\n        ctx.arc(-w\/2+r, 0, r, Math.PI\/2, -Math.PI\/2);\r\n      }\r\n      ctx.closePath();\r\n      ctx.fill();\r\n      ctx.restore();\r\n    }\r\n\r\n    function loop() {\r\n      ctx.clearRect(0, 0, W, H);\r\n      particles.forEach(p => {\r\n        p.t++;\r\n        const ddx = Math.cos(p.t * p.driftFreq + p.phase) * p.driftAmp * 0.4;\r\n        const ddy = Math.sin(p.t * p.driftFreq * 1.3 + p.phase) * p.driftAmp * 0.4;\r\n        const dx = p.x - mouse.x, dy = p.y - mouse.y;\r\n        const dist = Math.sqrt(dx*dx + dy*dy);\r\n        if (dist < 130 && dist > 0) {\r\n          const f = (1 - dist\/130) * 75;\r\n          p.vx += (dx\/dist)*f*0.07; p.vy += (dy\/dist)*f*0.07;\r\n        }\r\n        p.vx += (p.ox + ddx - p.x) * 0.055;\r\n        p.vy += (p.oy + ddy - p.y) * 0.055;\r\n        p.vx *= 0.80; p.vy *= 0.80;\r\n        p.x += p.vx; p.y += p.vy;\r\n        p.rotation += 0.002;\r\n        drawP(p);\r\n      });\r\n      requestAnimationFrame(loop);\r\n    }\r\n\r\n    resize();\r\n    particles = Array.from({ length: 160 }, () => { const p = mkP(); p.x = p.ox; p.y = p.oy; return p; });\r\n    new ResizeObserver(resize).observe(section);\r\n    window.addEventListener('resize', resize, { passive: true });\r\n\r\n    document.addEventListener('mousemove', e => {\r\n      const r = canvas.getBoundingClientRect();\r\n      mouse.x = e.clientX - r.left; mouse.y = e.clientY - r.top;\r\n    }, { passive: true });\r\n    document.addEventListener('mouseleave', () => { mouse.x = -9999; mouse.y = -9999; });\r\n    document.addEventListener('touchmove', e => {\r\n      if (!e.touches.length) return;\r\n      const r = canvas.getBoundingClientRect();\r\n      mouse.x = e.touches[0].clientX - r.left;\r\n      mouse.y = e.touches[0].clientY - r.top;\r\n    }, { passive: true });\r\n\r\n    loop();\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed4e08b e-con-full e-flex e-con e-child\" data-id=\"ed4e08b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5167090 elementor-widget elementor-widget-html\" data-id=\"5167090\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"portrait-gallery\">\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_1.jpg\" alt=\"nombre 1\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_2.jpg\" alt=\"nombre 2\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_3.jpg\" alt=\"nombre 3\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_4.jpg\" alt=\"nombre 4\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_5.jpg\" alt=\"nombre 5\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_6.jpg\" alt=\"nombre 6\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_7.jpg\" alt=\"nombre 7\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_8.jpg\" alt=\"nombre 8\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_9.jpg\" alt=\"nombre 9\" \/>\r\n  <img decoding=\"async\" src=\"URL_IMAGEN_10.jpg\" alt=\"nombre 10\" \/>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7121b7 e-con-full e-flex e-con e-child\" data-id=\"b7121b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5769666 elementor-widget elementor-widget-html\" data-id=\"5769666\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML para el widget HTML de Elementor -->\r\n<div class=\"pg-frame\">\r\n  <div class=\"pg-canvas\">\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646448.png\" alt=\"portrait 1\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646447.png\" alt=\"portrait 2\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646454.png\" alt=\"portrait 3\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646446.png\" alt=\"portrait 4\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646450.png\" alt=\"portrait 5\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646449.png\" alt=\"portrait 6\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646445.png\" alt=\"portrait 7\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646451.png\" alt=\"portrait 8\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646453.png\" alt=\"portrait 9\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646452.png\" alt=\"portrait 10\" \/>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87703e3 e-con-full e-flex e-con e-child\" data-id=\"87703e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a489297 elementor-widget elementor-widget-html\" data-id=\"a489297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Diamond Gallery<\/title>\r\n  <style>\r\n\r\n\/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n   \u2551         VARIABLES \u2014 EDITA AQU\u00cd PARA PERSONALIZAR     \u2551\r\n   \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\r\n:root {\r\n\r\n  \/* \u2500\u2500 TAMA\u00d1O \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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     Cada rombo visible = 2 \u00d7 el valor correspondiente.\r\n     Ejemplo: col-size 130px \u2192 rombos de 260px de ancho. *\/\r\n  --col-size:  130px;   \/* Ancho de cada rombo (sube para rombos m\u00e1s anchos) *\/\r\n  --row-size:  130px;   \/* Alto  de cada rombo (sube para rombos m\u00e1s altos)  *\/\r\n\r\n  \/* \u2500\u2500 ESPACIADO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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  --gap-h:     22px;    \/* Espacio HORIZONTAL entre rombos *\/\r\n  --gap-v:     22px;    \/* Espacio VERTICAL   entre rombos *\/\r\n\r\n  \/* \u2500\u2500 EFECTOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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  --dim:       0.40;    \/* Oscurecimiento hover (0 = negro, 1 = sin cambio)  *\/\r\n  --speed-in:  0.25s;   \/* Velocidad animaci\u00f3n al entrar al rombo             *\/\r\n  --speed-out: 0.75s;   \/* Velocidad animaci\u00f3n al salir  del rombo            *\/\r\n}\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\r\n\/* \u2500\u2500 Reset m\u00ednimo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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*, *::before, *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 P\u00e1gina de prueba (no afecta a Elementor) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nbody {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #fff;\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   WRAPPER \u2014 centra la galer\u00eda en cualquier contexto\r\n   (funciona como widget HTML en Elementor)\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery-wrapper {\r\n  \/* Fuerza ancho completo del contenedor padre *\/\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;     \/* \u2190 centrado horizontal *\/\r\n  align-items: flex-start;\r\n\r\n  \/* Relleno superior e inferior para que los rombos\r\n     no queden cortados (especialmente el \u00faltimo row)   *\/\r\n  padding-top:    calc(var(--row-size) * 0.55);\r\n  padding-bottom: calc(var(--row-size) * 1.05);\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GRID PRINCIPAL\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery {\r\n  display:               grid;\r\n  grid-template-columns: repeat(6, var(--col-size));\r\n  grid-auto-rows:        var(--row-size);\r\n  gap:                   var(--gap-v) var(--gap-h);\r\n\r\n  \/* Centrado propio (fallback por si el wrapper falla en Elementor) *\/\r\n  margin-inline: auto;\r\n  width: fit-content;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Oscurecer im\u00e1genes sin hover \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.gallery:has(:hover)       img:not(:hover),\r\n.gallery:has(:focus-visible) img:not(:focus-visible) {\r\n  filter: brightness(var(--dim)) contrast(var(--dim));\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CADA IMAGEN \u2014 FORMA DE ROMBO\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery img {\r\n  display:     block;\r\n  object-fit:  cover;\r\n  cursor:      pointer;\r\n\r\n  width:  calc(var(--col-size) * 2);   \/* rombo = 2 celdas de ancho *\/\r\n  height: calc(var(--row-size) * 2);   \/* rombo = 2 celdas de alto  *\/\r\n\r\n  grid-column: auto \/ span 2;\r\n\r\n  \/* polygon() escala autom\u00e1ticamente con width\/height\r\n     (a diferencia de path() que usa p\u00edxeles fijos)     *\/\r\n  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\r\n\r\n  transition:\r\n    clip-path var(--speed-in),\r\n    filter    var(--speed-out);\r\n}\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PATR\u00d3N DE ROMBOS ESCALONADOS\r\n\r\n   La imagen en posici\u00f3n 5n-1 (= 4, 9, 14, 19 \u2026)\r\n   empieza en la columna 2 creando la fila desplazada:\r\n\r\n     Col \u2192 1    2    3    4    5    6\r\n   Fila 1: [img1  ][img2  ][img3  ]\r\n   Fila 2:      [img4  ][img5  ]\r\n   Fila 3: [img6  ][img7  ][img8  ]\r\n\r\n   PARA A\u00d1ADIR M\u00c1S IM\u00c1GENES:\r\n   Agrega grupos de 5 (el selector nth-child lo detecta solo):\r\n     8  imgs \u2192 patr\u00f3n 3+2+3       (actual)\r\n     13 imgs \u2192 patr\u00f3n 3+2+3+2+3   (+5 im\u00e1genes)\r\n     18 imgs \u2192 patr\u00f3n 3+2+3+2+3+2+3 (+10 im\u00e1genes)\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery img:nth-child(5n - 1) {\r\n  grid-column: 2 \/ span 2;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Hover \/ Focus: rombo \u2192 cuadrado \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.gallery img:hover,\r\n.gallery img:focus-visible {\r\n  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);\r\n  z-index: 1;\r\n  transition:\r\n    clip-path var(--speed-in),\r\n    filter    var(--speed-in);\r\n}\r\n\r\n.gallery img:focus-visible {\r\n  outline: 2px dashed rgba(0,0,0,0.6);\r\n  outline-offset: -4px;\r\n}\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"gallery-wrapper\">\r\n    <article class=\"gallery\">\r\n\r\n      <!--\r\n        \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n        \u2502  IM\u00c1GENES \u2014 Reemplaza el src con tus URLs    \u2502\r\n        \u2502                                              \u2502\r\n        \u2502  Patr\u00f3n 3 + 2 + 3  (= 8 im\u00e1genes)           \u2502\r\n        \u2502  Para extender: agrega grupos de 5 im\u00e1genes  \u2502\r\n        \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n      -->\r\n\r\n      <!-- Fila 1 \u00b7 3 rombos -->\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646448.png\" alt=\"guitar player at concert\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646447.png\" alt=\"duo singing\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646454.png\" alt=\"crowd cheering\" \/>\r\n\r\n      <!-- Fila 2 \u00b7 2 rombos desplazados (img 4 = posici\u00f3n 5n-1) -->\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646446.png\" alt=\"singer performing\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646450.png\" alt=\"singer fistbumping crowd\" \/>\r\n\r\n      <!-- Fila 3 \u00b7 3 rombos -->\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646449.png\" alt=\"man with a guitar singing\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646445.png\" alt=\"crowd looking at a lighted stage\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646452.png\" alt=\"woman singing on stage\" \/>\r\n\r\n      <!--\r\n        \u2500\u2500 Para a\u00f1adir m\u00e1s filas copia el bloque de abajo\r\n           y descomenta (quita los guiones del comentario):\r\n\r\n      < !- - Fila 4 \u00b7 2 rombos desplazados (img 9 = posici\u00f3n 5n-1) - ->\r\n      <img decoding=\"async\" src=\"TU-IMAGEN-9.jpg\"  alt=\"\" \/>\r\n      <img decoding=\"async\" src=\"TU-IMAGEN-10.jpg\" alt=\"\" \/>\r\n\r\n      < !- - Fila 5 \u00b7 3 rombos - ->\r\n      <img decoding=\"async\" src=\"TU-IMAGEN-11.jpg\" alt=\"\" \/>\r\n      <img decoding=\"async\" src=\"TU-IMAGEN-12.jpg\" alt=\"\" \/>\r\n      <img decoding=\"async\" src=\"TU-IMAGEN-13.jpg\" alt=\"\" \/>\r\n      -->\r\n\r\n    <\/article>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1faaea elementor-widget elementor-widget-html\" data-id=\"b1faaea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CARD DE PERFIL CON HOVER DEGRADADO \u2014 ELEMENTOR HTML WIDGET\r\n     Edita SOLO la secci\u00f3n \"VARIABLES DE CONFIGURACI\u00d3N\"\r\n     y la secci\u00f3n \"CONTENIDO \u2014 EDITA EL TEXTO AQU\u00cd\".\r\n     ============================================================ -->\r\n\r\n<style>\r\n\r\n  \/* ============================================================\r\n     \ud83c\udfa8 VARIABLES DE CONFIGURACI\u00d3N \u2014 EDITA AQU\u00cd\r\n     ============================================================ *\/\r\n  .perfil-card-root {\r\n\r\n    \/* --- TAMA\u00d1O DE LA CARD --- *\/\r\n    --card-width: 260px;             \/* Ancho de la card *\/\r\n    --card-height: auto;             \/* Alto: auto = se ajusta al contenido *\/\r\n    --card-radius: 22px;             \/* Redondeo de esquinas *\/\r\n\r\n    \/* --- FONDO (estado normal) --- *\/\r\n    --card-bg-default: #ffffff;      \/* Color de fondo en estado normal *\/\r\n    --card-shadow-default: 0 4px 24px rgba(0,0,0,0.10); \/* Sombra normal *\/\r\n\r\n    \/* --- FONDO (estado hover \u2014 DEGRADADO) --- *\/\r\n    --card-gradient-top: #A98AC9;    \/* Color superior del degradado (p\u00farpura) *\/\r\n    --card-gradient-bottom: #3BAD6A; \/* Color inferior del degradado (verde) *\/\r\n    --card-gradient-angle: 160deg;   \/* \u00c1ngulo del degradado *\/\r\n    --card-shadow-hover: 0 12px 40px rgba(59,173,106,0.30); \/* Sombra hover *\/\r\n\r\n    \/* --- FOTO \/ AVATAR --- *\/\r\n    --foto-size: 120px;              \/* Tama\u00f1o del c\u00edrculo de foto *\/\r\n    --foto-bg-default: #F0EDF5;      \/* Fondo del c\u00edrculo en estado normal *\/\r\n    --foto-bg-hover: rgba(255,255,255,0.20); \/* Fondo del c\u00edrculo en hover *\/\r\n    --foto-icon-color-default: #C8BDD9;   \/* Color del icono c\u00e1mara en normal *\/\r\n    --foto-icon-color-hover: rgba(255,255,255,0.75); \/* Color del icono en hover *\/\r\n\r\n    \/* --- TEXTOS (estado normal) --- *\/\r\n    --nombre-color-default: #2A1F3D;     \/* Color del nombre en estado normal *\/\r\n    --label-foto-color-default: #B0A8BE; \/* Color de la etiqueta \"Tu foto aqu\u00ed\" *\/\r\n    --bio-color-default: #6B6378;        \/* Color de la bio en estado normal *\/\r\n\r\n    \/* --- TEXTOS (estado hover) --- *\/\r\n    --nombre-color-hover: #ffffff;       \/* Color del nombre en hover *\/\r\n    --label-foto-color-hover: rgba(255,255,255,0.70); \/* Etiqueta foto en hover *\/\r\n    --bio-color-hover: rgba(255,255,255,0.90); \/* Color de la bio en hover *\/\r\n\r\n    \/* --- TIPOGRAF\u00cdA --- *\/\r\n    --font-family: 'Inter', 'Segoe UI', sans-serif;\r\n    --nombre-font-size: 18px;        \/* Tama\u00f1o del nombre *\/\r\n    --nombre-font-weight: 700;       \/* Grosor del nombre *\/\r\n    --bio-font-size: 13px;           \/* Tama\u00f1o de la bio *\/\r\n    --bio-line-height: 1.65;         \/* Interlineado de la bio *\/\r\n    --label-font-size: 12px;         \/* Tama\u00f1o de \"Tu foto aqu\u00ed\" *\/\r\n\r\n    \/* --- BOTONES SOCIALES (estado normal) --- *\/\r\n    --btn-border-default: #D8D0E4;   \/* Borde de los botones en estado normal *\/\r\n    --btn-text-default: #6B6378;     \/* Texto de los botones en estado normal *\/\r\n    --btn-bg-default: transparent;   \/* Fondo de los botones en estado normal *\/\r\n\r\n    \/* --- BOTONES SOCIALES (estado hover) --- *\/\r\n    --btn-border-hover: rgba(255,255,255,0.50); \/* Borde de los botones en hover *\/\r\n    --btn-text-hover: #ffffff;       \/* Texto de los botones en hover *\/\r\n    --btn-bg-hover: rgba(255,255,255,0.10);    \/* Fondo de los botones en hover *\/\r\n\r\n    \/* --- TRANSICIONES --- *\/\r\n    --transition-speed: 0.45s;       \/* Velocidad de la transici\u00f3n *\/\r\n    --transition-easing: ease;       \/* Tipo de animaci\u00f3n: ease | ease-in-out | linear *\/\r\n  }\r\n\r\n  \/* ============================================================\r\n     \u2699\ufe0f ESTILOS BASE \u2014 NO EDITAR (a menos que sepas CSS)\r\n     ============================================================ *\/\r\n\r\n  .perfil-card-root {\r\n    position: relative;\r\n    width: var(--card-width);\r\n    font-family: var(--font-family);\r\n    -webkit-user-select: none;\r\n    user-select: none;\r\n  }\r\n\r\n  .perfil-card-inner {\r\n    background: var(--card-bg-default);\r\n    border-radius: var(--card-radius);\r\n    box-shadow: var(--card-shadow-default);\r\n    padding: 28px 20px 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0;\r\n    overflow: hidden;\r\n    transition:\r\n      background var(--transition-speed) var(--transition-easing),\r\n      box-shadow var(--transition-speed) var(--transition-easing);\r\n    cursor: default;\r\n  }\r\n\r\n  \/* --- Hover: activa el degradado --- *\/\r\n  .perfil-card-root:hover .perfil-card-inner {\r\n    background: linear-gradient(\r\n      var(--card-gradient-angle),\r\n      var(--card-gradient-top) 0%,\r\n      var(--card-gradient-bottom) 100%\r\n    );\r\n    box-shadow: var(--card-shadow-hover);\r\n  }\r\n\r\n  \/* --- C\u00edrculo de foto --- *\/\r\n  .perfil-foto-wrap {\r\n    width: var(--foto-size);\r\n    height: var(--foto-size);\r\n    border-radius: 50%;\r\n    background: var(--foto-bg-default);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 12px;\r\n    flex-shrink: 0;\r\n    transition: background var(--transition-speed) var(--transition-easing);\r\n  }\r\n\r\n  .perfil-card-root:hover .perfil-foto-wrap {\r\n    background: var(--foto-bg-hover);\r\n  }\r\n\r\n  \/* Imagen real (cuando se reemplaza el placeholder) *\/\r\n  .perfil-foto-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n    display: block;\r\n  }\r\n\r\n  \/* Icono c\u00e1mara (placeholder) *\/\r\n  .perfil-foto-icon {\r\n    color: var(--foto-icon-color-default);\r\n    transition: color var(--transition-speed) var(--transition-easing);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .perfil-card-root:hover .perfil-foto-icon {\r\n    color: var(--foto-icon-color-hover);\r\n  }\r\n\r\n  \/* --- Etiqueta \"Tu foto aqu\u00ed\" --- *\/\r\n  .perfil-foto-label {\r\n    text-align: center;\r\n    margin-bottom: 18px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .perfil-foto-label .label-main {\r\n    display: block;\r\n    font-size: var(--label-font-size);\r\n    font-weight: 600;\r\n    color: var(--label-foto-color-default);\r\n    transition: color var(--transition-speed) var(--transition-easing);\r\n  }\r\n\r\n  .perfil-foto-label .label-sub {\r\n    display: block;\r\n    font-size: 11px;\r\n    color: var(--label-foto-color-default);\r\n    opacity: 0.75;\r\n    transition: color var(--transition-speed) var(--transition-easing);\r\n  }\r\n\r\n  .perfil-card-root:hover .perfil-foto-label .label-main,\r\n  .perfil-card-root:hover .perfil-foto-label .label-sub {\r\n    color: var(--label-foto-color-hover);\r\n  }\r\n\r\n  \/* --- Bloque de texto (nombre + bio) --- *\/\r\n  .perfil-texto {\r\n    width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  .perfil-nombre {\r\n    font-size: var(--nombre-font-size);\r\n    font-weight: var(--nombre-font-weight);\r\n    color: var(--nombre-color-default);\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.25;\r\n    transition: color var(--transition-speed) var(--transition-easing);\r\n  }\r\n\r\n  .perfil-card-root:hover .perfil-nombre {\r\n    color: var(--nombre-color-hover);\r\n  }\r\n\r\n  .perfil-bio {\r\n    font-size: var(--bio-font-size);\r\n    color: var(--bio-color-default);\r\n    line-height: var(--bio-line-height);\r\n    margin: 0;\r\n    transition: color var(--transition-speed) var(--transition-easing);\r\n  }\r\n\r\n  .perfil-card-root:hover .perfil-bio {\r\n    color: var(--bio-color-hover);\r\n  }\r\n\r\n  \/* --- Botones sociales --- *\/\r\n  .perfil-social {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-top: 20px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    width: 100%;\r\n  }\r\n\r\n  .perfil-social-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    padding: 6px 12px;\r\n    border-radius: 50px;\r\n    border: 1.5px solid var(--btn-border-default);\r\n    background: var(--btn-bg-default);\r\n    color: var(--btn-text-default);\r\n    font-size: 11.5px;\r\n    font-family: var(--font-family);\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition:\r\n      border-color var(--transition-speed) var(--transition-easing),\r\n      color var(--transition-speed) var(--transition-easing),\r\n      background var(--transition-speed) var(--transition-easing);\r\n  }\r\n\r\n  .perfil-card-root:hover .perfil-social-btn {\r\n    border-color: var(--btn-border-hover);\r\n    color: var(--btn-text-hover);\r\n    background: var(--btn-bg-hover);\r\n  }\r\n\r\n  .perfil-social-btn svg {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n     \u270f\ufe0f CONTENIDO \u2014 EDITA EL TEXTO AQU\u00cd\r\n     ============================================================ -->\r\n<div class=\"perfil-card-root\">\r\n  <div class=\"perfil-card-inner\">\r\n\r\n    <!-- \u2500\u2500 FOTO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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         OPCI\u00d3N A) Placeholder (\u00edcono c\u00e1mara) \u2192 dejar como est\u00e1\r\n         OPCI\u00d3N B) Foto real \u2192 reemplaza todo el <div class=\"perfil-foto-wrap\">\r\n                  con: <div class=\"perfil-foto-wrap\"><img decoding=\"async\" src=\"URL-DE-TU-FOTO\" alt=\"Nombre\"><\/div>\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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=\"perfil-foto-wrap\">\r\n      <svg class=\"perfil-foto-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n           width=\"42\" height=\"42\" viewBox=\"0 0 24 24\"\r\n           fill=\"none\" stroke=\"currentColor\"\r\n           stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/>\r\n        <circle cx=\"12\" cy=\"13\" r=\"4\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- Etiqueta bajo la foto (puedes borrarla si usas foto real) -->\r\n    <div class=\"perfil-foto-label\">\r\n      <span class=\"label-main\">Tu foto aqu\u00ed<\/span>\r\n      <span class=\"label-sub\">300 \u00d7 400 px recomendado<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 NOMBRE Y BIO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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=\"perfil-texto\">\r\n      <p class=\"perfil-nombre\">Emma Clarke<\/p>\r\n      <p class=\"perfil-bio\">Emma is a Creative Director with a sharp eye for design systems, brand identity, and storytelling. She brings a unique blend of artistic vision and strategic thinking to every project she leads with her team.<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 REDES SOCIALES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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=\"perfil-social\">\r\n\r\n      <!-- LinkedIn -->\r\n      <a href=\"#\" class=\"perfil-social-btn\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/>\r\n          <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/>\r\n        <\/svg>\r\n        LinkedIn\r\n      <\/a>\r\n\r\n      <!-- X \/ Twitter -->\r\n      <a href=\"#\" class=\"perfil-social-btn\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n        <\/svg>\r\n        Twitter\r\n      <\/a>\r\n\r\n      <!-- Instagram -->\r\n      <a href=\"#\" class=\"perfil-social-btn\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n             stroke=\"currentColor\" stroke-width=\"2\"\r\n             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/>\r\n          <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/>\r\n          <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/>\r\n        <\/svg>\r\n        Instagram\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f98d06 e-con-full e-flex e-con e-child\" data-id=\"0f98d06\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151e3da elementor-widget elementor-widget-html\" data-id=\"151e3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n     \u2551   TARJETAS PERFIL \u2014 HTML WIDGET DE ELEMENTOR                    \u2551\r\n     \u2551   ANTES de pegar esto, aseg\u00farate de haber pegado el CSS         \u2551\r\n     \u2551   en: Elementor \u2192 Site Settings \u2192 Custom CSS                    \u2551\r\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n\r\n<div class=\"prf2-cards\">\r\n\r\n\r\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n     \u2551  \ud83c\udccf TARJETA 1  \u2014  Edita nombre, bio, foto y enlaces aqu\u00ed        \u2551\r\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n<div class=\"prf2-card\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       \ud83d\udcf8 IMAGEN\r\n       Opci\u00f3n A \u2013 con foto real (recomendado):\r\n         Borra el bloque <svg>\u2026<\/svg> y escribe:\r\n         <img decoding=\"async\" src=\"URL-DE-TU-FOTO.jpg\" alt=\"Nombre\">\r\n\r\n       Opci\u00f3n B \u2013 mant\u00e9n el placeholder SVG\r\n         hasta tener la foto lista.\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"prf2-img-wrap\"><div class=\"prf2-img-inner\">\r\n    <img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/03\/Rectangle-34646448.png\" alt=\"Nombre\">\r\n      <defs><linearGradient id=\"pg1\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#a8c4d3\"\/><stop offset=\"100%\" stop-color=\"#6e9eb5\"\/>\r\n      <\/linearGradient><\/defs>\r\n      <rect width=\"300\" height=\"400\" fill=\"url(#pg1)\"\/>\r\n      <ellipse cx=\"150\" cy=\"130\" rx=\"58\" ry=\"62\" fill=\"rgba(255,255,255,0.25)\"\/>\r\n      <ellipse cx=\"150\" cy=\"380\" rx=\"120\" ry=\"110\" fill=\"rgba(255,255,255,0.18)\"\/>\r\n      <rect x=\"124\" y=\"107\" width=\"52\" height=\"38\" rx=\"6\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2.5\"\/>\r\n      <circle cx=\"150\" cy=\"126\" r=\"10\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2.5\"\/>\r\n      <circle cx=\"167\" cy=\"112\" r=\"3.5\" fill=\"rgba(255,255,255,0.65)\"\/>\r\n      <text x=\"150\" y=\"182\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"rgba(255,255,255,0.72)\">Tu foto aqu\u00ed<\/text>\r\n      <text x=\"150\" y=\"200\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"10\" fill=\"rgba(255,255,255,0.45)\">300 \u00d7 400 px recomendado<\/text>\r\n    <\/svg>\r\n  <\/div><\/div>\r\n\r\n  <div class=\"prf2-body\">\r\n\r\n    <!-- \u270f\ufe0f NOMBRE \u2014 Cambia el texto entre las etiquetas -->\r\n    <div class=\"prf2-name\">Sophie Bennett<\/div>\r\n\r\n    <!-- \u270f\ufe0f BIO \u2014 Cambia el texto de la descripci\u00f3n -->\r\n    <p class=\"prf2-bio\">Sophie is a seasoned professional with expertise in leading cross-functional teams, driving innovation, and delivering exceptional results. She is passionate about leveraging technology to solve complex business challenges.<\/p>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n         \ud83d\udd17 BOTONES DE REDES SOCIALES\r\n         Cada bot\u00f3n tiene 3 cosas editables:\r\n           1. href=\"...\"   \u2192 URL de la red social\r\n           2. \u00cdcono SVG    \u2192 c\u00e1mbialo por el \u00edcono que quieras\r\n           3. Texto        \u2192 el nombre que aparece en el bot\u00f3n\r\n\r\n         \u00bfC\u00f3mo cambiar el \u00edcono?\r\n         \u2192 Ve a https:\/\/simpleicons.org o https:\/\/heroicons.com\r\n         \u2192 Copia el SVG y reemplaza el bloque <svg>...<\/svg>\r\n         \u2192 Aseg\u00farate de que el SVG nuevo tenga viewBox definido\r\n\r\n         \u00bfQuieres solo 2 botones?\r\n         \u2192 Borra un bloque completo <a class=\"prf2-btn\">...<\/a>\r\n\r\n         \u00bfQuieres un bot\u00f3n sin \u00edcono?\r\n         \u2192 Borra solo el bloque <svg>...<\/svg> del bot\u00f3n\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"prf2-socials\">\r\n\r\n      <!-- BOT\u00d3N 1 \u2192 cambia href, \u00edcono y texto -->\r\n      <a href=\"https:\/\/linkedin.com\/in\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <!-- \u00cdcono LinkedIn -->\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zm1.78 13.02H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45C23.2 24 24 23.23 24 22.27V1.73C24 .77 23.2 0 22.22 0z\"\/>\r\n        <\/svg>\r\n        LinkedIn <!-- \u2190 Texto del bot\u00f3n -->\r\n      <\/a>\r\n\r\n      <!-- BOT\u00d3N 2 \u2192 cambia href, \u00edcono y texto -->\r\n      <a href=\"https:\/\/twitter.com\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <!-- \u00cdcono X \/ Twitter -->\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M18.24 2.25h3.31l-7.23 8.26 8.5 11.24H16.17l-4.71-6.23-5.4 6.23H2.74l7.73-8.84L1.25 2.25H8.08l4.25 5.62 5.91-5.62zm-1.16 17.52h1.83L7.08 4.13H5.12z\"\/>\r\n        <\/svg>\r\n        Twitter <!-- \u2190 Texto del bot\u00f3n -->\r\n      <\/a>\r\n\r\n      <!-- BOT\u00d3N 3 \u2192 cambia href, \u00edcono y texto -->\r\n      <a href=\"https:\/\/instagram.com\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <!-- \u00cdcono Instagram -->\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85 0 3.2-.01 3.58-.07 4.85-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07-3.2 0-3.58-.01-4.85-.07C3.68 21.61 2.16 20.07 2 16.85 1.94 15.58 1.93 15.2 1.93 12c0-3.2.01-3.58.07-4.85C2.16 3.9 3.7 2.36 6.93 2.23 8.2 2.17 8.58 2.16 12 2.16zM12 0C8.74 0 8.33.01 7.05.07 2.7.27.27 2.7.07 7.05.01 8.33 0 8.74 0 12c0 3.26.01 3.67.07 4.95.2 4.36 2.62 6.78 6.98 6.98C8.33 23.99 8.74 24 12 24c3.26 0 3.67-.01 4.95-.07 4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95 0-3.26-.01-3.67-.07-4.95C23.73 2.7 21.3.27 16.95.07 15.67.01 15.26 0 12 0zm0 5.84a6.16 6.16 0 1 0 0 12.32A6.16 6.16 0 0 0 12 5.84zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.85a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88z\"\/>\r\n        <\/svg>\r\n        Instagram <!-- \u2190 Texto del bot\u00f3n -->\r\n      <\/a>\r\n\r\n    <\/div><!-- fin botones -->\r\n  <\/div><!-- fin body -->\r\n<\/div>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FIN TARJETA 1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n\r\n\r\n\r\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n     \u2551  \ud83c\udccf TARJETA 2  \u2014  Edita nombre, bio, foto y enlaces aqu\u00ed        \u2551\r\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n<div class=\"prf2-card\">\r\n\r\n  <!-- \ud83d\udcf8 IMAGEN \u2014 reemplaza el SVG con tu <img> cuando tengas la foto -->\r\n  <div class=\"prf2-img-wrap\"><div class=\"prf2-img-inner\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 400\" preserveAspectRatio=\"xMidYMid slice\">\r\n      <defs><linearGradient id=\"pg2\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#d0c0e0\"\/><stop offset=\"100%\" stop-color=\"#9a79be\"\/>\r\n      <\/linearGradient><\/defs>\r\n      <rect width=\"300\" height=\"400\" fill=\"url(#pg2)\"\/>\r\n      <ellipse cx=\"150\" cy=\"130\" rx=\"58\" ry=\"62\" fill=\"rgba(255,255,255,0.25)\"\/>\r\n      <ellipse cx=\"150\" cy=\"380\" rx=\"120\" ry=\"110\" fill=\"rgba(255,255,255,0.18)\"\/>\r\n      <rect x=\"124\" y=\"107\" width=\"52\" height=\"38\" rx=\"6\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2.5\"\/>\r\n      <circle cx=\"150\" cy=\"126\" r=\"10\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2.5\"\/>\r\n      <circle cx=\"167\" cy=\"112\" r=\"3.5\" fill=\"rgba(255,255,255,0.65)\"\/>\r\n      <text x=\"150\" y=\"182\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"rgba(255,255,255,0.72)\">Tu foto aqu\u00ed<\/text>\r\n      <text x=\"150\" y=\"200\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"10\" fill=\"rgba(255,255,255,0.45)\">300 \u00d7 400 px recomendado<\/text>\r\n    <\/svg>\r\n  <\/div><\/div>\r\n\r\n  <div class=\"prf2-body\">\r\n    <!-- \u270f\ufe0f NOMBRE -->\r\n    <div class=\"prf2-name\">Emma Clarke<\/div>\r\n    <!-- \u270f\ufe0f BIO -->\r\n    <p class=\"prf2-bio\">Emma is a Creative Director with a sharp eye for design systems, brand identity, and storytelling. She brings a unique blend of artistic vision and strategic thinking to every project she leads with her team.<\/p>\r\n    <!-- \ud83d\udd17 BOTONES -->\r\n    <div class=\"prf2-socials\">\r\n      <a href=\"https:\/\/linkedin.com\/in\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zm1.78 13.02H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45C23.2 24 24 23.23 24 22.27V1.73C24 .77 23.2 0 22.22 0z\"\/><\/svg>\r\n        LinkedIn\r\n      <\/a>\r\n      <a href=\"https:\/\/twitter.com\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.24 2.25h3.31l-7.23 8.26 8.5 11.24H16.17l-4.71-6.23-5.4 6.23H2.74l7.73-8.84L1.25 2.25H8.08l4.25 5.62 5.91-5.62zm-1.16 17.52h1.83L7.08 4.13H5.12z\"\/><\/svg>\r\n        Twitter\r\n      <\/a>\r\n      <a href=\"https:\/\/instagram.com\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85 0 3.2-.01 3.58-.07 4.85-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07-3.2 0-3.58-.01-4.85-.07C3.68 21.61 2.16 20.07 2 16.85 1.94 15.58 1.93 15.2 1.93 12c0-3.2.01-3.58.07-4.85C2.16 3.9 3.7 2.36 6.93 2.23 8.2 2.17 8.58 2.16 12 2.16zM12 0C8.74 0 8.33.01 7.05.07 2.7.27.27 2.7.07 7.05.01 8.33 0 8.74 0 12c0 3.26.01 3.67.07 4.95.2 4.36 2.62 6.78 6.98 6.98C8.33 23.99 8.74 24 12 24c3.26 0 3.67-.01 4.95-.07 4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95 0-3.26-.01-3.67-.07-4.95C23.73 2.7 21.3.27 16.95.07 15.67.01 15.26 0 12 0zm0 5.84a6.16 6.16 0 1 0 0 12.32A6.16 6.16 0 0 0 12 5.84zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.85a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88z\"\/><\/svg>\r\n        Instagram\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FIN TARJETA 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n\r\n\r\n\r\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n     \u2551  \ud83c\udccf TARJETA 3  \u2014  Edita nombre, bio, foto y enlaces aqu\u00ed        \u2551\r\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n<div class=\"prf2-card\">\r\n\r\n  <!-- \ud83d\udcf8 IMAGEN \u2014 reemplaza el SVG con tu <img> cuando tengas la foto -->\r\n  <div class=\"prf2-img-wrap\"><div class=\"prf2-img-inner\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 400\" preserveAspectRatio=\"xMidYMid slice\">\r\n      <defs><linearGradient id=\"pg3\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#b5d9c5\"\/><stop offset=\"100%\" stop-color=\"#5a9c79\"\/>\r\n      <\/linearGradient><\/defs>\r\n      <rect width=\"300\" height=\"400\" fill=\"url(#pg3)\"\/>\r\n      <ellipse cx=\"150\" cy=\"130\" rx=\"58\" ry=\"62\" fill=\"rgba(255,255,255,0.25)\"\/>\r\n      <ellipse cx=\"150\" cy=\"380\" rx=\"120\" ry=\"110\" fill=\"rgba(255,255,255,0.18)\"\/>\r\n      <rect x=\"124\" y=\"107\" width=\"52\" height=\"38\" rx=\"6\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2.5\"\/>\r\n      <circle cx=\"150\" cy=\"126\" r=\"10\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2.5\"\/>\r\n      <circle cx=\"167\" cy=\"112\" r=\"3.5\" fill=\"rgba(255,255,255,0.65)\"\/>\r\n      <text x=\"150\" y=\"182\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"rgba(255,255,255,0.72)\">Tu foto aqu\u00ed<\/text>\r\n      <text x=\"150\" y=\"200\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"10\" fill=\"rgba(255,255,255,0.45)\">300 \u00d7 400 px recomendado<\/text>\r\n    <\/svg>\r\n  <\/div><\/div>\r\n\r\n  <div class=\"prf2-body\">\r\n    <!-- \u270f\ufe0f NOMBRE -->\r\n    <div class=\"prf2-name\">Mia Torres<\/div>\r\n    <!-- \u270f\ufe0f BIO -->\r\n    <p class=\"prf2-bio\">Mia is a UX Researcher with a deep passion for human-centered design. She translates complex user behaviors into actionable insights that drive meaningful product decisions and truly inclusive digital experiences.<\/p>\r\n    <!-- \ud83d\udd17 BOTONES -->\r\n    <div class=\"prf2-socials\">\r\n      <a href=\"https:\/\/linkedin.com\/in\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zm1.78 13.02H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45C23.2 24 24 23.23 24 22.27V1.73C24 .77 23.2 0 22.22 0z\"\/><\/svg>\r\n        LinkedIn\r\n      <\/a>\r\n      <a href=\"https:\/\/twitter.com\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.24 2.25h3.31l-7.23 8.26 8.5 11.24H16.17l-4.71-6.23-5.4 6.23H2.74l7.73-8.84L1.25 2.25H8.08l4.25 5.62 5.91-5.62zm-1.16 17.52h1.83L7.08 4.13H5.12z\"\/><\/svg>\r\n        Twitter\r\n      <\/a>\r\n      <a href=\"https:\/\/instagram.com\/tu-usuario\" target=\"_blank\" class=\"prf2-btn\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85 0 3.2-.01 3.58-.07 4.85-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07-3.2 0-3.58-.01-4.85-.07C3.68 21.61 2.16 20.07 2 16.85 1.94 15.58 1.93 15.2 1.93 12c0-3.2.01-3.58.07-4.85C2.16 3.9 3.7 2.36 6.93 2.23 8.2 2.17 8.58 2.16 12 2.16zM12 0C8.74 0 8.33.01 7.05.07 2.7.27.27 2.7.07 7.05.01 8.33 0 8.74 0 12c0 3.26.01 3.67.07 4.95.2 4.36 2.62 6.78 6.98 6.98C8.33 23.99 8.74 24 12 24c3.26 0 3.67-.01 4.95-.07 4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95 0-3.26-.01-3.67-.07-4.95C23.73 2.7 21.3.27 16.95.07 15.67.01 15.26 0 12 0zm0 5.84a6.16 6.16 0 1 0 0 12.32A6.16 6.16 0 0 0 12 5.84zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.85a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88z\"\/><\/svg>\r\n        Instagram\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FIN TARJETA 3 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n\r\n<\/div><!-- fin .prf2-cards -->\r\n\r\n\r\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n     \u2551  \u2795 \u00bfC\u00d3MO AGREGAR UNA TARJETA M\u00c1S?                           \u2551\r\n     \u2551  Copia todo el bloque entre                                   \u2551\r\n     \u2551  \"\ud83c\udccf TARJETA X\" y \"FIN TARJETA X\"                            \u2551\r\n     \u2551  y p\u00e9galo antes del cierre de <\/div> fin .prf2-cards          \u2551\r\n     \u2551  Recuerda cambiar el id del gradiente SVG (pg4, pg5, etc.)    \u2551\r\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43b6d09 e-con-full e-flex e-con e-child\" data-id=\"43b6d09\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f42e354 e-con-full e-flex e-con e-child\" data-id=\"f42e354\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f235fdc elementor-widget elementor-widget-html\" data-id=\"f235fdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     TARJETAS PERFIL v2 \u2013 Para Elementor HTML Widget\r\n     ============================================================\r\n     INSTRUCCIONES ELEMENTOR:\r\n     1. Agrega un widget \"HTML\" donde quieras las tarjetas\r\n     2. Pega TODO este c\u00f3digo dentro del widget\r\n     ============================================================ -->\r\n\r\n<!-- \u2500\u2500 ESTILOS \u2500\u2500 -->\r\n<style>\r\n\/* ============================================================\r\n   ZONA DE CONFIGURACI\u00d3N \u2013 edita solo aqu\u00ed\r\n   ============================================================ *\/\r\n.prf-cards {\r\n  \/* Dimensiones tarjeta *\/\r\n  --card-w:           300px;\r\n  --card-h:           534px;\r\n  --card-radius:      20px;\r\n  --card-padding:     10px;\r\n  --card-gap:         80px;\r\n\r\n  \/* Imagen *\/\r\n  --img-radius:       14px;\r\n  --img-bg:           #90B2C4;   \/* color placeholder mientras carga la foto *\/\r\n\r\n  \/* Overlay en hover *\/\r\n  --overlay:          linear-gradient(to bottom, transparent 20%, rgba(0,0,0,0.55) 70%);\r\n\r\n  \/* Colores de texto *\/\r\n  --c-name:           #111;\r\n  --c-bio:            #111;\r\n  --c-light:          #fff;\r\n\r\n  \/* Botones de redes *\/\r\n  --btn-bg:           #101010;\r\n  --btn-color:        #F2F2F2;\r\n  --btn-radius:       10px;\r\n\r\n  \/* Animaci\u00f3n *\/\r\n  --speed:            0.5s;\r\n  --ease:             cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\/* ============================================================ *\/\r\n\r\n\/* Reset m\u00ednimo *\/\r\n.prf-cards *,\r\n.prf-cards *::before,\r\n.prf-cards *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* Wrapper general *\/\r\n.prf-cards {\r\n  display: flex;\r\n  gap: var(--card-gap);\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n  padding: 20px 0;\r\n}\r\n\r\n\/* \u2500\u2500 Tarjeta base \u2500\u2500 *\/\r\n.prf-card {\r\n  position: relative;\r\n  width: var(--card-w);\r\n  height: var(--card-h);\r\n  max-width: var(--card-w);\r\n  min-width: 234px;\r\n  padding: var(--card-padding);\r\n  background: #fff;\r\n  border-radius: var(--card-radius);\r\n  box-shadow: 0 4px 15px rgba(177, 177, 177, 0.25);\r\n  outline: 1px solid #EBEBEB;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  transition:\r\n    box-shadow var(--speed) var(--ease),\r\n    transform  var(--speed) var(--ease);\r\n}\r\n\r\n.prf-card:hover {\r\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* Layout interno *\/\r\n.prf-inner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  gap: 20px;\r\n}\r\n\r\n\/* \u2500\u2500 ZONA IMAGEN \u2500\u2500 *\/\r\n.prf-img-wrap {\r\n  position: relative;\r\n  flex: 1 1 0;\r\n  max-height: 298px;\r\n  min-height: 280px;\r\n  border-radius: var(--img-radius);\r\n  background: var(--img-bg);\r\n  overflow: hidden;\r\n  transition: border-radius var(--speed) var(--ease);\r\n}\r\n\r\n\/* La imagen cubre todo el contenedor *\/\r\n.prf-img-wrap img,\r\n.prf-img-wrap svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  transition: transform var(--speed) var(--ease);\r\n}\r\n\r\n.prf-card:hover .prf-img-wrap img,\r\n.prf-card:hover .prf-img-wrap svg {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* Overlay de hover sobre la imagen *\/\r\n.prf-img-wrap::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--overlay);\r\n  opacity: 0;\r\n  transition: opacity var(--speed) var(--ease);\r\n  pointer-events: none;\r\n}\r\n\r\n.prf-card:hover .prf-img-wrap::after {\r\n  opacity: 1;\r\n}\r\n\r\n\/* \u2500\u2500 ZONA CONTENIDO \u2500\u2500 *\/\r\n.prf-body {\r\n  flex: 1 1 0;\r\n  padding-bottom: 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n}\r\n\r\n\/* Nombre *\/\r\n.prf-name {\r\n  align-self: stretch;\r\n  color: var(--c-name);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  transition: color var(--speed) var(--ease);\r\n}\r\n\r\n\/* Bio *\/\r\n.prf-bio {\r\n  flex: 1 1 0;\r\n  align-self: stretch;\r\n  color: var(--c-bio);\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n  transition: color var(--speed) var(--ease);\r\n}\r\n\r\n\/* \u2500\u2500 BOTONES REDES \u2500\u2500 *\/\r\n.prf-socials {\r\n  align-self: stretch;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  flex-wrap: wrap;\r\n  align-content: center;\r\n  max-height: 28px;\r\n}\r\n\r\n.prf-social-btn {\r\n  flex: 1 1 0;\r\n  height: 28px;\r\n  padding: 0 10px;\r\n  background: var(--btn-bg);\r\n  color: var(--btn-color);\r\n  border: none;\r\n  border-radius: var(--btn-radius);\r\n  font-family: inherit;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  text-decoration: none;\r\n  transition:\r\n    background    var(--speed) var(--ease),\r\n    transform     0.15s ease,\r\n    opacity       var(--speed) var(--ease);\r\n}\r\n\r\n.prf-social-btn:hover {\r\n  transform: scale(1.05);\r\n  opacity: 0.85;\r\n}\r\n\r\n\/* \u00cdcono SVG dentro del bot\u00f3n *\/\r\n.prf-social-btn svg {\r\n  width: 11px;\r\n  height: 11px;\r\n  fill: var(--btn-color);\r\n  flex-shrink: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- \u2500\u2500 HTML \u2500\u2500 -->\r\n<div class=\"prf-cards\">\r\n\r\n  <!-- \u2550\u2550 TARJETA 1 \u2550\u2550 -->\r\n  <div class=\"prf-card\">\r\n    <div class=\"prf-inner\">\r\n\r\n      <div class=\"prf-img-wrap\">\r\n        <!-- PLACEHOLDER \u2013 reemplaza el bloque <svg> con:\r\n             <img decoding=\"async\" src=\"URL-DE-TU-FOTO.jpg\" alt=\"Sophie Bennett\"> -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 300\" preserveAspectRatio=\"xMidYMid slice\">\r\n          <defs>\r\n            <linearGradient id=\"ph1\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#a8c4d3\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#6e9eb5\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <rect width=\"300\" height=\"300\" fill=\"url(#ph1)\"\/>\r\n          <ellipse cx=\"150\" cy=\"110\" rx=\"50\" ry=\"54\" fill=\"rgba(255,255,255,0.25)\"\/>\r\n          <ellipse cx=\"150\" cy=\"330\" rx=\"120\" ry=\"100\" fill=\"rgba(255,255,255,0.18)\"\/>\r\n          <rect x=\"126\" y=\"89\" width=\"48\" height=\"34\" rx=\"5\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2\"\/>\r\n          <circle cx=\"150\" cy=\"107\" r=\"9\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2\"\/>\r\n          <circle cx=\"165\" cy=\"94\" r=\"3\" fill=\"rgba(255,255,255,0.65)\"\/>\r\n          <text x=\"150\" y=\"160\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"11\" font-weight=\"600\" fill=\"rgba(255,255,255,0.7)\">Tu foto aqu\u00ed<\/text>\r\n          <text x=\"150\" y=\"176\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"9\" fill=\"rgba(255,255,255,0.45)\">300 \u00d7 300 px recomendado<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"prf-body\">\r\n        <div class=\"prf-name\">Sophie Bennett<\/div>\r\n        <p class=\"prf-bio\">Sophie is a seasoned professional with expertise in leading cross-functional teams, driving innovation, and delivering exceptional results. She is passionate about leveraging technology to solve complex business challenges and create value for stakeholders.<\/p>\r\n        <div class=\"prf-socials\">\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n            LinkedIn\r\n          <\/a>\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.911-5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n            Twitter \/ X\r\n          <\/a>\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n            Instagram\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div><!-- fin tarjeta 1 -->\r\n\r\n\r\n  <!-- \u2550\u2550 TARJETA 2 \u2550\u2550 -->\r\n  <div class=\"prf-card\">\r\n    <div class=\"prf-inner\">\r\n\r\n      <div class=\"prf-img-wrap\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 300\" preserveAspectRatio=\"xMidYMid slice\">\r\n          <defs>\r\n            <linearGradient id=\"ph2\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#d0c0e0\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#9a79be\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <rect width=\"300\" height=\"300\" fill=\"url(#ph2)\"\/>\r\n          <ellipse cx=\"150\" cy=\"110\" rx=\"50\" ry=\"54\" fill=\"rgba(255,255,255,0.25)\"\/>\r\n          <ellipse cx=\"150\" cy=\"330\" rx=\"120\" ry=\"100\" fill=\"rgba(255,255,255,0.18)\"\/>\r\n          <rect x=\"126\" y=\"89\" width=\"48\" height=\"34\" rx=\"5\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2\"\/>\r\n          <circle cx=\"150\" cy=\"107\" r=\"9\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2\"\/>\r\n          <circle cx=\"165\" cy=\"94\" r=\"3\" fill=\"rgba(255,255,255,0.65)\"\/>\r\n          <text x=\"150\" y=\"160\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"11\" font-weight=\"600\" fill=\"rgba(255,255,255,0.7)\">Tu foto aqu\u00ed<\/text>\r\n          <text x=\"150\" y=\"176\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"9\" fill=\"rgba(255,255,255,0.45)\">300 \u00d7 300 px recomendado<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"prf-body\">\r\n        <div class=\"prf-name\">Emma Clarke<\/div>\r\n        <p class=\"prf-bio\">Emma is a Creative Director with a sharp eye for design systems, brand identity, and storytelling. She brings a unique blend of artistic vision and strategic thinking to every project she leads.<\/p>\r\n        <div class=\"prf-socials\">\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n            LinkedIn\r\n          <\/a>\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.911-5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n            Twitter \/ X\r\n          <\/a>\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n            Instagram\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div><!-- fin tarjeta 2 -->\r\n\r\n\r\n  <!-- \u2550\u2550 TARJETA 3 \u2550\u2550 -->\r\n  <div class=\"prf-card\">\r\n    <div class=\"prf-inner\">\r\n\r\n      <div class=\"prf-img-wrap\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 300\" preserveAspectRatio=\"xMidYMid slice\">\r\n          <defs>\r\n            <linearGradient id=\"ph3\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#b5d9c5\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#5a9c79\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <rect width=\"300\" height=\"300\" fill=\"url(#ph3)\"\/>\r\n          <ellipse cx=\"150\" cy=\"110\" rx=\"50\" ry=\"54\" fill=\"rgba(255,255,255,0.25)\"\/>\r\n          <ellipse cx=\"150\" cy=\"330\" rx=\"120\" ry=\"100\" fill=\"rgba(255,255,255,0.18)\"\/>\r\n          <rect x=\"126\" y=\"89\" width=\"48\" height=\"34\" rx=\"5\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2\"\/>\r\n          <circle cx=\"150\" cy=\"107\" r=\"9\" fill=\"none\" stroke=\"rgba(255,255,255,0.65)\" stroke-width=\"2\"\/>\r\n          <circle cx=\"165\" cy=\"94\" r=\"3\" fill=\"rgba(255,255,255,0.65)\"\/>\r\n          <text x=\"150\" y=\"160\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"11\" font-weight=\"600\" fill=\"rgba(255,255,255,0.7)\">Tu foto aqu\u00ed<\/text>\r\n          <text x=\"150\" y=\"176\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"9\" fill=\"rgba(255,255,255,0.45)\">300 \u00d7 300 px recomendado<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"prf-body\">\r\n        <div class=\"prf-name\">Mia Torres<\/div>\r\n        <p class=\"prf-bio\">Mia is a UX Researcher with a deep passion for human-centered design. She translates complex user behaviors into actionable insights that drive meaningful product decisions and inclusive experiences.<\/p>\r\n        <div class=\"prf-socials\">\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n            LinkedIn\r\n          <\/a>\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.911-5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n            Twitter \/ X\r\n          <\/a>\r\n          <a href=\"#\" class=\"prf-social-btn\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n            Instagram\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div><!-- fin tarjeta 3 -->\r\n\r\n<\/div><!-- fin .prf-cards -->\r\n\r\n<!--\r\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n\u2551  C\u00d3MO PERSONALIZAR CADA TARJETA                     \u2551\r\n\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\r\n\u2551  IMAGEN:                                             \u2551\r\n\u2551  Borra el bloque <svg>...<\/svg> y pon:               \u2551\r\n\u2551  <img decoding=\"async\" src=\"https:\/\/tu-sitio.com\/foto.jpg\"            \u2551\r\n\u2551       alt=\"Nombre\">                                  \u2551\r\n\u2551                                                      \u2551\r\n\u2551  BOTONES (href):                                     \u2551\r\n\u2551  Cambia href=\"#\" por la URL real de cada red         \u2551\r\n\u2551  Ejemplo: href=\"https:\/\/linkedin.com\/in\/usuario\"     \u2551\r\n\u2551                                                      \u2551\r\n\u2551  TEXTOS: nombre, bio y labels de botones             \u2551\r\n\u2551  est\u00e1n directamente en el HTML, f\u00e1ciles de editar    \u2551\r\n\u2551                                                      \u2551\r\n\u2551  COLORES\/TAMA\u00d1OS: edita las variables CSS en         \u2551\r\n\u2551  la secci\u00f3n \"ZONA DE CONFIGURACI\u00d3N\" arriba           \u2551\r\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdc0ddb elementor-widget elementor-widget-html\" data-id=\"fdc0ddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     TARJETAS EFECTO M\u00c1SCARA \u2013 Para Elementor HTML Widget\r\n     ============================================================\r\n     INSTRUCCIONES ELEMENTOR:\r\n     1. Agrega un widget \"HTML\" donde quieras las tarjetas\r\n     2. Pega TODO este c\u00f3digo dentro del widget\r\n     3. Para el CSS global (opcional pero recomendado):\r\n        Panel izquierdo \u2192 Site Settings \u2192 Custom CSS \u2192 pega solo\r\n        la secci\u00f3n marcada como [GLOBAL CSS]\r\n     ============================================================ -->\r\n\r\n<!-- \u2500\u2500 ESTILOS \u2500\u2500 -->\r\n<style>\r\n\/* ============================================================\r\n   ZONA DE CONFIGURACI\u00d3N \u2013 edita solo aqu\u00ed\r\n   ============================================================ *\/\r\n.msk-cards {\r\n  \/* Dimensiones tarjeta *\/\r\n  --card-w:           290px;\r\n  --card-h:           490px;\r\n  --card-h-hover:     490px;  \/* misma altura, la imagen crece internamente *\/\r\n  --card-radius:      20px;\r\n\r\n  \/* Imagen \u2013 reposo (con padding = \"respira\") *\/\r\n  --img-padding:      12px;           \/* espacio alrededor de la imagen      *\/\r\n  --img-radius:       14px;           \/* radio de la imagen en reposo        *\/\r\n  --img-h:            300px;          \/* altura de la imagen en reposo       *\/\r\n\r\n  \/* Imagen \u2013 hover (llena toda la tarjeta) *\/\r\n  --img-h-hover:      490px;          \/* igual que --card-h para cubrir todo *\/\r\n\r\n  \/* Overlay de color en hover *\/\r\n  --overlay:          linear-gradient(to bottom,\r\n                        transparent 15%,\r\n                        rgba(22,163,74,0.75) 52%);\r\n\r\n  \/* Velocidad de animaci\u00f3n *\/\r\n  --speed:            0.55s;\r\n  --ease:             cubic-bezier(0.4,0,0.2,1);\r\n\r\n  \/* Colores de texto *\/\r\n  --c-name:           #111;\r\n  --c-bio:            #666;\r\n  --c-stat:           #888;\r\n  --c-light:          #fff;\r\n  --dot:              #22c55e;\r\n  --btn-bg:           #111;\r\n  --btn-hover-bg:     #fff;\r\n  --btn-hover-color:  #111;\r\n}\r\n\/* ============================================================ *\/\r\n\r\n\/* Reset m\u00ednimo *\/\r\n.msk-cards *, .msk-cards *::before, .msk-cards *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* Wrapper general *\/\r\n.msk-cards {\r\n  display: flex;\r\n  gap: 24px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;\r\n  padding: 20px 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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   CAPA 1 \u2013 Tarjeta base (la m\u00e1scara)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.msk-card {\r\n  position: relative;\r\n  width: var(--card-w);\r\n  height: var(--card-h);\r\n  border-radius: var(--card-radius);\r\n  background: #fff;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.05);\r\n  transition:\r\n    box-shadow var(--speed) var(--ease),\r\n    transform  var(--speed) var(--ease);\r\n  cursor: pointer;\r\n}\r\n\r\n.msk-card:hover {\r\n  box-shadow: 0 16px 48px rgba(0,0,0,0.16), 0 4px 12px rgba(0,0,0,0.08);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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   CAPA 2 \u2013 Contenedor de imagen con PADDING\r\n   En reposo: tiene margen (respira)\r\n   En hover:  padding colapsa a 0, imagen llena todo\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.msk-img-wrap {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  \/* padding crea el \"respiro\" de la imagen *\/\r\n  padding: var(--img-padding) var(--img-padding) 0;\r\n  height: calc(var(--img-h) + var(--img-padding));\r\n  transition:\r\n    height  var(--speed) var(--ease),\r\n    padding var(--speed) var(--ease);\r\n  z-index: 1;\r\n}\r\n\r\n.msk-card:hover .msk-img-wrap {\r\n  padding: 0;\r\n  height: var(--img-h-hover);\r\n}\r\n\r\n\/* El overflow:hidden + border-radius en este nivel\r\n   da las esquinas redondeadas propias de la imagen *\/\r\n.msk-img-inner {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: var(--img-radius);\r\n  overflow: hidden;\r\n  transition: border-radius var(--speed) var(--ease);\r\n  position: relative;\r\n}\r\n\r\n.msk-card:hover .msk-img-inner {\r\n  border-radius: 0;\r\n}\r\n\r\n.msk-img-inner img,\r\n.msk-img-inner svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  transition: transform var(--speed) var(--ease);\r\n}\r\n\r\n.msk-card:hover .msk-img-inner img,\r\n.msk-card:hover .msk-img-inner svg {\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* Overlay de color *\/\r\n.msk-img-inner::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--overlay);\r\n  opacity: 0;\r\n  transition: opacity var(--speed) var(--ease);\r\n  pointer-events: none;\r\n}\r\n\r\n.msk-card:hover .msk-img-inner::after {\r\n  opacity: 1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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   CAPA 3 \u2013 Contenido (siempre visible)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.msk-body {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  padding: 16px 18px 18px;\r\n  z-index: 2;\r\n  \/* fondo blanco que desaparece en hover *\/\r\n  background: #fff;\r\n  transition: background var(--speed) var(--ease);\r\n}\r\n\r\n.msk-card:hover .msk-body {\r\n  background: transparent;\r\n}\r\n\r\n\/* Nombre + dot *\/\r\n.msk-name-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.msk-name {\r\n  font-size: 0.97rem;\r\n  font-weight: 700;\r\n  color: var(--c-name);\r\n  transition: color var(--speed) var(--ease);\r\n}\r\n\r\n.msk-card:hover .msk-name { color: var(--c-light); }\r\n\r\n.msk-dot {\r\n  width: 10px; height: 10px;\r\n  border-radius: 50%;\r\n  background: var(--dot);\r\n  flex-shrink: 0;\r\n  box-shadow: 0 0 0 2.5px rgba(34,197,94,0.25);\r\n}\r\n\r\n\/* Bio *\/\r\n.msk-bio {\r\n  font-size: 0.8rem;\r\n  line-height: 1.55;\r\n  color: var(--c-bio);\r\n  margin-bottom: 14px;\r\n  transition: color var(--speed) var(--ease);\r\n}\r\n\r\n.msk-card:hover .msk-bio { color: rgba(255,255,255,0.85); }\r\n\r\n\/* Footer *\/\r\n.msk-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.msk-stat {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  font-size: 0.78rem;\r\n  color: var(--c-stat);\r\n  transition: color var(--speed) var(--ease);\r\n}\r\n\r\n.msk-card:hover .msk-stat { color: rgba(255,255,255,0.8); }\r\n\r\n.msk-stat svg {\r\n  width: 14px; height: 14px;\r\n  stroke: currentColor; fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* Bot\u00f3n Follow *\/\r\n.msk-btn {\r\n  margin-left: auto;\r\n  background: var(--btn-bg);\r\n  color: #fff;\r\n  border: 2px solid transparent;\r\n  border-radius: 50px;\r\n  padding: 7px 17px;\r\n  font-family: inherit;\r\n  font-size: 0.79rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  transition:\r\n    background    var(--speed) var(--ease),\r\n    color         var(--speed) var(--ease),\r\n    border-color  var(--speed) var(--ease),\r\n    transform 0.15s;\r\n}\r\n\r\n.msk-btn:hover { transform: scale(1.06); }\r\n\r\n.msk-card:hover .msk-btn {\r\n  background: var(--btn-hover-bg);\r\n  color: var(--btn-hover-color);\r\n  border-color: rgba(255,255,255,0.5);\r\n}\r\n<\/style>\r\n\r\n<!-- \u2500\u2500 HTML \u2500\u2500 -->\r\n<div class=\"msk-cards\">\r\n\r\n  <!-- \u2550\u2550 TARJETA 1 \u2550\u2550\r\n       Reemplaza el bloque <svg>...<\/svg> por:\r\n       <img decoding=\"async\" src=\"URL-DE-TU-FOTO.jpg\" alt=\"Nombre\">\r\n  -->\r\n  <div class=\"msk-card\">\r\n\r\n    <div class=\"msk-img-wrap\">\r\n      <div class=\"msk-img-inner\">\r\n        <!-- PLACEHOLDER \u2013 reemplaza con tu <img> -->\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 400\" preserveAspectRatio=\"xMidYMid slice\">\r\n          <defs>\r\n            <linearGradient id=\"ph1a\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#c8d8e4\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#7ba3b8\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <rect width=\"300\" height=\"400\" fill=\"url(#ph1a)\"\/>\r\n          <ellipse cx=\"150\" cy=\"130\" rx=\"58\" ry=\"62\" fill=\"rgba(255,255,255,0.28)\"\/>\r\n          <ellipse cx=\"150\" cy=\"370\" rx=\"110\" ry=\"100\" fill=\"rgba(255,255,255,0.2)\"\/>\r\n          <!-- \u00edcono c\u00e1mara -->\r\n          <rect x=\"124\" y=\"107\" width=\"52\" height=\"38\" rx=\"6\" fill=\"none\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2.5\"\/>\r\n          <circle cx=\"150\" cy=\"126\" r=\"10\" fill=\"none\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2.5\"\/>\r\n          <circle cx=\"167\" cy=\"112\" r=\"3.5\" fill=\"rgba(255,255,255,0.7)\"\/>\r\n          <text x=\"150\" y=\"182\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"rgba(255,255,255,0.75)\">Tu foto aqu\u00ed<\/text>\r\n          <text x=\"150\" y=\"200\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"10\" fill=\"rgba(255,255,255,0.5)\">300 \u00d7 400 px recomendado<\/text>\r\n        <\/svg>\r\n        <!-- FIN PLACEHOLDER -->\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"msk-body\">\r\n      <div class=\"msk-name-row\">\r\n        <span class=\"msk-name\">Sophie Bennett<\/span>\r\n        <span class=\"msk-dot\"><\/span>\r\n      <\/div>\r\n      <p class=\"msk-bio\">Product Designer focused on visual clarity and emotional branding.<\/p>\r\n      <div class=\"msk-footer\">\r\n        <span class=\"msk-stat\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          312\r\n        <\/span>\r\n        <span class=\"msk-stat\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>\r\n          42\r\n        <\/span>\r\n        <button class=\"msk-btn\">Follow +<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- fin tarjeta 1 -->\r\n\r\n\r\n  <!-- \u2550\u2550 TARJETA 2 \u2550\u2550 -->\r\n  <div class=\"msk-card\">\r\n\r\n    <div class=\"msk-img-wrap\">\r\n      <div class=\"msk-img-inner\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 400\" preserveAspectRatio=\"xMidYMid slice\">\r\n          <defs>\r\n            <linearGradient id=\"ph2a\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#d5c6e8\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#9b7fc0\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <rect width=\"300\" height=\"400\" fill=\"url(#ph2a)\"\/>\r\n          <ellipse cx=\"150\" cy=\"130\" rx=\"58\" ry=\"62\" fill=\"rgba(255,255,255,0.28)\"\/>\r\n          <ellipse cx=\"150\" cy=\"370\" rx=\"110\" ry=\"100\" fill=\"rgba(255,255,255,0.2)\"\/>\r\n          <rect x=\"124\" y=\"107\" width=\"52\" height=\"38\" rx=\"6\" fill=\"none\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2.5\"\/>\r\n          <circle cx=\"150\" cy=\"126\" r=\"10\" fill=\"none\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2.5\"\/>\r\n          <circle cx=\"167\" cy=\"112\" r=\"3.5\" fill=\"rgba(255,255,255,0.7)\"\/>\r\n          <text x=\"150\" y=\"182\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"rgba(255,255,255,0.75)\">Tu foto aqu\u00ed<\/text>\r\n          <text x=\"150\" y=\"200\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"10\" fill=\"rgba(255,255,255,0.5)\">300 \u00d7 400 px recomendado<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"msk-body\">\r\n      <div class=\"msk-name-row\">\r\n        <span class=\"msk-name\">Emma Clarke<\/span>\r\n        <span class=\"msk-dot\"><\/span>\r\n      <\/div>\r\n      <p class=\"msk-bio\">Creative Director blending art and strategy for memorable brands.<\/p>\r\n      <div class=\"msk-footer\">\r\n        <span class=\"msk-stat\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          587\r\n        <\/span>\r\n        <span class=\"msk-stat\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>\r\n          71\r\n        <\/span>\r\n        <button class=\"msk-btn\">Follow +<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- fin tarjeta 2 -->\r\n\r\n\r\n  <!-- \u2550\u2550 TARJETA 3 \u2550\u2550 -->\r\n  <div class=\"msk-card\">\r\n\r\n    <div class=\"msk-img-wrap\">\r\n      <div class=\"msk-img-inner\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 300 400\" preserveAspectRatio=\"xMidYMid slice\">\r\n          <defs>\r\n            <linearGradient id=\"ph3a\" x1=\"0%\" y1=\"0%\" x2=\"60%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#b8dbc8\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#5a9e7a\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <rect width=\"300\" height=\"400\" fill=\"url(#ph3a)\"\/>\r\n          <ellipse cx=\"150\" cy=\"130\" rx=\"58\" ry=\"62\" fill=\"rgba(255,255,255,0.28)\"\/>\r\n          <ellipse cx=\"150\" cy=\"370\" rx=\"110\" ry=\"100\" fill=\"rgba(255,255,255,0.2)\"\/>\r\n          <rect x=\"124\" y=\"107\" width=\"52\" height=\"38\" rx=\"6\" fill=\"none\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2.5\"\/>\r\n          <circle cx=\"150\" cy=\"126\" r=\"10\" fill=\"none\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2.5\"\/>\r\n          <circle cx=\"167\" cy=\"112\" r=\"3.5\" fill=\"rgba(255,255,255,0.7)\"\/>\r\n          <text x=\"150\" y=\"182\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"rgba(255,255,255,0.75)\">Tu foto aqu\u00ed<\/text>\r\n          <text x=\"150\" y=\"200\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"10\" fill=\"rgba(255,255,255,0.5)\">300 \u00d7 400 px recomendado<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"msk-body\">\r\n      <div class=\"msk-name-row\">\r\n        <span class=\"msk-name\">Mia Torres<\/span>\r\n        <span class=\"msk-dot\"><\/span>\r\n      <\/div>\r\n      <p class=\"msk-bio\">UX Researcher passionate about human-centered digital experiences.<\/p>\r\n      <div class=\"msk-footer\">\r\n        <span class=\"msk-stat\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          241\r\n        <\/span>\r\n        <span class=\"msk-stat\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>\r\n          33\r\n        <\/span>\r\n        <button class=\"msk-btn\">Follow +<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- fin tarjeta 3 -->\r\n\r\n<\/div><!-- fin .msk-cards -->\r\n\r\n<!--\r\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n\u2551  C\u00d3MO REEMPLAZAR EL PLACEHOLDER CON TU IMAGEN REAL  \u2551\r\n\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\r\n\u2551  Borra el bloque <svg>...<\/svg> completo             \u2551\r\n\u2551  y pon en su lugar:                                  \u2551\r\n\u2551                                                      \u2551\r\n\u2551  <img decoding=\"async\" src=\"https:\/\/tu-sitio.com\/foto.jpg\"            \u2551\r\n\u2551       alt=\"Nombre de persona\"                        \u2551\r\n\u2551       style=\"width:100%;height:100%;                 \u2551\r\n\u2551              object-fit:cover;display:block;\">       \u2551\r\n\u2551                                                      \u2551\r\n\u2551  CLASES usadas (prefijo msk- evita conflictos        \u2551\r\n\u2551  con otros estilos de Elementor):                    \u2551\r\n\u2551  .msk-cards  .msk-card  .msk-img-wrap                \u2551\r\n\u2551  .msk-img-inner  .msk-body  .msk-name                \u2551\r\n\u2551  .msk-bio  .msk-footer  .msk-stat  .msk-btn         \u2551\r\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e1a7f2 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9e1a7f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73eac80d e-con-full e-flex e-con e-child\" data-id=\"73eac80d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-320e0f43 e-con-full e-flex e-con e-child\" data-id=\"320e0f43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-483c2345 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"483c2345\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/\/ Our Team<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f660689 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7f660689\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Meet The Creatives Expert  Team <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-123ba75d e-con-full e-grid e-con e-child\" data-id=\"123ba75d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-709d9c6d e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"709d9c6d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-12c65e8b e-con-full e-flex e-con e-child\" data-id=\"12c65e8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27bbc32 elementor-widget elementor-widget-elementskit-team\" data-id=\"27bbc32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"profile-image-card elementor-animation-grow ekit-team-img ekit-team-style-overlay text-center\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/elementor\/thumbs\/smiling-blonde-woman-in-sunglasses-on-white-backgr-MHZMJWC-riwsesxi64jorqivl1chxiedeq3qj2qpz94e7291xs.jpg\" title=\"smiling-blonde-woman-in-sunglasses-on-white-backgr-MHZMJWC.jpg\" alt=\"smiling-blonde-woman-in-sunglasses-on-white-backgr-MHZMJWC.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hover-area\">\n\t\t\t\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"profile-designation\"><\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-23c7743\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-a119398\">\n\t\t\t<a href=\"https:\/\/x.com\" aria-label=\"X\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-x-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-7d881bb\">\n\t\t\t<a href=\"https:\/\/x.com\" aria-label=\"X\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<\/div>\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-7414769f elementor-widget elementor-widget-image-box\" data-id=\"7414769f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h6 class=\"elementor-image-box-title\">Sofia Bennett<\/h6><p class=\"elementor-image-box-description\">Web Developer<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d3fbfaa e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"1d3fbfaa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1ad46158 e-con-full e-flex e-con e-child\" data-id=\"1ad46158\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-388db74a elementor-widget elementor-widget-elementskit-team\" data-id=\"388db74a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"profile-image-card elementor-animation-grow ekit-team-img ekit-team-style-overlay text-center\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/elementor\/thumbs\/cheerful-young-beard-man-looking-at-camera-59XCDHQ-riwsevr0qmnjqkes4kkdmzor6vpu661wzn2umw4vf4.jpg\" title=\"cheerful-young-beard-man-looking-at-camera-59XCDHQ.jpg\" alt=\"cheerful-young-beard-man-looking-at-camera-59XCDHQ.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hover-area\">\n\t\t\t\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"profile-designation\"><\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-23c7743\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-a119398\">\n\t\t\t<a href=\"https:\/\/x.com\" aria-label=\"X\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-x-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-7d881bb\">\n\t\t\t<a href=\"https:\/\/x.com\" aria-label=\"X\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<\/div>\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-4b095980 elementor-widget elementor-widget-image-box\" data-id=\"4b095980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h6 class=\"elementor-image-box-title\">Adrian Park<\/h6><p class=\"elementor-image-box-description\">Motion Designer<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58ad31ff e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"58ad31ff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6036ca55 e-con-full e-flex e-con e-child\" data-id=\"6036ca55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-251d74ff elementor-widget elementor-widget-elementskit-team\" data-id=\"251d74ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"profile-image-card elementor-animation-grow ekit-team-img ekit-team-style-overlay text-center\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/elementor\/thumbs\/gesture-and-people-concept-man-pointing-finger-to-F73KN55-riwseykjb4repeaoo3s9cgz4z1bxt9d4011b2q0owg.jpg\" title=\"gesture-and-people-concept-man-pointing-finger-to-F73KN55.jpg\" alt=\"gesture-and-people-concept-man-pointing-finger-to-F73KN55.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hover-area\">\n\t\t\t\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"profile-designation\"><\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"profile-footer\">\n\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-social-list\">\n\t\t\t<li class=\"elementor-repeater-item-23c7743\">\n\t\t\t<a href=\"https:\/\/facebook.com\" aria-label=\"Facebook\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-a119398\">\n\t\t\t<a href=\"https:\/\/x.com\" aria-label=\"X\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-x-twitter\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t\t\t<li class=\"elementor-repeater-item-7d881bb\">\n\t\t\t<a href=\"https:\/\/x.com\" aria-label=\"X\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<\/div>\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-7fbe3591 elementor-widget elementor-widget-image-box\" data-id=\"7fbe3591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h6 class=\"elementor-image-box-title\">Claire Jensen<\/h6><p class=\"elementor-image-box-description\">Content Strategist<\/p><\/div><\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab4fb08 e-flex e-con-boxed e-con e-parent\" data-id=\"ab4fb08\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-52cbff03 e-con-full e-flex e-con e-child\" data-id=\"52cbff03\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-123dc668 e-con-full e-flex e-con e-child\" data-id=\"123dc668\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77184187 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"77184187\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_tablet&quot;:&quot;fadeInUp&quot;}\" 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=\"1200\" height=\"800\" src=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/02\/diverse-colleagues-gather-in-brainstorm-discuss-st-JBZV425.jpg\" class=\"attachment-full size-full wp-image-48\" alt=\"\" srcset=\"https:\/\/bidezine.com\/wp-content\/uploads\/2026\/02\/diverse-colleagues-gather-in-brainstorm-discuss-st-JBZV425.jpg 1200w, https:\/\/bidezine.com\/wp-content\/uploads\/2026\/02\/diverse-colleagues-gather-in-brainstorm-discuss-st-JBZV425-300x200.jpg 300w, https:\/\/bidezine.com\/wp-content\/uploads\/2026\/02\/diverse-colleagues-gather-in-brainstorm-discuss-st-JBZV425-1024x683.jpg 1024w, https:\/\/bidezine.com\/wp-content\/uploads\/2026\/02\/diverse-colleagues-gather-in-brainstorm-discuss-st-JBZV425-768x512.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\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-6c0cc0bb e-con-full e-flex e-con e-child\" data-id=\"6c0cc0bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-635e6a01 e-con-full e-flex e-con e-child\" data-id=\"635e6a01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24299ed9 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"24299ed9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/\/ Expert Mastery<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39b4c472 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"39b4c472\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Delivering Creative Refined Skills<\/h2>\t\t\t\t<\/div>\n\t\t\n\t\t<div class=\"elementor-element elementor-element-5642fd54 elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5642fd54\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"356\" data-end=\"570\">Our team combines strategic thinking and polished craftsmanship to deliver design solutions that elevate brand\u00a0 consistent visual impact across platforms.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-727e6db e-con-full e-grid elementor-invisible e-con e-child\" data-id=\"727e6db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76e7454d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"76e7454d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Brand Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"3500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1517620d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"1517620d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"3500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12a4c159 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"12a4c159\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Web Development<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"88\" data-animation-duration=\"3500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12f16e66 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"12f16e66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Creative Direction<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"92\" data-animation-duration=\"3500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\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-5a56da24 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"5a56da24\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" 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 elementor-animation-shrink\" 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\">Learn More<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-540236a5 e-flex e-con-boxed e-con e-child\" data-id=\"540236a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-69adefe6 e-con-full e-flex e-con e-child\" data-id=\"69adefe6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-190c665c e-con-full e-flex e-con e-child\" data-id=\"190c665c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4b8e5e09 e-con-full e-flex e-con e-child\" data-id=\"4b8e5e09\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-165d67b9 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"165d67b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\/\/ Join Us<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1579e759 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1579e759\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Become Part Of Our Growing Team<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bd2e21c e-con-full e-flex e-con e-child\" data-id=\"6bd2e21c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;tmea_shape_divider_top&quot;:&quot;none&quot;,&quot;tmea_shape_divider_bottom&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-243bb087 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"243bb087\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;}\" 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 elementor-animation-shrink\" 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\">Join The Team<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Diamond Gallery Tu foto aqu\u00ed 300 \u00d7 400 px recomendado Emma Clarke Emma is a Creative Director with a sharp eye for design systems, brand identity, and storytelling. She brings a unique blend of artistic vision and strategic thinking to every project she leads with her team. LinkedIn Twitter Instagram Tu foto aqu\u00ed 300 \u00d7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-421","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bidezine.com\/es\/wp-json\/wp\/v2\/pages\/421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bidezine.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bidezine.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bidezine.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bidezine.com\/es\/wp-json\/wp\/v2\/comments?post=421"}],"version-history":[{"count":0,"href":"https:\/\/bidezine.com\/es\/wp-json\/wp\/v2\/pages\/421\/revisions"}],"wp:attachment":[{"href":"https:\/\/bidezine.com\/es\/wp-json\/wp\/v2\/media?parent=421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}