Calcular el tamaño de posición correcto es una de las habilidades más importantes que puedes aprender como trader. Si operas con un tamaño demasiado grande, tu cuenta se reduce rápidamente tras unas cuantas pérdidas. Si operas demasiado pequeño, dejas rendimiento sobre la mesa. Con nuestro Position Size Calculator gratuito, calculas en segundos el lot size óptimo basado en el tamaño de tu cuenta, el porcentaje de riesgo y la distancia del stop loss.

---

:root { --bg: #F7F8FA; --card: #FFFFFF; --card-hover: #FAFBFC; --border: #E8EBF0; --border-focus: #3B82F6; --text: #1A1D26; --text-secondary: #6B7280; --text-muted: #9CA3AF; --accent: #3B82F6; --accent-light: #EFF6FF; --accent-dark: #2563EB; --green: #10B981; --green-light: #ECFDF5; --green-dark: #059669; --red: #EF4444; --red-light: #FEF2F2; --orange: #F59E0B; --orange-light: #FFFBEB; --shadow-sm: 0 1px 2px rgba(0,0,0,0.04); --shadow-md: 0 4px 12px rgba(0,0,0,0.06); --shadow-lg: 0 8px 30px rgba(0,0,0,0.08); --radius: 12px; --radius-sm: 8px; --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; -webkit-font-smoothing: antialiased; } .calculator-wrapper { max-width: 520px; margin: 0 auto; padding: 24px 16px 48px; } /* Header */ .calc-header { text-align: center; margin-bottom: 28px; animation: fadeDown 0.5s ease; } .calc-header h1 { font-size: 1.65rem; font-weight: 700; letter-spacing: -0.02em; color: var(--text); margin-bottom: 6px; } .calc-header p { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; } /* Tabs */ .tabs { display: flex; gap: 4px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 4px; margin-bottom: 24px; box-shadow: var(--shadow-sm); animation: fadeDown 0.5s ease 0.05s both; } .tab { flex: 1; padding: 10px 8px; border: none; background: transparent; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 500; color: var(--text-secondary); cursor: pointer; border-radius: var(--radius-sm); transition: var(--transition); position: relative; } .tab:hover { color: var(--text); background: var(--bg); } .tab.active { background: var(--accent); color: #fff; box-shadow: 0 2px 8px rgba(59,130,246,0.25); } .tab .tab-icon { display: block; font-size: 1.1rem; margin-bottom: 3px; } /* Card */ .calc-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow-md); animation: fadeUp 0.4s ease; } .tab-panel { display: none; } .tab-panel.active { display: block; } /* Form elements */ .field { margin-bottom: 18px; } .field:last-of-type { margin-bottom: 24px; } .field label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 7px; } .field label .label-hint { font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--text-muted); font-size: 0.78rem; } .input-group { display: flex; align-items: stretch; border: 1.5px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; transition: var(--transition); background: var(--card); } .input-group:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(59,130,246,0.1); } .input-group input, .input-group select { border: none; outline: none; font-family: 'JetBrains Mono', monospace; font-size: 0.95rem; padding: 12px 14px; background: transparent; color: var(--text); width: 100%; } .input-group select { font-family: 'DM Sans', sans-serif; font-size: 0.88rem; cursor: pointer; -webkit-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center; padding-right: 34px; } .input-group .unit { display: flex; align-items: center; padding: 0 14px; font-size: 0.82rem; font-weight: 500; color: var(--text-muted); background: #F9FAFB; border-left: 1px solid var(--border); white-space: nowrap; user-select: none; } .input-row { display: flex; gap: 12px; } .input-row .field { flex: 1; } /* Calculate button */ .calc-btn { width: 100%; padding: 14px; background: var(--accent); color: #fff; border: none; border-radius: var(--radius-sm); font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: var(--transition); letter-spacing: 0.01em; } .calc-btn:hover { background: var(--accent-dark); box-shadow: 0 4px 14px rgba(59,130,246,0.3); transform: translateY(-1px); } .calc-btn:active { transform: translateY(0); } /* Results */ .results { margin-top: 24px; padding-top: 24px; border-top: 1px dashed var(--border); animation: fadeUp 0.35s ease; } .results-title { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 14px; } .result-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-radius: var(--radius-sm); margin-bottom: 6px; transition: var(--transition); } .result-item:hover { background: var(--bg); } .result-label { font-size: 0.88rem; color: var(--text-secondary); } .result-value { font-family: 'JetBrains Mono', monospace; font-size: 1rem; font-weight: 600; color: var(--text); } .result-highlight { background: var(--accent-light); border: 1px solid rgba(59,130,246,0.15); } .result-highlight .result-value { color: var(--accent-dark); font-size: 1.1rem; } .result-highlight:hover { background: var(--accent-light); } .result-green { background: var(--green-light); border: 1px solid rgba(16,185,129,0.15); } .result-green .result-value { color: var(--green-dark); } .result-green:hover { background: var(--green-light); } .result-warn { background: var(--orange-light); border: 1px solid rgba(245,158,11,0.15); } .risk-meter { margin-top: 16px; padding: 16px; border-radius: var(--radius-sm); background: var(--bg); border: 1px solid var(--border); } .risk-meter-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .risk-meter-label span { font-size: 0.8rem; color: var(--text-secondary); } .risk-meter-label strong { font-size: 0.85rem; font-weight: 600; } .risk-bar { height: 8px; background: #E5E7EB; border-radius: 4px; overflow: hidden; position: relative; } .risk-bar-fill { height: 100%; border-radius: 4px; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s; } .risk-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.7rem; color: var(--text-muted); } /* Info tooltip */ .info-note { margin-top: 20px; padding: 14px 16px; background: var(--bg); border-radius: var(--radius-sm); border-left: 3px solid var(--accent); font-size: 0.82rem; color: var(--text-secondary); line-height: 1.55; } .info-note strong { color: var(--text); font-weight: 600; } /* Lot breakdown table */ .lot-breakdown { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 0.85rem; } .lot-breakdown th { text-align: left; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; padding: 8px 12px; border-bottom: 1px solid var(--border); } .lot-breakdown td { padding: 10px 12px; border-bottom: 1px solid var(--border); color: var(--text-secondary); } .lot-breakdown td:last-child { font-family: 'JetBrains Mono', monospace; font-weight: 500; color: var(--text); text-align: right; } .lot-breakdown th:last-child { text-align: right; } .lot-breakdown tr:last-child td { border-bottom: none; } /* Footer */ .calc-footer { text-align: center; margin-top: 24px; font-size: 0.78rem; color: var(--text-muted); animation: fadeUp 0.5s ease 0.2s both; } .calc-footer a { color: var(--accent); text-decoration: none; font-weight: 500; } .calc-footer a:hover { text-decoration: underline; } .calc-footer .affiliate-disclaimer { margin-top: 8px; font-size: 0.7rem; color: var(--text-muted); line-height: 1.5; } /* Broker CTA */ .broker-cta { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 16px 18px; background: linear-gradient(135deg, #FFF7ED 0%, #FFFBF5 100%); border: 1px solid #FDBA74; border-radius: var(--radius-sm); text-decoration: none; color: var(--text); transition: var(--transition); gap: 12px; } .broker-cta:hover { border-color: #F97316; box-shadow: 0 4px 14px rgba(249,115,22,0.12); transform: translateY(-1px); } .broker-cta-left { display: flex; flex-direction: column; gap: 3px; } .broker-cta-badge { font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: #EA580C; } .broker-cta-name { font-size: 1.05rem; font-weight: 700; color: var(--text); letter-spacing: -0.01em; } .broker-cta-desc { font-size: 0.78rem; color: var(--text-secondary); line-height: 1.4; } .broker-cta-arrow { font-size: 1.3rem; color: #EA580C; font-weight: 600; flex-shrink: 0; transition: var(--transition); } .broker-cta:hover .broker-cta-arrow { transform: translateX(3px); } /* Animations */ @keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* Responsive */ @media (max-width: 480px) { .calculator-wrapper { padding: 16px 12px 40px; } .calc-card { padding: 22px 18px; } .tab { font-size: 0.72rem; padding: 9px 6px; } .input-row { flex-direction: column; gap: 0; } .calc-header h1 { font-size: 1.4rem; } }