.mpdd-section{background:#07111d;color:#eaf4ff;padding:90px 20px;font-family:Inter,system-ui,sans-serif}.mpdd-section *{box-sizing:border-box}.mpdd-wrap{max-width:1160px;margin:auto}.mpdd-intro{text-align:center;max-width:680px;margin:0 auto 35px}.mpdd-eyebrow{color:#2fe487;font-size:11px;font-weight:750;letter-spacing:1.7px}.mpdd-intro h2{font-size:clamp(26px,4vw,42px);line-height:1.2;margin:13px 0}.mpdd-intro p{font-size:15px;color:#93a8bd;line-height:1.7}.mpdd-app{background:#0b1727;border:1px solid #21364c;border-radius:19px;padding:24px;box-shadow:0 24px 70px #0004}.mpdd-top,.mpdd-panelhead,.mpdd-foot{display:flex;justify-content:space-between;align-items:center;gap:15px}.mpdd-top strong{display:block;font-size:17px}.mpdd-top span,.mpdd-muted{display:block;color:#829ab1;font-size:12px;margin-top:6px}.mpdd-section button,.mpdd-section input,.mpdd-section select{font:inherit}.mpdd-ghost,.mpdd-panelhead button{background:#14263b;color:#c6d9e9;border:1px solid #2b4259;border-radius:8px;padding:9px 13px;cursor:pointer}.mpdd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.mpdd-stats>div,.mpdd-panel{background:#0f2033;border:1px solid #233a52;border-radius:12px;padding:18px}.mpdd-stats small{color:#94a9be;font-size:10px;letter-spacing:.6px;display:block;margin-bottom:9px}.mpdd-stats b{font-size:clamp(17px,2.6vw,25px);font-variant-numeric:tabular-nums}.mpdd-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.mpdd-panel h3{font-size:15px;color:#f0f6ff;margin:0 0 19px}.mpdd-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mpdd-panel label{display:block;font-size:12px;color:#9fb3c8;margin-bottom:13px}.mpdd-panel input,.mpdd-panel select{display:block;width:100%;background:#0a1727;color:#eef7ff;border:1px solid #31465e;border-radius:8px;padding:11px;margin-top:7px;min-width:0;color-scheme:dark}.mpdd-panel input:focus,.mpdd-panel select:focus{outline:2px solid #2fe487;outline-offset:1px}.mpdd-actions{display:flex;gap:9px}.mpdd-actions button[type=submit],.mpdd-foot a{background:#2fe487;color:#082017;border:0;border-radius:9px;padding:12px 18px;font-weight:750;text-decoration:none;cursor:pointer}.mpdd-error{color:#ff8585;font-size:12px;min-height:18px}.mpdd-chart{height:220px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#263a503f 45px);border-bottom:1px solid #31445a}.mpdd-chart svg{width:100%;height:100%}.mpdd-panelhead h3{margin:0}.mpdd-panelhead>div{display:flex;align-items:center;gap:8px;font-size:12px}.mpdd-panelhead button{padding:4px 9px}.mpdd-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:20px 0 12px}.mpdd-day{border-radius:6px;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#bdcee0;background:#14273a}.mpdd-day.green{background:#14523a;color:#a4f8cb}.mpdd-day.red{background:#572b36;color:#ffb4ba}.mpdd-day.blank{background:transparent}.mpdd-day.header{background:transparent;color:#8ca5bb;min-height:22px}.mpdd-trades{max-height:255px;overflow:auto}.mpdd-trade{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #263b50;padding:10px 0;font-size:12px}.mpdd-trade strong{display:block}.mpdd-trade small{color:#91a7bb}.mpdd-positive{color:#2fe487!important}.mpdd-negative{color:#ff8585!important}.mpdd-trade button{border:1px solid #31465e;background:#15283d;color:#c8d9e9;border-radius:6px;padding:6px 8px;cursor:pointer}.mpdd-foot{border-top:1px solid #253a50;padding-top:22px;margin-top:8px}.mpdd-foot p{font-size:13px;color:#94a9bd;max-width:530px}.mpdd-section button:hover,.mpdd-foot a:hover{filter:brightness(1.1)}@media(max-width:800px){.mpdd-columns{grid-template-columns:1fr}.mpdd-stats{grid-template-columns:repeat(2,1fr)}.mpdd-foot{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.mpdd-section{padding:55px 12px}.mpdd-app{padding:12px}.mpdd-panel{padding:12px}.mpdd-formgrid{grid-template-columns:1fr}.mpdd-top{align-items:flex-start;flex-direction:column}.mpdd-calendar{gap:3px}.mpdd-day{min-height:27px}}

/* MyProfitDay demo: compact desktop presentation (~20% less visual footprint).
   Mobile remains full width and readable. */
@media (min-width: 801px) {
  .mpdd-section { padding-top: 65px; padding-bottom: 65px; }
  .mpdd-wrap { max-width: 960px; }
  .mpdd-intro { margin-bottom: 25px; }
  .mpdd-intro h2 { font-size: clamp(26px, 3vw, 34px); }
  .mpdd-intro p { font-size: 14px; }
  .mpdd-app { padding: 19px; border-radius: 16px; }
  .mpdd-stats { gap: 10px; margin: 16px 0; }
  .mpdd-stats > div, .mpdd-panel { padding: 14px; }
  .mpdd-stats b { font-size: 21px; }
  .mpdd-columns { gap: 11px; margin-bottom: 11px; }
  .mpdd-panel h3 { margin-bottom: 13px; }
  .mpdd-panel label { margin-bottom: 10px; }
  .mpdd-panel input, .mpdd-panel select { padding: 9px; }
  .mpdd-chart { height: 175px; }
  .mpdd-calendar { margin: 14px 0 9px; gap: 4px; }
  .mpdd-day { min-height: 27px; }
  .mpdd-trades { max-height: 210px; }
  .mpdd-trade { padding: 8px 0; }
  .mpdd-foot { padding-top: 16px; }
}

/* Compactación adicional de escritorio (~15% respecto a la versión anterior). */
@media (min-width: 801px) {
 .mpdd-wrap { max-width: 816px; }
 .mpdd-section { padding-top: 52px; padding-bottom: 52px; }
 .mpdd-intro { margin-bottom: 20px; }
 .mpdd-intro h2 { font-size: clamp(24px, 2.8vw, 30px); }
 .mpdd-app { padding: 16px; }
 .mpdd-stats { gap: 8px; margin: 13px 0; }
 .mpdd-stats > div, .mpdd-panel { padding: 12px; }
 .mpdd-stats b { font-size: 19px; }
 .mpdd-columns { gap: 9px; margin-bottom: 9px; }
 .mpdd-chart { height: 150px; }
 .mpdd-trades { max-height: 180px; }
 .mpdd-trade { padding: 7px 0; }
 .mpdd-day { min-height: 24px; }
}
/* Scroll de operaciones funcional, pero sin barra visual invasiva. */
.mpdd-trades { scrollbar-width: thin; scrollbar-color: #2b4259 transparent; }
.mpdd-trades::-webkit-scrollbar { width: 5px; }
.mpdd-trades::-webkit-scrollbar-track { background: transparent; }
.mpdd-trades::-webkit-scrollbar-thumb { background: #2b4259; border-radius: 8px; }
.mpdd-trades::-webkit-scrollbar-thumb:hover { background: #42617f; }