/* DistribuiPro 35.24 · Página de vendas: propaganda do Mensal e do pacote de revenda */
.dps,.dps *{box-sizing:border-box}
.dps{font-family:inherit;line-height:1.5;-webkit-font-smoothing:antialiased}
.dps-wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.dps a{text-decoration:none}

/* Faixa logo depois do topo */
.dps-strip{background:linear-gradient(90deg,#0b6e4f,#1d4ed8);color:#fff;padding:12px 0}
.dps-strip .dps-wrap{display:flex;align-items:center;justify-content:center;gap:10px 16px;flex-wrap:wrap;text-align:center}
.dps-strip p{margin:0;font-size:15px}
.dps-strip b{font-weight:800}
.dps-strip a{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0b3d91;font-weight:800;font-size:14px;padding:8px 14px;border-radius:999px;white-space:nowrap}
.dps-strip a:hover{background:#e8f0ff}

/* Bloco do Mensal */
.dps-mensal{background:radial-gradient(1200px 500px at 85% -10%,#1d4ed855,transparent 60%),linear-gradient(160deg,#07111f,#0d2340 60%,#0b2f2a);color:#e8f1fb;padding:64px 0}
.dps-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4ade80;background:#22c55e1f;border:1px solid #22c55e55;border-radius:999px;padding:6px 12px}
.dps-mensal h2,.dps-rev h2{margin:14px 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.15;color:#fff;font-weight:900;letter-spacing:-.01em}
.dps-mensal h2 em{font-style:normal;color:#4ade80}
.dps-lead{margin:0 0 28px;font-size:clamp(15px,1.8vw,18px);color:#b8cbe0;max-width:760px}
.dps-cols{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;align-items:stretch}
.dps-card{border-radius:20px;padding:24px;background:#ffffff0d;border:1px solid #ffffff1f}
.dps-card h3{margin:0 0 4px;font-size:18px;color:#fff}
.dps-card .dps-price{font-size:30px;font-weight:900;color:#fff;margin:6px 0 2px}
.dps-card .dps-price small{font-size:15px;font-weight:700;color:#9fb3c8}
.dps-card .dps-sub{font-size:13px;color:#9fb3c8;margin:0 0 14px}
.dps-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dps-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#d6e3f1}
.dps-list li i{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900}
.dps-card.is-zip .dps-list li i{background:#ffffff1a;color:#cbd5e1}
.dps-card.is-best{background:linear-gradient(160deg,#0f3d2e,#123a66);border:2px solid #22c55e;box-shadow:0 24px 60px #00000059;position:relative}
.dps-card.is-best .dps-list li i{background:#22c55e;color:#04220f}
.dps-card.is-best .dps-list li b{color:#fff}
.dps-badge{position:absolute;top:-13px;right:18px;background:#22c55e;color:#03210f;font-size:12px;font-weight:900;letter-spacing:.06em;padding:5px 12px;border-radius:999px;text-transform:uppercase}
.dps-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.dps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 22px;border-radius:14px;font-weight:900;font-size:16px;line-height:1.1;text-align:center}
.dps-btn-go{background:#22c55e;color:#03210f;box-shadow:0 10px 28px #22c55e40}
.dps-btn-go:hover{background:#4ade80}
.dps-btn-ghost{background:transparent;color:#e8f1fb;border:1px solid #ffffff40}
.dps-btn-ghost:hover{border-color:#fff}
.dps-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px;color:#9fb3c8}

/* Pacote de revenda */
.dps-rev{background:linear-gradient(160deg,#120c02,#2a1a04 55%,#1c1206);color:#f5e9d6;padding:64px 0}
.dps-rev .dps-eyebrow{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b66}
.dps-rev h2 em{font-style:normal;color:#fbbf24}
.dps-rev .dps-lead{color:#d9c7a8}
.dps-rev-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}
.dps-rev-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dps-rev-item{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid #f59e0b33}
.dps-rev-item span{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#f59e0b26}
.dps-rev-item b{display:block;color:#fff;font-size:15px}
.dps-rev-item small{display:block;color:#cdb894;font-size:13px}
.dps-rev-note{margin-top:14px;padding:16px 18px;border-radius:16px;background:#f59e0b14;border:1px dashed #f59e0b88;color:#f5e9d6;font-size:14px}
.dps-rev-note b{color:#fbbf24}
.dps-rev-card{border-radius:20px;padding:24px;background:linear-gradient(160deg,#3a2506,#1d1304);border:2px solid #f59e0b;box-shadow:0 24px 60px #0000006b}
.dps-rev-card h3{margin:0;color:#fff;font-size:18px}
.dps-rev-card .dps-price{font-size:34px;font-weight:900;color:#fff;margin:10px 0 0}
.dps-rev-card .dps-sub{font-size:13px;color:#d9c7a8;margin:2px 0 14px}
.dps-rev-card .dps-sum{font-size:13px;color:#d9c7a8;border-top:1px solid #f59e0b33;padding-top:12px;margin-top:12px}
.dps-btn-gold{background:#f59e0b;color:#1c1003;box-shadow:0 10px 28px #f59e0b40;width:100%}
.dps-btn-gold:hover{background:#fbbf24}

@media (max-width:860px){
  .dps-cols,.dps-rev-grid{grid-template-columns:1fr}
  .dps-card.is-best{order:-1}
}
@media (max-width:560px){
  .dps-mensal,.dps-rev{padding:44px 0}
  .dps-rev-items{grid-template-columns:1fr}
  .dps-actions .dps-btn{width:100%}
  .dps-strip p{font-size:14px}
}
