/** Shopify CDN: Minification failed

Line 5336:1 Expected "}" to go with "{"

**/
:root {
  --ptp-bg: #030712;
  --ptp-card: rgba(17, 24, 39, .72);
  --ptp-gold: #d4af37;
  --ptp-blue: #3b82f6;
  --ptp-text: #ffffff;
  --ptp-muted: rgba(255,255,255,.72);
  --ptp-border: rgba(255,255,255,.12);
}

.ptp-hero-v2 {
  position: relative;
  overflow: hidden;
  min-height: 94vh;
  display: flex;
  align-items: center;
  padding: 110px 20px;
  background:
    radial-gradient(circle at 78% 22%, rgba(59,130,246,.34), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(212,175,55,.16), transparent 34%),
    linear-gradient(135deg, #020617 0%, #030712 45%, #080b18 100%);
  color: var(--ptp-text);
}

.ptp-hero-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: .35;
}

.ptp-hero-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, rgba(212,175,55,.13) 46%, transparent 47%),
    radial-gradient(circle at 75% 35%, rgba(59,130,246,.22), transparent 35%);
  filter: blur(28px);
  opacity: .85;
}

.ptp-hero-v2__overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center, transparent 0%, rgba(0,0,0,.38) 78%),
    linear-gradient(180deg, rgba(3,7,18,.1), rgba(3,7,18,.82));
  z-index: 1;
}

.ptp-hero-v2__container {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 58px;
  align-items: center;
}

.ptp-pill {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.55);
  background: rgba(212,175,55,.09);
  color: #f8d76f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ptp-hero-v2__social {
  margin: 0 0 18px;
  color: rgba(255,255,255,.64);
  font-size: 14px;
}

.ptp-hero-v2__title {
  margin: 0 0 24px;
  max-width: 760px;
  font-size: clamp(48px, 6.8vw, 92px);
  line-height: .9;
  letter-spacing: -0.06em;
  font-weight: 950;
  color: #fff;
}

.ptp-hero-v2__title span {
  background: linear-gradient(135deg, #d4af37 0%, #fff1a8 55%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ptp-hero-v2__subtitle {
  max-width: 620px;
  margin: 0 0 34px;
  font-size: 18px;
  line-height: 1.7;
  color: var(--ptp-muted);
}

.ptp-hero-v2__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}

.ptp-btn-primary,
.ptp-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 16px 30px;
  border-radius: 18px;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  transition: .25s ease;
}

.ptp-btn-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #d4af37, #fff1a8, #b8860b);
  color: #050505;
  box-shadow: 0 0 42px rgba(212,175,55,.32);
}

.ptp-btn-primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: -90%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform: skewX(-20deg);
  animation: ptpShine 3.2s infinite;
}

@keyframes ptpShine {
  0% { left: -90%; }
  55% { left: 130%; }
  100% { left: 130%; }
}

.ptp-btn-primary:hover,
.ptp-btn-secondary:hover {
  transform: translateY(-3px);
}

.ptp-btn-secondary {
  border: 1px solid var(--ptp-border);
  color: #fff;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(12px);
}

.ptp-hero-v2__trust {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 18px;
  color: rgba(255,255,255,.78);
}

.ptp-hero-v2__trust span {
  color: var(--ptp-gold);
  letter-spacing: 2px;
}

.ptp-hero-v2__trust p {
  margin: 0;
  font-size: 14px;
}

.ptp-hero-v2__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
  color: rgba(255,255,255,.76);
  font-size: 13px;
}

.ptp-hero-v2__quick span {
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
}

.ptp-hero-v2__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 650px;
}

.ptp-hero-v2__cards div {
  padding: 18px 14px;
  border: 1px solid var(--ptp-border);
  border-radius: 20px;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(14px);
  color: rgba(255,255,255,.82);
  font-size: 13px;
  text-align: center;
}

.ptp-hero-v2__cards div span {
  display: block;
  font-size: 25px;
  margin-bottom: 8px;
}

.ptp-hero-v2__cards strong {
  display: block;
  color: #fff;
}

.ptp-hero-v2__media {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ptp-hero-v2__media--mobile {
  display: none;
}

.ptp-hero-v2__media::before {
  content: "";
  position: absolute;
  width: 76%;
  height: 76%;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(59,130,246,.42), transparent 65%),
    radial-gradient(circle, rgba(212,175,55,.14), transparent 70%);
  filter: blur(42px);
}

.ptp-hero-v2__media::after {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.18);
  box-shadow: inset 0 0 60px rgba(212,175,55,.08);
}

.ptp-hero-v2__image {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 740px;
  display: block;
  filter: drop-shadow(0 45px 90px rgba(0,0,0,.78));
  animation: ptpFloat 5.8s ease-in-out infinite;
}

@keyframes ptpFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}

@media (max-width: 990px) {
  .ptp-hero-v2 {
    min-height: auto;
    padding: 58px 16px 48px;
    text-align: center;
  }

  .ptp-hero-v2__container {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ptp-hero-v2__title {
    font-size: 42px;
  }

  .ptp-hero-v2__subtitle {
    font-size: 15.5px;
    margin-bottom: 24px;
  }

  .ptp-hero-v2__media--desktop {
    display: none;
  }

  .ptp-hero-v2__media--mobile {
    display: flex;
    min-height: auto;
    margin: 22px 0 28px;
  }

  .ptp-hero-v2__image {
    max-width: 460px;
  }

  .ptp-hero-v2__actions {
    flex-direction: column;
  }

  .ptp-btn-primary,
  .ptp-btn-secondary {
    width: 100%;
  }

  .ptp-hero-v2__trust,
  .ptp-hero-v2__quick {
    justify-content: center;
  }

  .ptp-hero-v2__cards {
    grid-template-columns: 1fr;
  }
}.ptp-section {
  position: relative;
  padding: 100px 20px;
  background:
    radial-gradient(circle at 80% 20%, rgba(59,130,246,.12), transparent 32%),
    linear-gradient(180deg, #030712 0%, #050816 100%);
  color: #fff;
}

.ptp-container {
  max-width: 1280px;
  margin: 0 auto;
}

.ptp-section-head {
  max-width: 820px;
  margin: 0 auto 52px;
  text-align: center;
}

.ptp-section-head h2 {
  margin: 18px 0;
  font-size: clamp(36px, 5vw, 66px);
  line-height: .95;
  letter-spacing: -0.045em;
  font-weight: 950;
  color: #fff;
}

.ptp-section-head p {
  margin: 0 auto;
  max-width: 720px;
  color: rgba(255,255,255,.72);
  font-size: 17px;
  line-height: 1.7;
}

.ptp-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.ptp-card {
  padding: 30px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(14px);
  box-shadow: 0 25px 70px rgba(0,0,0,.28);
  transition: .25s ease;
}

.ptp-card:hover {
  transform: translateY(-6px);
  border-color: rgba(212,175,55,.35);
  box-shadow: 0 35px 90px rgba(0,0,0,.38);
}

.ptp-card span {
  display: inline-flex;
  font-size: 34px;
  margin-bottom: 18px;
}

.ptp-card h3 {
  margin: 0 0 12px;
  font-size: 23px;
  color: #fff;
}

.ptp-card p {
  margin: 0;
  color: rgba(255,255,255,.68);
  line-height: 1.65;
  font-size: 15px;
}

@media (max-width: 900px) {
  .ptp-section {
    padding: 72px 16px;
  }

  .ptp-grid-3 {
    grid-template-columns: 1fr;
  }

  .ptp-card {
    padding: 24px;
  }
}.ptp-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ptp-step {
  position: relative;
  padding: 28px;
  border-radius: 24px;
  border: 1px solid var(--ptp-border);
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(14px);
}

.ptp-step small {
  color: var(--ptp-gold);
  font-weight: 900;
  letter-spacing: .12em;
}

.ptp-step h3 {
  margin: 14px 0 10px;
  color: #fff;
  font-size: 22px;
}

.ptp-step p {
  margin: 0;
  color: var(--ptp-muted);
  line-height: 1.65;
}

.ptp-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.ptp-split {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 44px;
  align-items: center;
}

.ptp-split h2,
.ptp-final-box h2 {
  margin: 18px 0;
  font-size: clamp(36px, 5vw, 66px);
  line-height: .95;
  letter-spacing: -0.045em;
  color: #fff;
}

.ptp-split p,
.ptp-final-box p {
  color: var(--ptp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.ptp-list {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}

.ptp-list span {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--ptp-border);
  background: rgba(255,255,255,.05);
  color: #fff;
}

.ptp-glow-card {
  padding: 38px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 30% 20%, rgba(59,130,246,.25), transparent 40%),
    rgba(255,255,255,.06);
  border: 1px solid rgba(212,175,55,.25);
  box-shadow: 0 35px 100px rgba(0,0,0,.35);
}

.ptp-glow-card h3 {
  margin: 0 0 14px;
  font-size: 30px;
  color: #fff;
}

.ptp-faq-list {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.ptp-faq-list details {
  border: 1px solid var(--ptp-border);
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  padding: 20px 22px;
}

.ptp-faq-list summary {
  cursor: pointer;
  color: #fff;
  font-weight: 900;
  font-size: 17px;
}

.ptp-faq-list p {
  color: var(--ptp-muted);
  line-height: 1.65;
  margin-bottom: 0;
}

.ptp-final-cta {
  padding: 110px 20px;
  background:
    radial-gradient(circle at 50% 20%, rgba(212,175,55,.18), transparent 34%),
    linear-gradient(180deg, #030712, #020617);
  color: #fff;
}

.ptp-final-box {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 58px 28px;
  border-radius: 34px;
  border: 1px solid rgba(212,175,55,.28);
  background: rgba(255,255,255,.06);
  box-shadow: 0 40px 120px rgba(0,0,0,.42);
}

.ptp-final-box .ptp-btn-primary {
  margin-top: 18px;
}

.ptp-final-box small {
  display: block;
  margin-top: 18px;
  color: rgba(255,255,255,.55);
}

@media (max-width: 900px) {
  .ptp-steps,
  .ptp-grid-4,
  .ptp-split {
    grid-template-columns: 1fr;
  }

  .ptp-final-cta {
    padding: 72px 16px;
  }
}.ptp-bonus-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ptp-bonus {
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  transition: .25s ease;
}

.ptp-bonus:hover {
  transform: translateY(-6px);
  border-color: rgba(212,175,55,.38);
  box-shadow: 0 30px 80px rgba(0,0,0,.34);
}

.ptp-bonus small {
  color: var(--ptp-gold);
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ptp-bonus h3 {
  margin: 14px 0 10px;
  color: #fff;
  font-size: 20px;
}

.ptp-bonus p {
  margin: 0;
  color: var(--ptp-muted);
  line-height: 1.55;
  font-size: 14px;
}

.ptp-roadmap-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ptp-roadmap-list div {
  position: relative;
  padding: 28px;
  border-radius: 24px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.12);
}

.ptp-roadmap-list small {
  color: var(--ptp-gold);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.ptp-roadmap-list h3 {
  margin: 14px 0 10px;
  color: #fff;
  font-size: 22px;
}

.ptp-roadmap-list p {
  margin: 0;
  color: var(--ptp-muted);
  line-height: 1.6;
}

.ptp-value-box {
  max-width: 900px;
  margin: 0 auto;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  box-shadow: 0 35px 100px rgba(0,0,0,.35);
}

.ptp-value-box div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 26px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.78);
}

.ptp-value-box div:last-child {
  border-bottom: none;
}

.ptp-value-box strong {
  color: #fff;
  white-space: nowrap;
}

.ptp-value-total {
  background: linear-gradient(135deg, rgba(212,175,55,.22), rgba(59,130,246,.10));
}

.ptp-value-total span,
.ptp-value-total strong {
  color: #f8d76f;
  font-size: 20px;
  font-weight: 900;
}

.ptp-price-box {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  padding: 52px 28px;
  border-radius: 34px;
  border: 1px solid rgba(212,175,55,.28);
  background:
    radial-gradient(circle at top, rgba(212,175,55,.18), transparent 38%),
    rgba(255,255,255,.06);
  box-shadow: 0 40px 120px rgba(0,0,0,.42);
}

.ptp-price-box h2 {
  margin: 18px 0;
  font-size: clamp(36px, 5vw, 64px);
  line-height: .95;
  color: #fff;
}

.ptp-price-box p {
  color: var(--ptp-muted);
  line-height: 1.65;
}

.ptp-price-number {
  margin: 30px auto;
}

.ptp-price-number small {
  display: block;
  color: var(--ptp-muted);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
}

.ptp-price-number strong {
  display: block;
  margin-top: 8px;
  font-size: clamp(62px, 10vw, 104px);
  line-height: .9;
  color: #f8d76f;
}

.ptp-price-checks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 26px;
}

.ptp-price-checks span {
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 14px;
}

@media (max-width: 900px) {
  .ptp-bonus-list,
  .ptp-roadmap-list {
    grid-template-columns: 1fr;
  }

  .ptp-value-box div {
    align-items: flex-start;
    flex-direction: column;
  }

  .ptp-price-checks {
    grid-template-columns: 1fr;
  }
}.ptp-ecosystem-box {
  position: relative;
  max-width: 1050px;
  margin: 0 auto;
  padding: 28px;
  border-radius: 36px;
  border: 1px solid rgba(212,175,55,.22);
  background:
    radial-gradient(circle at 50% 20%, rgba(59,130,246,.22), transparent 42%),
    rgba(255,255,255,.045);
  box-shadow: 0 45px 130px rgba(0,0,0,.45);
}

.ptp-ecosystem-box::before {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(59,130,246,.32), transparent 68%);
  filter: blur(50px);
}

.ptp-ecosystem-img {
  position: relative;
  z-index: 2;
  width: 100%;
  display: block;
  border-radius: 28px;
  filter: drop-shadow(0 35px 80px rgba(0,0,0,.68));
}

.ptp-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 1050px;
  margin: 0 auto;
}

.ptp-compare-card {
  padding: 34px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
}

.ptp-compare-card--gold {
  border-color: rgba(212,175,55,.34);
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.22), transparent 38%),
    rgba(255,255,255,.06);
}

.ptp-compare-card h3 {
  margin: 0 0 22px;
  color: #fff;
  font-size: 30px;
}

.ptp-compare-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.ptp-compare-card li {
  color: rgba(255,255,255,.78);
  line-height: 1.55;
  padding-left: 28px;
  position: relative;
}

.ptp-compare-card--dark li::before {
  content: "×";
  position: absolute;
  left: 0;
  color: #ff6b6b;
  font-weight: 900;
}

.ptp-compare-card--gold li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #f8d76f;
  font-weight: 900;
}

.ptp-sticky-bar {
  position: fixed;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 50;
  max-width: 960px;
  margin: 0 auto;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(212,175,55,.28);
  background: rgba(3,7,18,.86);
  backdrop-filter: blur(18px);
  box-shadow: 0 25px 80px rgba(0,0,0,.55);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

.ptp-sticky-bar strong {
  display: block;
  color: #fff;
  font-size: 15px;
}

.ptp-sticky-bar span {
  display: block;
  color: rgba(255,255,255,.62);
  font-size: 12px;
}

.ptp-sticky-btn {
  white-space: nowrap;
  padding: 12px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, #d4af37, #fff1a8, #b8860b);
  color: #050505;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
}

@media (max-width: 900px) {
  .ptp-compare-grid {
    grid-template-columns: 1fr;
  }

  .ptp-ecosystem-box {
    padding: 14px;
    border-radius: 26px;
  }

  .ptp-sticky-bar {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }

  .ptp-sticky-bar span {
    display: none;
  }
}.ptp-topbar {
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  padding: 10px 16px;
  background: #020617;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ptp-topbar span::before {
  content: "✓ ";
  color: #d4af37;
}

.ptp-countdown {
  padding: 85px 20px;
  background:
    radial-gradient(circle at 50% 20%, rgba(212,175,55,.16), transparent 34%),
    linear-gradient(180deg, #030712, #020617);
  color: #fff;
}

.ptp-countdown-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 44px 24px;
  border-radius: 34px;
  border: 1px solid rgba(212,175,55,.25);
  background: rgba(255,255,255,.055);
  box-shadow: 0 35px 100px rgba(0,0,0,.38);
}

.ptp-countdown-box h2 {
  margin: 18px auto 28px;
  max-width: 720px;
  font-size: clamp(32px, 5vw, 58px);
  line-height: .95;
  letter-spacing: -0.045em;
  color: #fff;
}

.ptp-timer {
  display: flex;
  justify-content: center;
  gap: 14px;
}

.ptp-timer div {
  width: 130px;
  padding: 20px 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
}

.ptp-timer strong {
  display: block;
  color: #f8d76f;
  font-size: 42px;
  line-height: 1;
}

.ptp-timer span {
  display: block;
  margin-top: 7px;
  color: rgba(255,255,255,.65);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.ptp-guarantee-box {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 52px 28px;
  border-radius: 34px;
  border: 1px solid rgba(212,175,55,.25);
  background:
    radial-gradient(circle at top, rgba(59,130,246,.16), transparent 38%),
    rgba(255,255,255,.055);
  box-shadow: 0 35px 110px rgba(0,0,0,.36);
}

.ptp-guarantee-box h2 {
  margin: 18px 0;
  font-size: clamp(34px, 5vw, 62px);
  line-height: .95;
  letter-spacing: -0.045em;
  color: #fff;
}

.ptp-guarantee-box p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--ptp-muted);
  line-height: 1.7;
  font-size: 17px;
}

.ptp-guarantee-grid {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.ptp-guarantee-grid div {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
  color: rgba(255,255,255,.78);
  font-size: 14px;
}

.ptp-footer-premium {
  padding: 70px 20px 110px;
  background: #020617;
  border-top: 1px solid rgba(255,255,255,.08);
  color: #fff;
  text-align: center;
}

.ptp-footer-premium h3 {
  margin: 0 0 12px;
  font-size: 28px;
  color: #fff;
}

.ptp-footer-premium p {
  max-width: 680px;
  margin: 0 auto 24px;
  color: rgba(255,255,255,.65);
  line-height: 1.65;
}

.ptp-footer-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.ptp-footer-tags span {
  padding: 10px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
  color: rgba(255,255,255,.72);
  font-size: 13px;
}

.ptp-footer-premium small {
  color: rgba(255,255,255,.45);
}

@media (max-width: 900px) {
  .ptp-topbar {
    gap: 10px;
    font-size: 10px;
  }

  .ptp-timer {
    gap: 8px;
  }

  .ptp-timer div {
    width: 100%;
    padding: 16px 8px;
  }

  .ptp-timer strong {
    font-size: 32px;
  }

  .ptp-guarantee-grid {
    grid-template-columns: 1fr;
  }
}/* ==================================================
   HERO FINAL — PERFORMANCE TRADER PRO
================================================== */

.ptp-hero-v2 {
  isolation: isolate;
  min-height: 92vh;
  padding-top: 92px;
  padding-bottom: 92px;
}

/* Gráfico técnico decorativo */
.ptp-hero-v2__overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .12;
  background-image:
    linear-gradient(
      115deg,
      transparent 0 12%,
      rgba(59, 130, 246, .75) 12.2% 12.45%,
      transparent 12.7% 25%,
      rgba(212, 175, 55, .65) 25.2% 25.45%,
      transparent 25.7% 42%,
      rgba(59, 130, 246, .65) 42.2% 42.45%,
      transparent 42.7% 61%,
      rgba(212, 175, 55, .55) 61.2% 61.45%,
      transparent 61.7%
    );
  mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 75%, transparent);
}

/* Halo principal detrás del mockup */
.ptp-hero-v2__media::before {
  width: 92%;
  height: 92%;
  background:
    radial-gradient(circle at 50% 45%, rgba(59,130,246,.50), transparent 48%),
    radial-gradient(circle at 55% 55%, rgba(212,175,55,.20), transparent 62%);
  filter: blur(48px);
  animation: ptpGlowPulse 4.8s ease-in-out infinite;
}

@keyframes ptpGlowPulse {
  0%, 100% {
    opacity: .72;
    transform: scale(.96);
  }
  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

/* Mockup más protagonista */
.ptp-hero-v2__image {
  max-width: 790px;
  transform-origin: center;
  filter:
    drop-shadow(0 48px 90px rgba(0,0,0,.82))
    drop-shadow(0 0 26px rgba(59,130,246,.18));
}

/* Título con mejor respiración */
.ptp-hero-v2__title {
  line-height: .94;
  text-wrap: balance;
}

/* Botón principal más fuerte */
.ptp-btn-primary {
  min-height: 60px;
  padding-inline: 34px;
  letter-spacing: .01em;
  box-shadow:
    0 0 36px rgba(212,175,55,.30),
    0 14px 34px rgba(0,0,0,.28);
}

/* Beneficios más limpios */
.ptp-hero-v2__quick span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 9px 13px;
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.09);
}

/* Tarjetas finales del hero */
.ptp-hero-v2__cards div {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.ptp-hero-v2__cards div:hover {
  transform: translateY(-5px);
  border-color: rgba(212,175,55,.32);
  box-shadow:
    0 22px 55px rgba(0,0,0,.30),
    0 0 28px rgba(59,130,246,.10);
}

/* Optimización celular */
@media (max-width: 990px) {
  .ptp-hero-v2 {
    padding-top: 46px;
    padding-bottom: 54px;
  }

  .ptp-hero-v2__title {
    font-size: clamp(39px, 11vw, 52px);
    line-height: .96;
    margin-bottom: 20px;
  }

  .ptp-hero-v2__subtitle {
    max-width: 520px;
    line-height: 1.62;
  }

  .ptp-hero-v2__media--mobile {
    margin: 8px 0 20px;
  }

  .ptp-hero-v2__image {
    width: 112%;
    max-width: 520px;
    margin-left: -6%;
  }

  .ptp-hero-v2__quick {
    gap: 7px;
  }

  .ptp-hero-v2__quick span {
    font-size: 11px;
    padding: 8px 10px;
  }

  .ptp-hero-v2__cards {
    gap: 10px;
  }

  .ptp-hero-v2__cards div {
    min-height: 94px;
    padding: 14px 12px;
  }
}

@media (max-width: 480px) {
  .ptp-pill {
    font-size: 10px;
    padding: 8px 12px;
  }

  .ptp-hero-v2__social {
    font-size: 12px;
  }

  .ptp-btn-primary,
  .ptp-btn-secondary {
    min-height: 56px;
  }
}

/* Reduce movimiento si el dispositivo lo solicita */
@media (prefers-reduced-motion: reduce) {
  .ptp-hero-v2__image,
  .ptp-hero-v2__media::before,
  .ptp-btn-primary::after {
    animation: none !important;
  }
}/* =========================================
   ICONOS SVG — PERFORMANCE UI
========================================= */

.ptp-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  color: #f8d76f;
  stroke-width: 1.8;
}

.ptp-icon-box {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 17px;
  border: 1px solid rgba(212, 175, 55, .25);
  background:
    linear-gradient(145deg, rgba(212,175,55,.14), rgba(59,130,246,.07));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 14px 34px rgba(0,0,0,.18);
}

.ptp-card .ptp-icon-box {
  transition: transform .25s ease, border-color .25s ease;
}

.ptp-card:hover .ptp-icon-box {
  transform: translateY(-3px) scale(1.04);
  border-color: rgba(212,175,55,.48);
}

.ptp-hero-feature-icon {
  width: 26px;
  height: 26px;
  margin-bottom: 9px;
  color: #f8d76f;
  stroke-width: 1.8;
}

.ptp-quick-icon {
  width: 16px;
  height: 16px;
  margin-right: 7px;
  color: #f8d76f;
  stroke-width: 2;
}/*==========================
MÓDULOS
==========================*/

.ptp-modulos{

padding:120px 20px;

background:#060812;

}

.ptp-modulos-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:22px;

margin-top:70px;

}

.ptp-modulo-card{

background:rgba(255,255,255,.03);

border:1px solid rgba(255,255,255,.08);

border-radius:26px;

padding:34px;

transition:.35s;

}

.ptp-modulo-card:hover{

transform:translateY(-8px);

border-color:#d4af37;

box-shadow:0 25px 70px rgba(212,175,55,.15);

}

.ptp-numero{

font-size:14px;

font-weight:700;

letter-spacing:2px;

color:#d4af37;

margin-bottom:18px;

}

.ptp-modulo-card h3{

font-size:26px;

margin-bottom:14px;

color:white;

}

.ptp-modulo-card p{

color:#aeb6c7;

line-height:1.8;

}

@media(max-width:900px){

.ptp-modulos-grid{

grid-template-columns:1fr;

}

}/* =========================================
   FONDO FINANCIERO DEL HERO
========================================= */

.ptp-market-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .42;
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 13%,
    #000 78%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 13%,
    #000 78%,
    transparent 100%
  );
}

.ptp-market-background__chart {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  opacity: .72;
  transform: scale(1.04);
}

.ptp-market-grid path {
  stroke: rgba(255, 255, 255, .055);
  stroke-width: 1;
}

.ptp-market-line {
  stroke: url(#ptpChartLine);
  stroke-width: 3;
  stroke-linecap: round;
  filter: drop-shadow(0 0 10px rgba(59, 130, 246, .28));
  animation: ptpChartGlow 5s ease-in-out infinite;
}

.ptp-market-area {
  fill: url(#ptpChartArea);
}

.ptp-candles path {
  stroke: rgba(147, 197, 253, .42);
  stroke-width: 2;
}

.ptp-candles rect {
  fill: rgba(59, 130, 246, .18);
  stroke: rgba(147, 197, 253, .48);
  stroke-width: 1.5;
}

.ptp-candles g:nth-child(even) rect {
  fill: rgba(212, 175, 55, .14);
  stroke: rgba(248, 215, 111, .46);
}

.ptp-candles g:nth-child(even) path {
  stroke: rgba(248, 215, 111, .40);
}

.ptp-fibonacci-lines path {
  stroke: rgba(212, 175, 55, .13);
  stroke-width: 1;
  stroke-dasharray: 8 10;
}

@keyframes ptpChartGlow {
  0%,
  100% {
    opacity: .55;
  }

  50% {
    opacity: 1;
  }
}

/* Mantiene todo el contenido delante del gráfico */
.ptp-hero-v2__overlay {
  z-index: 1;
}

.ptp-hero-v2__container {
  z-index: 3;
}

/* Oscurece el gráfico detrás del texto para conservar legibilidad */
.ptp-hero-v2__content {
  position: relative;
}

.ptp-hero-v2__content::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -40px -50px;
  background: radial-gradient(
    circle at 35% 45%,
    rgba(3, 7, 18, .88),
    rgba(3, 7, 18, .52) 55%,
    transparent 78%
  );
  filter: blur(15px);
}

/* Sombra inferior para que el mockup parezca apoyado */
.ptp-hero-v2__media::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: 7%;
  height: 45px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .62);
  filter: blur(24px);
  transform: perspective(300px) rotateX(68deg);
  z-index: 1;
}

/* Ajuste para el mockup maestro horizontal */
.ptp-hero-v2__image {
  max-width: 820px;
  object-fit: contain;
}

@media (max-width: 990px) {
  .ptp-market-background {
    opacity: .26;
  }

  .ptp-market-background__chart {
    left: 50%;
    width: 1350px;
    max-width: none;
    transform: translateX(-50%) scale(1.02);
  }

  .ptp-hero-v2__content::before {
    inset: -25px -15px;
    background: radial-gradient(
      circle at center,
      rgba(3, 7, 18, .91),
      rgba(3, 7, 18, .58) 62%,
      transparent 88%
    );
  }

  .ptp-hero-v2__media::after {
    left: 10%;
    right: 10%;
    bottom: 2%;
  }

  .ptp-hero-v2__image {
    width: 108%;
    max-width: 560px;
    margin-left: -4%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ptp-market-line {
    animation: none;
  }
}/* =====================================================
   HERO ULTRA PREMIUM — AJUSTES FINALES
   Pegar al final de ptp.css
===================================================== */

.ptp-hero-v2 {
  min-height: 96vh;
  isolation: isolate;
  background:
    radial-gradient(circle at 76% 30%, rgba(37, 99, 235, .28), transparent 28%),
    radial-gradient(circle at 65% 56%, rgba(212, 175, 55, .13), transparent 33%),
    radial-gradient(circle at 10% 95%, rgba(30, 64, 175, .12), transparent 34%),
    linear-gradient(135deg, #01040c 0%, #030712 42%, #07111f 72%, #020617 100%);
}

/* Oscurecimiento elegante en los bordes */
.ptp-hero-v2__overlay {
  background:
    linear-gradient(
      90deg,
      rgba(1, 4, 12, .80) 0%,
      rgba(3, 7, 18, .42) 48%,
      rgba(3, 7, 18, .12) 76%,
      rgba(1, 4, 12, .34) 100%
    ),
    radial-gradient(
      circle at center,
      transparent 18%,
      rgba(1, 4, 12, .52) 100%
    );
}

/* Resplandor principal detrás del producto */
.ptp-hero-v2__media::before {
  width: 98%;
  height: 92%;
  opacity: .95;
  background:
    radial-gradient(
      ellipse at 50% 46%,
      rgba(59, 130, 246, .44) 0%,
      rgba(37, 99, 235, .22) 31%,
      transparent 65%
    ),
    radial-gradient(
      ellipse at 54% 58%,
      rgba(212, 175, 55, .22) 0%,
      transparent 60%
    );
  filter: blur(45px);
  animation: ptpHeroHalo 5.5s ease-in-out infinite;
}

@keyframes ptpHeroHalo {
  0%,
  100% {
    opacity: .72;
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

/* Línea orbital alrededor del mockup */
.ptp-hero-v2__media::after {
  left: 8%;
  right: 8%;
  bottom: 4%;
  height: 54px;
  border: 1px solid rgba(212, 175, 55, .20);
  background:
    radial-gradient(
      ellipse,
      rgba(59, 130, 246, .22),
      rgba(0, 0, 0, .62) 55%,
      transparent 73%
    );
  box-shadow:
    0 0 40px rgba(59, 130, 246, .16),
    inset 0 0 22px rgba(212, 175, 55, .09);
  filter: blur(12px);
}

/* Mockup más protagonista */
.ptp-hero-v2__image {
  max-width: 850px;
  transform-origin: center center;
  filter:
    drop-shadow(0 46px 76px rgba(0, 0, 0, .78))
    drop-shadow(0 0 25px rgba(59, 130, 246, .20))
    drop-shadow(0 0 13px rgba(212, 175, 55, .13));
  animation: ptpHeroFloat 6s ease-in-out infinite;
}

@keyframes ptpHeroFloat {
  0%,
  100% {
    transform: translateY(0) rotate(.15deg);
  }

  50% {
    transform: translateY(-14px) rotate(-.15deg);
  }
}

/* Título con mayor presencia */
.ptp-hero-v2__title {
  max-width: 780px;
  margin-bottom: 26px;
  line-height: .94;
  letter-spacing: -.055em;
  text-wrap: balance;
  text-shadow: 0 9px 35px rgba(0, 0, 0, .30);
}

.ptp-hero-v2__title span {
  background:
    linear-gradient(
      120deg,
      #f5cb52 0%,
      #fff0a3 34%,
      #d4af37 60%,
      #60a5fa 100%
    );
  background-size: 170% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: ptpTitleGradient 5s ease-in-out infinite alternate;
}

@keyframes ptpTitleGradient {
  from {
    background-position: 0% center;
  }

  to {
    background-position: 100% center;
  }
}

/* Subtítulo más legible */
.ptp-hero-v2__subtitle {
  max-width: 650px;
  color: rgba(255, 255, 255, .77);
  text-wrap: pretty;
}

/* Botón principal con brillo deslizante */
.ptp-btn-primary {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 61px;
  padding-inline: 35px;
  border: 1px solid rgba(255, 240, 168, .42);
  background:
    linear-gradient(
      115deg,
      #b88712 0%,
      #d4af37 26%,
      #fff0a4 52%,
      #d4af37 75%,
      #9d700a 100%
    );
  background-size: 200% auto;
  box-shadow:
    0 16px 35px rgba(0, 0, 0, .30),
    0 0 35px rgba(212, 175, 55, .31),
    inset 0 1px 0 rgba(255, 255, 255, .50);
  animation: ptpButtonGradient 5s linear infinite;
}

@keyframes ptpButtonGradient {
  to {
    background-position: 200% center;
  }
}

.ptp-btn-primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -30%;
  bottom: -30%;
  left: -55%;
  width: 38%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, .72),
    transparent
  );
  transform: skewX(-22deg);
  animation: ptpButtonShine 3.5s ease-in-out infinite;
}

@keyframes ptpButtonShine {
  0%,
  58% {
    left: -55%;
  }

  82%,
  100% {
    left: 125%;
  }
}

.ptp-btn-primary:hover {
  transform: translateY(-4px) scale(1.015);
  box-shadow:
    0 20px 45px rgba(0, 0, 0, .36),
    0 0 55px rgba(212, 175, 55, .47);
}

/* Botón secundario glass */
.ptp-btn-secondary {
  border-color: rgba(147, 197, 253, .18);
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .075),
      rgba(255, 255, 255, .025)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 14px 35px rgba(0, 0, 0, .15);
}

.ptp-btn-secondary:hover {
  border-color: rgba(96, 165, 250, .45);
  background: rgba(59, 130, 246, .09);
  box-shadow:
    0 18px 45px rgba(0, 0, 0, .28),
    0 0 32px rgba(59, 130, 246, .14);
}

/* Beneficios rápidos glass */
.ptp-hero-v2__quick span {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .068),
      rgba(255, 255, 255, .022)
    );
  border: 1px solid rgba(255, 255, 255, .10);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055),
    0 12px 28px rgba(0, 0, 0, .13);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

/* Tarjetas inferiores glass premium */
.ptp-hero-v2__cards div {
  position: relative;
  overflow: hidden;
  min-height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(147, 197, 253, .13);
  background:
    radial-gradient(
      circle at top left,
      rgba(59, 130, 246, .11),
      transparent 48%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .075),
      rgba(255, 255, 255, .025)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 22px 52px rgba(0, 0, 0, .22);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.ptp-hero-v2__cards div::after {
  content: "";
  position: absolute;
  inset: auto 15% 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212, 175, 55, .65),
    transparent
  );
  opacity: 0;
  transition: opacity .25s ease;
}

.ptp-hero-v2__cards div:hover {
  transform: translateY(-7px);
  border-color: rgba(212, 175, 55, .34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    0 28px 70px rgba(0, 0, 0, .34),
    0 0 28px rgba(59, 130, 246, .11);
}

.ptp-hero-v2__cards div:hover::after {
  opacity: 1;
}

/* Íconos con halo */
.ptp-hero-feature-icon {
  filter: drop-shadow(0 0 9px rgba(212, 175, 55, .28));
}

/* Ajustes específicos para celular */
@media (max-width: 990px) {
  .ptp-hero-v2 {
    min-height: auto;
    padding-top: 48px;
    padding-bottom: 56px;
  }

  .ptp-hero-v2__title {
    font-size: clamp(39px, 11vw, 52px);
    line-height: .96;
  }

  .ptp-hero-v2__media--mobile {
    margin-top: 5px;
    margin-bottom: 23px;
  }

  .ptp-hero-v2__image {
    width: 110%;
    max-width: 580px;
    margin-left: -5%;
  }

  .ptp-hero-v2__cards div {
    min-height: 98px;
  }
}

@media (max-width: 480px) {
  .ptp-hero-v2__actions {
    gap: 11px;
  }

  .ptp-btn-primary,
  .ptp-btn-secondary {
    min-height: 57px;
    border-radius: 16px;
  }

  .ptp-hero-v2__quick {
    gap: 7px;
  }

  .ptp-hero-v2__quick span {
    min-height: 37px;
    padding: 8px 10px;
    font-size: 11px;
  }
}

/* Accesibilidad: reduce animaciones si el usuario lo solicita */
@media (prefers-reduced-motion: reduce) {
  .ptp-hero-v2__image,
  .ptp-hero-v2__media::before,
  .ptp-hero-v2__title span,
  .ptp-btn-primary,
  .ptp-btn-primary::before {
    animation: none !important;
  }
}/* =========================================================
   FONDO GLOBAL FINANCIERO — TRADING PERFORMANCE PRO
   Velas verdes y rojas + grid + glows
   Pegar al final de ptp.css
========================================================= */

:root {
  --ptp-market-opacity: .25;
  --ptp-market-opacity-mobile: .17;
  --ptp-green: #00e676;
  --ptp-red: #ff3b30;
  --ptp-electric-blue: #168bff;
  --ptp-premium-gold: #d4af37;
}

/* Secciones que compartirán la nueva identidad */
.ptp-section,
.ptp-countdown,
.ptp-final-cta,
.ptp-footer-premium {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 84% 18%,
      rgba(0, 230, 118, .075),
      transparent 28%
    ),
    radial-gradient(
      circle at 15% 82%,
      rgba(255, 59, 48, .075),
      transparent 30%
    ),
    radial-gradient(
      circle at 55% 48%,
      rgba(22, 139, 255, .09),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #020611 0%,
      #030817 48%,
      #020611 100%
    ) !important;
}

/* Fondo técnico con velas */
.ptp-section::before,
.ptp-countdown::before,
.ptp-final-cta::before,
.ptp-footer-premium::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;

  background-image:
    url("data:image/svg+xml,%3Csvg width='1440' height='760' viewBox='0 0 1440 760' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg stroke='%23ffffff' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M0 95H1440M0 190H1440M0 285H1440M0 380H1440M0 475H1440M0 570H1440M0 665H1440'/%3E%3Cpath d='M120 0V760M240 0V760M360 0V760M480 0V760M600 0V760M720 0V760M840 0V760M960 0V760M1080 0V760M1200 0V760M1320 0V760'/%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cg stroke='%2300e676' stroke-opacity='.82'%3E%3Cpath d='M80 480V630'/%3E%3Crect x='68' y='520' width='24' height='66' rx='2' fill='%2300e676' fill-opacity='.32'/%3E%3Cpath d='M210 430V575'/%3E%3Crect x='198' y='465' width='24' height='72' rx='2' fill='%2300e676' fill-opacity='.32'/%3E%3Cpath d='M380 375V540'/%3E%3Crect x='368' y='410' width='24' height='86' rx='2' fill='%2300e676' fill-opacity='.32'/%3E%3Cpath d='M590 310V475'/%3E%3Crect x='578' y='342' width='24' height='90' rx='2' fill='%2300e676' fill-opacity='.32'/%3E%3Cpath d='M820 250V410'/%3E%3Crect x='808' y='286' width='24' height='82' rx='2' fill='%2300e676' fill-opacity='.32'/%3E%3Cpath d='M1050 180V345'/%3E%3Crect x='1038' y='215' width='24' height='88' rx='2' fill='%2300e676' fill-opacity='.32'/%3E%3Cpath d='M1320 95V265'/%3E%3Crect x='1308' y='132' width='24' height='91' rx='2' fill='%2300e676' fill-opacity='.32'/%3E%3C/g%3E%3Cg stroke='%23ff3b30' stroke-opacity='.80'%3E%3Cpath d='M145 455V610'/%3E%3Crect x='133' y='490' width='24' height='73' rx='2' fill='%23ff3b30' fill-opacity='.30'/%3E%3Cpath d='M295 395V560'/%3E%3Crect x='283' y='430' width='24' height='82' rx='2' fill='%23ff3b30' fill-opacity='.30'/%3E%3Cpath d='M485 350V510'/%3E%3Crect x='473' y='386' width='24' height='78' rx='2' fill='%23ff3b30' fill-opacity='.30'/%3E%3Cpath d='M700 280V445'/%3E%3Crect x='688' y='315' width='24' height='85' rx='2' fill='%23ff3b30' fill-opacity='.30'/%3E%3Cpath d='M935 215V380'/%3E%3Crect x='923' y='250' width='24' height='86' rx='2' fill='%23ff3b30' fill-opacity='.30'/%3E%3Cpath d='M1180 135V305'/%3E%3Crect x='1168' y='174' width='24' height='87' rx='2' fill='%23ff3b30' fill-opacity='.30'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M0 655C120 620 170 665 265 575C350 495 430 545 525 445C610 355 700 420 790 325C875 235 955 310 1045 218C1135 125 1230 205 1320 112C1370 62 1405 75 1440 45' stroke='%23168bff' stroke-opacity='.48' stroke-width='2.5'/%3E%3Cpath d='M0 680C140 650 220 690 340 600C450 520 535 575 650 470C755 375 850 435 955 330C1060 230 1160 285 1265 180C1340 105 1390 125 1440 70' stroke='%23d4af37' stroke-opacity='.20' stroke-width='1.5' stroke-dasharray='8 10'/%3E%3C/g%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: var(--ptp-market-opacity);

  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );

  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
}

/* Capa para asegurar que las imágenes y textos sigan resaltando */
.ptp-section::after,
.ptp-countdown::after,
.ptp-final-cta::after,
.ptp-footer-premium::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at center,
      transparent 0%,
      rgba(2, 6, 17, .12) 48%,
      rgba(2, 6, 17, .62) 100%
    ),
    linear-gradient(
      90deg,
      rgba(2, 6, 17, .30),
      transparent 35%,
      transparent 65%,
      rgba(2, 6, 17, .30)
    );
}

/* Todo el contenido queda delante del fondo */
.ptp-section > *,
.ptp-countdown > *,
.ptp-final-cta > *,
.ptp-footer-premium > * {
  position: relative;
  z-index: 2;
}

/* Variaciones de posición para que no parezca un fondo repetido */
.ptp-problem::before,
.ptp-includes::before,
.ptp-community::before,
.ptp-value::before {
  background-position: center top;
}

.ptp-method::before,
.ptp-ai::before,
.ptp-roadmap::before,
.ptp-guarantee::before {
  background-position: center bottom;
  transform: scaleX(-1);
}

.ptp-bonus-grid::before,
.ptp-comparison::before,
.ptp-price::before,
.ptp-faq::before {
  background-position: 58% center;
}

/* Cards más oscuras para mantener buena lectura */
.ptp-card,
.ptp-step,
.ptp-bonus,
.ptp-roadmap-list div,
.ptp-compare-card,
.ptp-glow-card,
.ptp-value-box,
.ptp-price-box,
.ptp-guarantee-box,
.ptp-faq-list details,
.ptp-final-box,
.ptp-ecosystem-box {
  background:
    linear-gradient(
      145deg,
      rgba(8, 16, 34, .91),
      rgba(5, 10, 24, .86)
    ) !important;

  border-color: rgba(96, 165, 250, .15);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}

/* Glow de colores al pasar el mouse */
.ptp-card:hover,
.ptp-step:hover,
.ptp-bonus:hover,
.ptp-roadmap-list div:hover {
  border-color: rgba(212, 175, 55, .34);

  box-shadow:
    0 28px 75px rgba(0, 0, 0, .40),
    -10px 0 35px rgba(0, 230, 118, .055),
    10px 0 35px rgba(255, 59, 48, .045),
    0 0 30px rgba(22, 139, 255, .085);
}

/* Ecosistema: protección extra para que el mockup se vea nítido */
.ptp-ecosystem-box::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;

  background:
    radial-gradient(
      circle at center,
      transparent 30%,
      rgba(2, 6, 17, .18) 100%
    );
}

.ptp-ecosystem-img {
  position: relative;
  z-index: 3;
}

/* Footer oscuro para cerrar visualmente la página */
.ptp-footer-premium {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(22, 139, 255, .09),
      transparent 36%
    ),
    #01040c !important;
}

/* =========================================================
   HERO: VELAS VERDES Y ROJAS MÁS VISIBLES
========================================================= */

.ptp-market-background {
  opacity: .64;
}

.ptp-market-grid path {
  stroke: rgba(255, 255, 255, .065);
}

.ptp-market-line {
  stroke: rgba(22, 139, 255, .55);
  filter: drop-shadow(0 0 10px rgba(22, 139, 255, .30));
}

/* Velas verdes */
.ptp-candles g:nth-child(odd) path {
  stroke: rgba(0, 230, 118, .92);
}

.ptp-candles g:nth-child(odd) rect {
  fill: rgba(0, 230, 118, .38);
  stroke: rgba(0, 255, 133, .95);
  filter: drop-shadow(0 0 7px rgba(0, 230, 118, .30));
}

/* Velas rojas */
.ptp-candles g:nth-child(even) path {
  stroke: rgba(255, 59, 48, .92);
}

.ptp-candles g:nth-child(even) rect {
  fill: rgba(255, 59, 48, .36);
  stroke: rgba(255, 88, 78, .96);
  filter: drop-shadow(0 0 7px rgba(255, 59, 48, .26));
}

/* Fibonacci dorado más visible */
.ptp-fibonacci-lines path {
  stroke: rgba(212, 175, 55, .20);
}

/* En celular bajamos intensidad para no ensuciar el contenido */
@media (max-width: 900px) {
  :root {
    --ptp-market-opacity: var(--ptp-market-opacity-mobile);
  }

  .ptp-section::before,
  .ptp-countdown::before,
  .ptp-final-cta::before,
  .ptp-footer-premium::before {
    background-size: auto 100%;
    background-position: 58% center;
  }

  .ptp-market-background {
    opacity: .42;
  }

  .ptp-card,
  .ptp-step,
  .ptp-bonus,
  .ptp-roadmap-list div,
  .ptp-compare-card,
  .ptp-glow-card,
  .ptp-price-box,
  .ptp-guarantee-box,
  .ptp-faq-list details,
  .ptp-final-box {
    background:
      linear-gradient(
        145deg,
        rgba(8, 16, 34, .94),
        rgba(4, 9, 22, .91)
      ) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ptp-market-background,
  .ptp-candles rect,
  .ptp-market-line {
    animation: none !important;
  }
}/* =========================================================
   PASO 2 — SISTEMA GLOBAL DE TARJETAS PTP
   Unifica todas las cards de la landing
========================================================= */

:root {
  --ptp-card-bg-top: rgba(11, 22, 43, .94);
  --ptp-card-bg-bottom: rgba(4, 10, 25, .92);
  --ptp-card-border: rgba(96, 165, 250, .18);
  --ptp-card-border-hover: rgba(212, 175, 55, .48);
  --ptp-card-radius: 24px;
  --ptp-card-padding: 30px;
  --ptp-card-shadow:
    0 24px 65px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .055);
}

/* Todas las tarjetas que forman parte del framework */
.ptp-card,
.ptp-step,
.ptp-bonus,
.ptp-roadmap-list > div,
.ptp-compare-card,
.ptp-glow-card,
.ptp-value-box,
.ptp-price-box,
.ptp-guarantee-box,
.ptp-faq-list details,
.ptp-final-box,
.ptp-ecosystem-box,
.ptp-countdown-box,
.ptp-modulo-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  border: 1px solid var(--ptp-card-border) !important;
  border-radius: var(--ptp-card-radius) !important;

  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(59, 130, 246, .10),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      var(--ptp-card-bg-top),
      var(--ptp-card-bg-bottom)
    ) !important;

  box-shadow: var(--ptp-card-shadow);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}

/* Tarjetas comunes: mismo espaciado */
.ptp-card,
.ptp-step,
.ptp-bonus,
.ptp-roadmap-list > div,
.ptp-compare-card,
.ptp-glow-card,
.ptp-modulo-card {
  padding: var(--ptp-card-padding) !important;
}

/* Reflejo superior sutil */
.ptp-card::before,
.ptp-step::before,
.ptp-bonus::before,
.ptp-roadmap-list > div::before,
.ptp-compare-card::before,
.ptp-glow-card::before,
.ptp-price-box::before,
.ptp-guarantee-box::before,
.ptp-faq-list details::before,
.ptp-final-box::before,
.ptp-countdown-box::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 8%;
  right: 8%;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, .19),
    transparent
  );

  opacity: .75;
}

/* Halo inferior dorado inicialmente oculto */
.ptp-card::after,
.ptp-step::after,
.ptp-bonus::after,
.ptp-roadmap-list > div::after,
.ptp-compare-card::after,
.ptp-glow-card::after,
.ptp-modulo-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 14%;
  right: 14%;
  bottom: -35px;
  height: 70px;
  border-radius: 50%;

  background: rgba(212, 175, 55, .20);
  filter: blur(32px);
  opacity: 0;

  transition: opacity .28s ease;
}

/* Hover uniforme */
.ptp-card:hover,
.ptp-step:hover,
.ptp-bonus:hover,
.ptp-roadmap-list > div:hover,
.ptp-compare-card:hover,
.ptp-glow-card:hover,
.ptp-modulo-card:hover {
  transform: translateY(-7px);

  border-color: var(--ptp-card-border-hover) !important;

  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(59, 130, 246, .15),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(13, 27, 53, .97),
      rgba(5, 12, 28, .95)
    ) !important;

  box-shadow:
    0 34px 85px rgba(0, 0, 0, .46),
    0 0 30px rgba(59, 130, 246, .085),
    0 0 26px rgba(212, 175, 55, .075),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

.ptp-card:hover::after,
.ptp-step:hover::after,
.ptp-bonus:hover::after,
.ptp-roadmap-list > div:hover::after,
.ptp-compare-card:hover::after,
.ptp-glow-card:hover::after,
.ptp-modulo-card:hover::after {
  opacity: .72;
}

/* Títulos uniformes */
.ptp-card h3,
.ptp-step h3,
.ptp-bonus h3,
.ptp-roadmap-list h3,
.ptp-compare-card h3,
.ptp-glow-card h3,
.ptp-modulo-card h3 {
  margin-top: 0;
  margin-bottom: 12px;

  color: #ffffff;
  font-size: clamp(21px, 2vw, 25px);
  line-height: 1.2;
  letter-spacing: -.02em;
  font-weight: 750;
}

/* Textos uniformes */
.ptp-card p,
.ptp-step p,
.ptp-bonus p,
.ptp-roadmap-list p,
.ptp-compare-card p,
.ptp-glow-card p,
.ptp-modulo-card p {
  margin-top: 0;
  margin-bottom: 0;

  color: rgba(255, 255, 255, .68);
  font-size: 15px;
  line-height: 1.7;
}

/* Números y etiquetas doradas */
.ptp-step small,
.ptp-bonus small,
.ptp-roadmap-list small,
.ptp-numero {
  display: inline-flex;
  align-items: center;

  margin-bottom: 16px;

  color: #f8d76f;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* Íconos consistentes dentro de las cards */
.ptp-icon-box {
  width: 56px;
  height: 56px;
  margin-bottom: 21px;

  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 18px;

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(59, 130, 246, .19),
      transparent 58%
    ),
    rgba(255, 255, 255, .035);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 15px 34px rgba(0, 0, 0, .20);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.ptp-card:hover .ptp-icon-box {
  transform: translateY(-3px) scale(1.045);
  border-color: rgba(212, 175, 55, .48);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 17px 38px rgba(0, 0, 0, .25),
    0 0 24px rgba(59, 130, 246, .12);
}

.ptp-icon {
  color: #f8d76f;
  filter: drop-shadow(0 0 7px rgba(212, 175, 55, .20));
}

/* Comparativa: conserva sus diferencias de color */
.ptp-compare-card--dark {
  border-color: rgba(255, 91, 82, .18) !important;
}

.ptp-compare-card--gold {
  border-color: rgba(212, 175, 55, .38) !important;

  background:
    radial-gradient(
      circle at 82% 0%,
      rgba(212, 175, 55, .16),
      transparent 37%
    ),
    linear-gradient(
      145deg,
      rgba(16, 27, 45, .96),
      rgba(5, 11, 25, .94)
    ) !important;
}

/* FAQ: misma identidad, sin desplazamiento excesivo */
.ptp-faq-list details {
  padding: 22px 24px !important;
}

.ptp-faq-list details:hover {
  border-color: rgba(212, 175, 55, .34) !important;

  box-shadow:
    0 22px 56px rgba(0, 0, 0, .35),
    0 0 25px rgba(59, 130, 246, .07);
}

.ptp-faq-list summary {
  position: relative;
  padding-right: 36px;
  list-style: none;
  color: #ffffff;
}

.ptp-faq-list summary::-webkit-details-marker {
  display: none;
}

.ptp-faq-list summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;

  color: #f8d76f;
  font-size: 25px;
  line-height: 1;

  transform: translateY(-50%);
  transition: transform .25s ease;
}

.ptp-faq-list details[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
}

/* Las tarjetas grandes no deben elevarse demasiado */
.ptp-value-box:hover,
.ptp-price-box:hover,
.ptp-guarantee-box:hover,
.ptp-final-box:hover,
.ptp-ecosystem-box:hover,
.ptp-countdown-box:hover {
  border-color: rgba(212, 175, 55, .34) !important;

  box-shadow:
    0 40px 110px rgba(0, 0, 0, .46),
    0 0 35px rgba(59, 130, 246, .07),
    inset 0 1px 0 rgba(255, 255, 255, .07);
}

/* Separación uniforme entre cards */
.ptp-grid-3,
.ptp-grid-4,
.ptp-steps,
.ptp-bonus-list,
.ptp-roadmap-list,
.ptp-compare-grid {
  gap: 20px !important;
}

/* Ajustes para celular */
@media (max-width: 900px) {
  :root {
    --ptp-card-radius: 22px;
    --ptp-card-padding: 25px;
  }

  .ptp-card,
  .ptp-step,
  .ptp-bonus,
  .ptp-roadmap-list > div,
  .ptp-compare-card,
  .ptp-glow-card,
  .ptp-modulo-card {
    padding: var(--ptp-card-padding) !important;
  }

  .ptp-card:hover,
  .ptp-step:hover,
  .ptp-bonus:hover,
  .ptp-roadmap-list > div:hover,
  .ptp-compare-card:hover,
  .ptp-glow-card:hover,
  .ptp-modulo-card:hover {
    transform: translateY(-3px);
  }

  .ptp-card h3,
  .ptp-step h3,
  .ptp-bonus h3,
  .ptp-roadmap-list h3,
  .ptp-compare-card h3,
  .ptp-glow-card h3 {
    font-size: 22px;
  }

  .ptp-card p,
  .ptp-step p,
  .ptp-bonus p,
  .ptp-roadmap-list p,
  .ptp-glow-card p {
    font-size: 15px;
  }
}

/* Sin movimientos para quien tenga animaciones reducidas */
@media (prefers-reduced-motion: reduce) {
  .ptp-card,
  .ptp-step,
  .ptp-bonus,
  .ptp-roadmap-list > div,
  .ptp-compare-card,
  .ptp-glow-card,
  .ptp-icon-box {
    transition: none !important;
  }

  .ptp-card:hover,
  .ptp-step:hover,
  .ptp-bonus:hover,
  .ptp-roadmap-list > div:hover,
  .ptp-compare-card:hover,
  .ptp-glow-card:hover {
    transform: none !important;
  }/* =========================================================
   ANIMACIONES DE ENTRADA AL HACER SCROLL
========================================================= */

.ptp-reveal {
  --ptp-reveal-delay: 0ms;

  opacity: 0;
  transform: translate3d(0, 26px, 0);
  filter: blur(6px);

  transition:
    opacity .7s cubic-bezier(.2, .7, .2, 1),
    transform .7s cubic-bezier(.2, .7, .2, 1),
    filter .7s cubic-bezier(.2, .7, .2, 1);

  transition-delay: var(--ptp-reveal-delay);
  will-change: opacity, transform, filter;
}

.ptp-reveal--visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

.ptp-reveal--card {
  transform: translate3d(0, 22px, 0) scale(.985);
}

.ptp-reveal--card.ptp-reveal--visible {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Hero: entrada inicial */
.ptp-hero-v2__content {
  animation: ptpHeroContentIn .9s cubic-bezier(.2, .7, .2, 1) both;
}

.ptp-hero-v2__media {
  animation: ptpHeroMediaIn 1.05s .12s cubic-bezier(.2, .7, .2, 1) both;
}

@keyframes ptpHeroContentIn {
  from {
    opacity: 0;
    transform: translate3d(-24px, 16px, 0);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes ptpHeroMediaIn {
  from {
    opacity: 0;
    transform: translate3d(30px, 18px, 0) scale(.97);
    filter: blur(9px);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

/* Fondo financiero con movimiento muy suave */
.ptp-section::before,
.ptp-countdown::before,
.ptp-final-cta::before {
  animation: ptpMarketBackgroundMove 18s ease-in-out infinite alternate;
}

@keyframes ptpMarketBackgroundMove {
  from {
    background-position: 48% center;
  }

  to {
    background-position: 54% center;
  }
}

/* Ajustes para celular */
@media (max-width: 900px) {
  .ptp-reveal {
    transform: translate3d(0, 18px, 0);
    filter: blur(4px);
    transition-duration: .62s;
  }

  .ptp-reveal--card {
    transform: translate3d(0, 16px, 0) scale(.99);
  }

  .ptp-reveal--visible,
  .ptp-reveal--card.ptp-reveal--visible {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
  .ptp-reveal,
  .ptp-reveal--card,
  .ptp-hero-v2__content,
  .ptp-hero-v2__media,
  .ptp-section::before,
  .ptp-countdown::before,
  .ptp-final-cta::before {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }
}/*========================================
 BOTONES PREMIUM
========================================*/

.ptp-btn-primary{
    position:relative;
    overflow:hidden;
}

.ptp-btn-primary::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s;
}

.ptp-btn-primary:hover::before{
    left:150%;
}

.ptp-btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:
    0 18px 45px rgba(255,193,7,.35);
}/* =====================================================
   PTP PREMIUM UI v2
=====================================================*/

/*-----------------------
GLOW GENERAL HERO
-----------------------*/

.ptp-hero-v2{
position:relative;
overflow:hidden;
}

.ptp-hero-v2::after{

content:"";

position:absolute;

width:900px;
height:900px;

right:-250px;
top:-220px;

background:
radial-gradient(circle,
rgba(37,99,235,.20),
transparent 70%);

filter:blur(80px);

pointer-events:none;

animation:heroGlow 9s ease-in-out infinite;
}

@keyframes heroGlow{

0%{
transform:scale(1);
}

50%{
transform:scale(1.08);
}

100%{
transform:scale(1);
}

}

/*-----------------------
TODAS LAS TARJETAS
-----------------------*/

.ptp-card,
.ptp-step,
.ptp-bonus,
.ptp-glow-card,
.ptp-roadmap-list>div,
.ptp-price-box,
.ptp-guarantee-box,
.ptp-value-box,
.ptp-final-box,
.ptp-ecosystem-box,
.ptp-countdown-box,
.ptp-faq-list details{

transition:

all .35s cubic-bezier(.2,.8,.2,1);

}

.ptp-card:hover,
.ptp-step:hover,
.ptp-bonus:hover,
.ptp-glow-card:hover,
.ptp-roadmap-list>div:hover,
.ptp-price-box:hover,
.ptp-value-box:hover,
.ptp-guarantee-box:hover,
.ptp-final-box:hover,
.ptp-ecosystem-box:hover,
.ptp-countdown-box:hover,
.ptp-faq-list details:hover{

transform:

translateY(-10px);

border-color:

rgba(212,175,55,.45)!important;

box-shadow:

0 40px 90px rgba(0,0,0,.45),

0 0 45px rgba(37,99,235,.10),

0 0 25px rgba(212,175,55,.08);

}

/*-----------------------
ICONOS
-----------------------*/

.ptp-icon-box{

transition:.35s;

}

.ptp-card:hover .ptp-icon-box,
.ptp-step:hover .ptp-icon-box,
.ptp-bonus:hover .ptp-icon-box{

transform:

translateY(-3px)
scale(1.06);

box-shadow:

0 15px 35px rgba(37,99,235,.22);

}

/*-----------------------
BOTON SECUNDARIO
-----------------------*/

.ptp-btn-secondary{

transition:

all .35s;

}

.ptp-btn-secondary:hover{

transform:

translateY(-3px);

border-color:#4ea5ff;

box-shadow:

0 15px 40px rgba(37,99,235,.20);

}

/*-----------------------
TARJETAS HERO
-----------------------*/

.ptp-hero-v2__cards div{

transition:.35s;

}

.ptp-hero-v2__cards div:hover{

transform:

translateY(-8px);

box-shadow:

0 20px 50px rgba(0,0,0,.35),

0 0 35px rgba(212,175,55,.08);

}

/*-----------------------
IMAGEN HERO
-----------------------*/

.ptp-hero-v2__image{

transition:

transform .6s ease;

}

.ptp-hero-v2__image:hover{

transform:

scale(1.03);

}

/*-----------------------
EBOOK ECOSISTEMA
-----------------------*/

.ptp-ecosystem-img{

transition:

transform .55s ease;

}

.ptp-ecosystem-img:hover{

transform:

scale(1.025);

}

/*-----------------------
FAQ
-----------------------*/

.ptp-faq-list details{

transition:.3s;

}

.ptp-faq-list details[open]{

border-color:

rgba(212,175,55,.35)!important;

box-shadow:

0 18px 45px rgba(0,0,0,.28);

}

/*-----------------------
CTA FINAL
-----------------------*/

.ptp-final-box{

overflow:hidden;

}

.ptp-final-box::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:60%;

height:100%;

background:

linear-gradient(
90deg,

transparent,

rgba(255,255,255,.10),

transparent);

transform:skewX(-20deg);

animation:

ctaSweep 7s infinite;

}

@keyframes ctaSweep{

0%{

left:-120%;

}

40%{

left:140%;

}

100%{

left:140%;

}

}/* =========================================================
   PASO 5 — BARRA FLOTANTE PREMIUM
========================================================= */

.ptp-sticky-premium {
  position: fixed;
  z-index: 9998;
  left: 50%;
  bottom: 18px;

  width: min(1120px, calc(100% - 36px));

  color: #ffffff;

  transform: translateX(-50%);

  pointer-events: none;
}

.ptp-sticky-premium__inner {
  position: relative;
  overflow: hidden;

  min-height: 78px;

  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto auto;
  align-items: center;
  gap: 24px;

  padding: 12px 14px 12px 18px;

  border: 1px solid rgba(212, 175, 55, .30);
  border-radius: 24px;

  background:
    radial-gradient(
      circle at 80% 0%,
      rgba(59, 130, 246, .15),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(8, 16, 34, .96),
      rgba(3, 7, 18, .95)
    );

  box-shadow:
    0 28px 80px rgba(0, 0, 0, .60),
    0 0 32px rgba(59, 130, 246, .08),
    inset 0 1px 0 rgba(255, 255, 255, .07);

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);

  pointer-events: auto;

  animation: ptpStickyEnter .65s cubic-bezier(.2, .8, .2, 1) both;
}

/* Línea superior luminosa */
.ptp-sticky-premium__inner::before {
  content: "";

  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(248, 215, 111, .70),
      rgba(96, 165, 250, .48),
      transparent
    );
}

/* Glow interior */
.ptp-sticky-premium__inner::after {
  content: "";

  position: absolute;
  z-index: -1;
  right: -80px;
  bottom: -110px;

  width: 310px;
  height: 210px;

  border-radius: 50%;

  background: rgba(59, 130, 246, .14);

  filter: blur(55px);

  pointer-events: none;
}

@keyframes ptpStickyEnter {
  from {
    opacity: 0;
    transform: translate3d(0, 35px, 0) scale(.97);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* Producto */

.ptp-sticky-premium__product {
  min-width: 0;

  display: flex;
  align-items: center;
  gap: 13px;
}

.ptp-sticky-premium__icon {
  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(212, 175, 55, .27);
  border-radius: 15px;

  color: #f8d76f;

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(59, 130, 246, .18),
      transparent 62%
    ),
    rgba(255, 255, 255, .045);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 12px 28px rgba(0, 0, 0, .22);
}

.ptp-sticky-premium__icon svg {
  width: 25px;
  height: 25px;

  stroke-width: 1.8;
}

.ptp-sticky-premium__copy {
  min-width: 0;
}

.ptp-sticky-premium__copy strong {
  display: block;

  overflow: hidden;

  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: -.015em;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.ptp-sticky-premium__copy span {
  display: block;

  margin-top: 5px;

  overflow: hidden;

  color: rgba(255, 255, 255, .59);
  font-size: 11.5px;
  line-height: 1.2;

  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Beneficios */

.ptp-sticky-premium__benefits {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ptp-sticky-premium__benefits span {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.ptp-sticky-premium__benefits svg {
  width: 16px;
  height: 16px;

  color: #22c55e;

  stroke-width: 2.5;
}

/* Precio y botón */

.ptp-sticky-premium__offer {
  display: flex;
  align-items: center;
  gap: 15px;
}

.ptp-sticky-premium__price {
  text-align: right;
  white-space: nowrap;
}

.ptp-sticky-premium__price del {
  display: block;

  color: rgba(255, 255, 255, .42);
  font-size: 11px;
  line-height: 1;
}

.ptp-sticky-premium__price strong {
  display: block;

  margin-top: 5px;

  color: #f8d76f;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.035em;
}

.ptp-sticky-premium__button {
  position: relative;
  overflow: hidden;

  min-height: 52px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 13px 20px;

  border: 1px solid rgba(255, 240, 168, .42);
  border-radius: 15px;

  color: #050505;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;

  background:
    linear-gradient(
      120deg,
      #ad7d0f,
      #d4af37 28%,
      #fff0a4 51%,
      #d4af37 74%,
      #a7750b
    );

  background-size: 210% auto;

  box-shadow:
    0 14px 32px rgba(0, 0, 0, .30),
    0 0 28px rgba(212, 175, 55, .25),
    inset 0 1px 0 rgba(255, 255, 255, .48);

  transition:
    transform .25s ease,
    box-shadow .25s ease;

  animation: ptpStickyButtonGradient 5s linear infinite;
}

@keyframes ptpStickyButtonGradient {
  to {
    background-position: 210% center;
  }
}

.ptp-sticky-premium__button::before {
  content: "";

  position: absolute;
  top: -30%;
  bottom: -30%;
  left: -65%;

  width: 38%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, .68),
      transparent
    );

  transform: skewX(-22deg);

  animation: ptpStickyShine 3.8s ease-in-out infinite;
}

@keyframes ptpStickyShine {
  0%,
  60% {
    left: -65%;
  }

  83%,
  100% {
    left: 135%;
  }
}

.ptp-sticky-premium__button span,
.ptp-sticky-premium__button svg {
  position: relative;
  z-index: 2;
}

.ptp-sticky-premium__button svg {
  width: 17px;
  height: 17px;

  stroke-width: 2.5;

  transition: transform .25s ease;
}

.ptp-sticky-premium__button:hover {
  color: #050505;

  transform: translateY(-3px);

  box-shadow:
    0 18px 38px rgba(0, 0, 0, .34),
    0 0 44px rgba(212, 175, 55, .40);
}

.ptp-sticky-premium__button:hover svg {
  transform: translateX(3px);
}

/* Evita que la barra tape el final de la landing */

body {
  padding-bottom: 105px;
}

/* Tablet */

@media (max-width: 990px) {
  .ptp-sticky-premium__inner {
    grid-template-columns: 1fr auto;
    gap: 14px;
  }

  .ptp-sticky-premium__benefits {
    display: none;
  }
}

/* Celular */

@media (max-width: 640px) {
  .ptp-sticky-premium {
    bottom: 8px;

    width: calc(100% - 16px);
  }

  .ptp-sticky-premium__inner {
    min-height: 70px;

    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;

    padding: 9px;

    border-radius: 19px;
  }

  .ptp-sticky-premium__icon {
    width: 42px;
    height: 42px;

    flex-basis: 42px;

    border-radius: 13px;
  }

  .ptp-sticky-premium__icon svg {
    width: 22px;
    height: 22px;
  }

  .ptp-sticky-premium__copy strong {
    font-size: 12.5px;
  }

  .ptp-sticky-premium__copy span {
    display: none;
  }

  .ptp-sticky-premium__offer {
    gap: 8px;
  }

  .ptp-sticky-premium__price del {
    font-size: 9px;
  }

  .ptp-sticky-premium__price strong {
    margin-top: 3px;

    font-size: 17px;
  }

  .ptp-sticky-premium__button {
    min-height: 46px;

    padding: 11px 13px;

    border-radius: 13px;

    font-size: 11.5px;
  }

  .ptp-sticky-premium__button svg {
    display: none;
  }

  body {
    padding-bottom: 88px;
  }
}

/* Pantallas muy pequeñas */

@media (max-width: 390px) {
  .ptp-sticky-premium__icon {
    display: none;
  }

  .ptp-sticky-premium__price {
    display: none;
  }

  .ptp-sticky-premium__button {
    padding-inline: 15px;
  }
}

/* Accesibilidad */

@media (prefers-reduced-motion: reduce) {
  .ptp-sticky-premium__inner,
  .ptp-sticky-premium__button,
  .ptp-sticky-premium__button::before {
    animation: none !important;
  }
}
/* =========================================================
   PASO 6 — TIPOGRAFÍA, ESPACIADOS Y RESPONSIVE FINAL
========================================================= */

:root {
  --ptp-section-space: 105px;
  --ptp-section-space-mobile: 68px;
  --ptp-container-width: 1180px;
  --ptp-text-muted: rgba(255, 255, 255, .70);
}

/* Contenedor general */

.ptp-container,
.ptp-hero-v2__container {
  width: min(var(--ptp-container-width), calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

/* Separación uniforme entre secciones */

.ptp-section,
.ptp-countdown,
.ptp-final-cta,
.ptp-guarantee,
.ptp-comparison,
.ptp-ecosystem,
.ptp-community,
.ptp-includes,
.ptp-problem,
.ptp-method,
.ptp-ai,
.ptp-roadmap,
.ptp-value,
.ptp-price,
.ptp-faq {
  padding-top: var(--ptp-section-space) !important;
  padding-bottom: var(--ptp-section-space) !important;
}

/* Encabezados de cada sección */

.ptp-section-head,
.ptp-section-header {
  max-width: 860px;
  margin: 0 auto 58px;
  text-align: center;
}

.ptp-section-head h2,
.ptp-section-header h2,
.ptp-countdown-box h2,
.ptp-guarantee-box h2,
.ptp-final-box h2 {
  margin: 18px auto 20px;

  color: #ffffff;
  font-size: clamp(38px, 5vw, 62px);
  line-height: .98;
  letter-spacing: -.052em;
  font-weight: 850;
  text-wrap: balance;
}

.ptp-section-head p,
.ptp-section-header p {
  max-width: 760px;
  margin: 0 auto;

  color: var(--ptp-text-muted);
  font-size: 18px;
  line-height: 1.75;
  text-wrap: pretty;
}

/* Badge superior de las secciones */

.ptp-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 38px;
  padding: 9px 17px;

  border: 1px solid rgba(212, 175, 55, .34);
  border-radius: 999px;

  color: #f8d76f;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;

  background:
    linear-gradient(
      145deg,
      rgba(212, 175, 55, .10),
      rgba(59, 130, 246, .045)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 10px 30px rgba(0, 0, 0, .16);
}

/* Hero */

.ptp-hero-v2__title {
  font-size: clamp(52px, 6.4vw, 86px);
  line-height: .91;
  letter-spacing: -.06em;
}

.ptp-hero-v2__subtitle {
  font-size: 18px;
  line-height: 1.75;
}

.ptp-hero-v2__social {
  color: rgba(255, 255, 255, .68);
  font-size: 13px;
  line-height: 1.5;
}

/* Botones generales */

.ptp-btn-primary,
.ptp-btn-secondary {
  min-height: 58px;
  padding: 15px 27px;

  border-radius: 17px;

  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
}

/* Grillas consistentes */

.ptp-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 21px !important;
}

.ptp-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px !important;
}

.ptp-steps,
.ptp-roadmap-list,
.ptp-bonus-list {
  gap: 20px !important;
}

/* Cards con altura más equilibrada */

.ptp-grid-3 > *,
.ptp-grid-4 > *,
.ptp-steps > *,
.ptp-roadmap-list > *,
.ptp-bonus-list > * {
  height: 100%;
}

.ptp-card,
.ptp-step,
.ptp-bonus,
.ptp-glow-card,
.ptp-roadmap-list > div,
.ptp-compare-card {
  min-height: 100%;
}

/* Texto interno de las tarjetas */

.ptp-card h3,
.ptp-step h3,
.ptp-bonus h3,
.ptp-glow-card h3,
.ptp-roadmap-list h3,
.ptp-compare-card h3 {
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.22;
}

.ptp-card p,
.ptp-step p,
.ptp-bonus p,
.ptp-glow-card p,
.ptp-roadmap-list p,
.ptp-compare-card p {
  color: rgba(255, 255, 255, .68);
  font-size: 15px;
  line-height: 1.72;
}

/* Imágenes */

.ptp-ecosystem-img,
.ptp-hero-v2__image {
  display: block;
  max-width: 100%;
  height: auto;
}

/* FAQ */

.ptp-faq-list {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.ptp-faq-list details {
  margin-bottom: 13px;
}

.ptp-faq-list summary {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 800;
}

.ptp-faq-list details p {
  padding-top: 14px;

  color: rgba(255, 255, 255, .66);
  font-size: 15px;
  line-height: 1.75;
}

/* Evita desplazamiento horizontal */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.ptp-section,
.ptp-hero-v2,
.ptp-countdown,
.ptp-final-cta {
  max-width: 100%;
}

/* =========================
   TABLET
========================= */

@media screen and (max-width: 990px) {
  .ptp-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ptp-grid-3 {
    grid-template-columns: 1fr;
  }

  .ptp-section-head,
  .ptp-section-header {
    margin-bottom: 44px;
  }

  .ptp-section-head h2,
  .ptp-section-header h2 {
    font-size: clamp(36px, 7vw, 52px);
  }
}

/* =========================
   CELULAR
========================= */

@media screen and (max-width: 640px) {
  :root {
    --ptp-section-space: var(--ptp-section-space-mobile);
  }

  .ptp-container,
  .ptp-hero-v2__container {
    width: calc(100% - 28px);
  }

  .ptp-section,
  .ptp-countdown,
  .ptp-final-cta,
  .ptp-guarantee,
  .ptp-comparison,
  .ptp-ecosystem,
  .ptp-community,
  .ptp-includes,
  .ptp-problem,
  .ptp-method,
  .ptp-ai,
  .ptp-roadmap,
  .ptp-value,
  .ptp-price,
  .ptp-faq {
    padding-top: var(--ptp-section-space-mobile) !important;
    padding-bottom: var(--ptp-section-space-mobile) !important;
  }

  .ptp-section-head,
  .ptp-section-header {
    margin-bottom: 35px;
  }

  .ptp-section-head h2,
  .ptp-section-header h2,
  .ptp-countdown-box h2,
  .ptp-guarantee-box h2,
  .ptp-final-box h2 {
    margin-top: 15px;
    margin-bottom: 17px;

    font-size: clamp(33px, 10vw, 44px);
    line-height: 1;
    letter-spacing: -.047em;
  }

  .ptp-section-head p,
  .ptp-section-header p {
    font-size: 16px;
    line-height: 1.68;
  }

  .ptp-pill {
    min-height: 34px;
    padding: 8px 13px;

    font-size: 9.5px;
    letter-spacing: .11em;
  }

  .ptp-hero-v2__title {
    font-size: clamp(39px, 11.5vw, 52px);
    line-height: .95;
    letter-spacing: -.052em;
  }

  .ptp-hero-v2__subtitle {
    font-size: 16px;
    line-height: 1.68;
  }

  .ptp-hero-v2__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .ptp-btn-primary,
  .ptp-btn-secondary {
    width: 100%;
    min-height: 56px;

    padding: 14px 18px;

    font-size: 14px;
  }

  .ptp-grid-4,
  .ptp-grid-3,
  .ptp-compare-grid {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }

  .ptp-card,
  .ptp-step,
  .ptp-bonus,
  .ptp-glow-card,
  .ptp-roadmap-list > div,
  .ptp-compare-card {
    padding: 24px !important;
  }

  .ptp-card h3,
  .ptp-step h3,
  .ptp-bonus h3,
  .ptp-glow-card h3,
  .ptp-roadmap-list h3,
  .ptp-compare-card h3 {
    font-size: 22px;
  }

  .ptp-icon-box {
    width: 52px;
    height: 52px;

    margin-bottom: 18px;

    border-radius: 16px;
  }

  .ptp-icon {
    width: 25px;
    height: 25px;
  }

  .ptp-ecosystem-box {
    padding: 9px !important;
    border-radius: 21px !important;
  }

  .ptp-ecosystem-img {
    border-radius: 15px;
  }

  .ptp-price-box,
  .ptp-value-box,
  .ptp-guarantee-box,
  .ptp-countdown-box,
  .ptp-final-box {
    padding: 31px 20px !important;
    border-radius: 24px !important;
  }

  .ptp-faq-list summary {
    font-size: 16px;
  }
}

/* Pantallas angostas */

@media screen and (max-width: 380px) {
  .ptp-container,
  .ptp-hero-v2__container {
    width: calc(100% - 20px);
  }

  .ptp-card,
  .ptp-step,
  .ptp-bonus,
  .ptp-glow-card,
  .ptp-roadmap-list > div {
    padding: 21px !important;
  }

  .ptp-section-head h2,
  .ptp-section-header h2 {
    font-size: 32px;
  }
}/* =========================================================
   HERO V3 — TRADING PERFORMANCE PRO
========================================================= */

.ptp-hero-v3 {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  min-height: 100vh;

  color: #ffffff;

  background:
    radial-gradient(circle at 78% 28%, rgba(22, 139, 255, .23), transparent 30%),
    radial-gradient(circle at 68% 64%, rgba(212, 175, 55, .12), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(0, 230, 118, .07), transparent 30%),
    linear-gradient(135deg, #01040c 0%, #030817 47%, #07111f 74%, #01040c 100%);
}

.ptp-hero-v3__background {
  position: absolute;
  z-index: -3;
  inset: 0;

  pointer-events: none;
}

.ptp-hero-v3__market {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  opacity: .66;

  mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 80%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 80%, transparent 100%);
}

.ptp-hero-v3__grid path {
  stroke: rgba(255, 255, 255, .052);
  stroke-width: 1;
}

.ptp-hero-v3__trend {
  stroke: rgba(22, 139, 255, .49);
  stroke-width: 3;
  stroke-linecap: round;

  filter: drop-shadow(0 0 12px rgba(22, 139, 255, .32));

  animation: ptpV3Trend 5s ease-in-out infinite;
}

@keyframes ptpV3Trend {
  0%,
  100% {
    opacity: .45;
  }

  50% {
    opacity: .95;
  }
}

.ptp-candle path {
  stroke-width: 2;
}

.ptp-candle rect {
  stroke-width: 1.5;
}

.ptp-candle--green path {
  stroke: rgba(0, 230, 118, .88);
}

.ptp-candle--green rect {
  fill: rgba(0, 230, 118, .30);
  stroke: rgba(0, 255, 133, .90);

  filter: drop-shadow(0 0 7px rgba(0, 230, 118, .25));
}

.ptp-candle--red path {
  stroke: rgba(255, 59, 48, .86);
}

.ptp-candle--red rect {
  fill: rgba(255, 59, 48, .28);
  stroke: rgba(255, 90, 80, .90);

  filter: drop-shadow(0 0 7px rgba(255, 59, 48, .23));
}

.ptp-hero-v3__fibonacci path {
  stroke: rgba(212, 175, 55, .16);
  stroke-width: 1;
  stroke-dasharray: 9 11;
}

.ptp-hero-v3__glow {
  position: absolute;

  border-radius: 50%;

  filter: blur(75px);

  animation: ptpV3Glow 7s ease-in-out infinite;
}

.ptp-hero-v3__glow--blue {
  width: 720px;
  height: 720px;

  top: 8%;
  right: -12%;

  background: rgba(22, 139, 255, .19);
}

.ptp-hero-v3__glow--gold {
  width: 520px;
  height: 520px;

  right: 18%;
  bottom: -20%;

  background: rgba(212, 175, 55, .09);

  animation-delay: -3s;
}

@keyframes ptpV3Glow {
  0%,
  100% {
    opacity: .55;
    transform: scale(.92);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

.ptp-hero-v3__noise {
  position: absolute;
  inset: 0;

  opacity: .035;

  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.ptp-hero-v3__container {
  position: relative;
  z-index: 3;

  width: min(1340px, calc(100% - 44px));

  margin: 0 auto;

  display: grid;
  grid-template-columns: .92fr 1.08fr;
  align-items: center;
  gap: 42px;

  padding-top: 92px;
  padding-bottom: 52px;
}

.ptp-hero-v3__content {
  position: relative;
  z-index: 5;
}

.ptp-hero-v3__content::before {
  content: "";

  position: absolute;
  z-index: -1;

  inset: -70px -100px;

  background: radial-gradient(
    circle at 35% 48%,
    rgba(2, 6, 17, .92),
    rgba(2, 6, 17, .62) 54%,
    transparent 78%
  );

  filter: blur(20px);
}

.ptp-hero-v3__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  min-height: 39px;

  margin-bottom: 24px;
  padding: 9px 16px;

  border: 1px solid rgba(212, 175, 55, .39);
  border-radius: 999px;

  color: #f8d76f;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;

  background:
    linear-gradient(
      145deg,
      rgba(212, 175, 55, .12),
      rgba(59, 130, 246, .05)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 12px 30px rgba(0, 0, 0, .20);
}

.ptp-hero-v3__eyebrow svg {
  width: 16px;
  height: 16px;

  stroke-width: 2.1;
}

.ptp-hero-v3__title {
  max-width: 810px;

  margin: 0 0 26px;

  font-size: clamp(52px, 6.3vw, 91px);
  line-height: .91;
  letter-spacing: -.062em;
  font-weight: 900;

  text-wrap: balance;
}

.ptp-hero-v3__title > span {
  display: block;

  color: #ffffff;
}

.ptp-hero-v3__title strong {
  display: block;

  margin-top: 7px;

  background:
    linear-gradient(
      115deg,
      #d4af37 0%,
      #fff0a4 34%,
      #f2c54e 57%,
      #60a5fa 100%
    );

  background-size: 180% auto;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: ptpV3TitleGradient 5s ease-in-out infinite alternate;
}

@keyframes ptpV3TitleGradient {
  from {
    background-position: 0% center;
  }

  to {
    background-position: 100% center;
  }
}

.ptp-hero-v3__lead {
  max-width: 680px;

  margin: 0 0 33px;

  color: rgba(255, 255, 255, .76);
  font-size: 18px;
  line-height: 1.72;

  text-wrap: pretty;
}

.ptp-hero-v3__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;

  margin-bottom: 22px;
}

.ptp-hero-v3__primary,
.ptp-hero-v3__secondary {
  min-height: 59px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 15px 28px;

  border-radius: 17px;

  font-size: 14px;
  line-height: 1.1;
  font-weight: 900;
  text-decoration: none;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.ptp-hero-v3__primary {
  position: relative;
  overflow: hidden;

  gap: 9px;

  border: 1px solid rgba(255, 240, 168, .47);

  color: #050505;

  background:
    linear-gradient(
      120deg,
      #a8750a,
      #d4af37 27%,
      #fff0a4 50%,
      #d4af37 74%,
      #9f6e08
    );

  background-size: 210% auto;

  box-shadow:
    0 17px 38px rgba(0, 0, 0, .32),
    0 0 38px rgba(212, 175, 55, .29),
    inset 0 1px 0 rgba(255, 255, 255, .50);

  animation: ptpV3ButtonGradient 5s linear infinite;
}

@keyframes ptpV3ButtonGradient {
  to {
    background-position: 210% center;
  }
}

.ptp-hero-v3__primary::before {
  content: "";

  position: absolute;

  top: -30%;
  bottom: -30%;
  left: -65%;

  width: 38%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, .72),
    transparent
  );

  transform: skewX(-22deg);

  animation: ptpV3ButtonShine 3.6s ease-in-out infinite;
}

@keyframes ptpV3ButtonShine {
  0%,
  60% {
    left: -65%;
  }

  84%,
  100% {
    left: 135%;
  }
}

.ptp-hero-v3__primary span,
.ptp-hero-v3__primary svg {
  position: relative;
  z-index: 2;
}

.ptp-hero-v3__primary svg {
  width: 18px;
  height: 18px;

  stroke-width: 2.5;

  transition: transform .25s ease;
}

.ptp-hero-v3__primary:hover {
  color: #050505;

  transform: translateY(-4px);

  box-shadow:
    0 22px 46px rgba(0, 0, 0, .37),
    0 0 56px rgba(212, 175, 55, .46);
}

.ptp-hero-v3__primary:hover svg {
  transform: translateX(4px);
}

.ptp-hero-v3__secondary {
  border: 1px solid rgba(147, 197, 253, .17);

  color: #ffffff;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .072),
      rgba(255, 255, 255, .025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 14px 34px rgba(0, 0, 0, .17);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.ptp-hero-v3__secondary:hover {
  color: #ffffff;

  transform: translateY(-4px);

  border-color: rgba(96, 165, 250, .45);

  box-shadow:
    0 20px 44px rgba(0, 0, 0, .30),
    0 0 34px rgba(59, 130, 246, .13);
}

.ptp-hero-v3__microcopy {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-bottom: 19px;
}

.ptp-hero-v3__microcopy span {
  min-height: 36px;

  display: inline-flex;
  align-items: center;
  gap: 7px;

  padding: 8px 11px;

  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;

  color: rgba(255, 255, 255, .72);
  font-size: 11.5px;
  font-weight: 700;

  background: rgba(255, 255, 255, .035);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.ptp-hero-v3__microcopy svg {
  width: 15px;
  height: 15px;

  color: #f8d76f;

  stroke-width: 2.1;
}

.ptp-hero-v3__trust {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ptp-hero-v3__stars {
  color: #f8d76f;
  font-size: 15px;
  letter-spacing: 2px;

  text-shadow: 0 0 10px rgba(212, 175, 55, .24);
}

.ptp-hero-v3__trust p {
  margin: 0;

  color: rgba(255, 255, 255, .59);
  font-size: 12px;
  line-height: 1.4;
}

.ptp-hero-v3__visual {
  position: relative;

  min-height: 650px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.ptp-hero-v3__mobile-product {
  display: none;
}

.ptp-hero-v3__image {
  position: relative;
  z-index: 5;

  width: 118%;
  max-width: 900px;

  display: block;

  filter:
    drop-shadow(0 55px 90px rgba(0, 0, 0, .80))
    drop-shadow(0 0 28px rgba(22, 139, 255, .18))
    drop-shadow(0 0 15px rgba(212, 175, 55, .12));

  animation: ptpV3ProductFloat 6s ease-in-out infinite;
}

@keyframes ptpV3ProductFloat {
  0%,
  100% {
    transform: translateY(0) rotate(.15deg);
  }

  50% {
    transform: translateY(-16px) rotate(-.15deg);
  }
}

.ptp-hero-v3__product-glow {
  position: absolute;
  z-index: 1;

  width: 85%;
  height: 75%;

  border-radius: 50%;

  background:
    radial-gradient(circle, rgba(22, 139, 255, .42), transparent 63%),
    radial-gradient(circle, rgba(212, 175, 55, .14), transparent 72%);

  filter: blur(48px);

  animation: ptpV3ProductGlow 5s ease-in-out infinite;
}

@keyframes ptpV3ProductGlow {
  0%,
  100% {
    opacity: .68;
    transform: scale(.94);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

.ptp-hero-v3__product-shadow {
  position: absolute;
  z-index: 2;

  left: 16%;
  right: 16%;
  bottom: 10%;

  height: 52px;

  border-radius: 50%;

  background: rgba(0, 0, 0, .70);

  filter: blur(24px);

  transform: perspective(350px) rotateX(70deg);
}

.ptp-hero-v3__orbit {
  position: absolute;
  z-index: 2;

  border: 1px solid rgba(212, 175, 55, .16);
  border-radius: 50%;

  animation: ptpV3Orbit 22s linear infinite;
}

.ptp-hero-v3__orbit--one {
  width: 80%;
  height: 70%;
}

.ptp-hero-v3__orbit--two {
  width: 64%;
  height: 89%;

  border-color: rgba(96, 165, 250, .12);

  animation-direction: reverse;
  animation-duration: 28s;
}

@keyframes ptpV3Orbit {
  to {
    transform: rotate(360deg);
  }
}

.ptp-hero-v3__tag {
  position: absolute;
  z-index: 8;

  min-height: 42px;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 14px;

  border: 1px solid rgba(147, 197, 253, .18);
  border-radius: 14px;

  color: #ffffff;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;

  background:
    linear-gradient(
      145deg,
      rgba(11, 24, 47, .91),
      rgba(4, 10, 25, .88)
    );

  box-shadow:
    0 18px 43px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .07);

  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
}

.ptp-hero-v3__tag svg {
  width: 18px;
  height: 18px;

  color: #f8d76f;

  stroke-width: 2;
}

.ptp-hero-v3__tag--ai {
  top: 13%;
  left: 7%;

  animation: ptpV3TagOne 5s ease-in-out infinite;
}

.ptp-hero-v3__tag--bonus {
  top: 20%;
  right: -2%;

  animation: ptpV3TagTwo 5.8s ease-in-out infinite;
}

.ptp-hero-v3__tag--community {
  bottom: 22%;
  left: -2%;

  animation: ptpV3TagTwo 6.2s ease-in-out infinite reverse;
}

.ptp-hero-v3__tag--updates {
  right: 4%;
  bottom: 15%;

  animation: ptpV3TagOne 6.5s ease-in-out infinite reverse;
}

@keyframes ptpV3TagOne {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-9px);
  }
}

@keyframes ptpV3TagTwo {
  0%,
  100% {
    transform: translateY(0) translateX(0);
  }

  50% {
    transform: translateY(7px) translateX(-4px);
  }
}

.ptp-hero-v3__features {
  position: relative;
  z-index: 5;

  width: min(1280px, calc(100% - 44px));

  margin: 0 auto;
  padding-bottom: 45px;
}

.ptp-hero-v3__features-inner {
  overflow: hidden;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(8, 17, 35, .78),
      rgba(3, 8, 20, .72)
    );

  box-shadow:
    0 25px 70px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .055);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.ptp-hero-v3__features article {
  min-height: 96px;

  display: flex;
  align-items: center;
  gap: 14px;

  padding: 19px 21px;

  border-right: 1px solid rgba(255, 255, 255, .07);
}

.ptp-hero-v3__features article:last-child {
  border-right: 0;
}

.ptp-hero-v3__features article > span {
  color: #f8d76f;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ptp-hero-v3__features strong,
.ptp-hero-v3__features small {
  display: block;
}

.ptp-hero-v3__features strong {
  margin-bottom: 5px;

  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
}

.ptp-hero-v3__features small {
  color: rgba(255, 255, 255, .53);
  font-size: 11px;
  line-height: 1.35;
}

.ptp-hero-v3__transition {
  position: absolute;
  z-index: 1;

  left: 0;
  right: 0;
  bottom: -2px;

  height: 120px;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(2, 6, 17, .70) 52%,
    #020611
  );

  pointer-events: none;
}

/* Tablet y celular */

@media screen and (max-width: 990px) {
  .ptp-hero-v3 {
    min-height: auto;

    text-align: center;
  }

  .ptp-hero-v3__container {
    grid-template-columns: 1fr;
    gap: 24px;

    width: min(720px, calc(100% - 30px));

    padding-top: 58px;
    padding-bottom: 18px;
  }

  .ptp-hero-v3__content::before {
    inset: -40px -20px;

    background: radial-gradient(
      circle at center,
      rgba(2, 6, 17, .94),
      rgba(2, 6, 17, .65) 60%,
      transparent 86%
    );
  }

  .ptp-hero-v3__title {
    max-width: 700px;

    margin-left: auto;
    margin-right: auto;

    font-size: clamp(42px, 10vw, 65px);
    line-height: .94;
  }

  .ptp-hero-v3__lead {
    max-width: 610px;

    margin-left: auto;
    margin-right: auto;
  }

  .ptp-hero-v3__actions,
  .ptp-hero-v3__microcopy,
  .ptp-hero-v3__trust {
    justify-content: center;
  }

  .ptp-hero-v3__visual {
    display: none;
  }

  .ptp-hero-v3__mobile-product {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 9px auto 20px;
  }

  .ptp-hero-v3__mobile-product::before {
    content: "";

    position: absolute;

    width: 90%;
    height: 85%;

    border-radius: 50%;

    background:
      radial-gradient(circle, rgba(22, 139, 255, .35), transparent 65%),
      radial-gradient(circle, rgba(212, 175, 55, .12), transparent 72%);

    filter: blur(38px);
  }

  .ptp-hero-v3__mobile-product .ptp-hero-v3__image {
    width: 110%;
    max-width: 650px;

    margin-left: -5%;
  }

  .ptp-hero-v3__features {
    width: min(720px, calc(100% - 28px));

    padding-top: 15px;
  }

  .ptp-hero-v3__features-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ptp-hero-v3__features article:nth-child(2) {
    border-right: 0;
  }

  .ptp-hero-v3__features article:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, .07);
  }
}

@media screen and (max-width: 640px) {
  .ptp-hero-v3__container {
    width: calc(100% - 24px);

    padding-top: 46px;
  }

  .ptp-hero-v3__eyebrow {
    min-height: 35px;

    margin-bottom: 19px;
    padding: 8px 12px;

    font-size: 9px;
    letter-spacing: .10em;
  }

  .ptp-hero-v3__title {
    margin-bottom: 20px;

    font-size: clamp(38px, 11.3vw, 51px);
    line-height: .96;
    letter-spacing: -.052em;
  }

  .ptp-hero-v3__title strong {
    margin-top: 6px;
  }

  .ptp-hero-v3__lead {
    margin-bottom: 24px;

    font-size: 16px;
    line-height: 1.67;
  }

  .ptp-hero-v3__mobile-product {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .ptp-hero-v3__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ptp-hero-v3__primary,
  .ptp-hero-v3__secondary {
    width: 100%;
    min-height: 56px;

    padding: 14px 17px;
  }

  .ptp-hero-v3__microcopy {
    gap: 6px;
  }

  .ptp-hero-v3__microcopy span {
    min-height: 34px;

    padding: 7px 9px;

    font-size: 10.5px;
  }

  .ptp-hero-v3__trust {
    display: block;
  }

  .ptp-hero-v3__trust p {
    margin-top: 7px;
  }

  .ptp-hero-v3__features {
    width: calc(100% - 20px);

    padding-bottom: 30px;
  }

  .ptp-hero-v3__features-inner {
    grid-template-columns: 1fr;

    border-radius: 20px;
  }

  .ptp-hero-v3__features article {
    min-height: 82px;

    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);

    text-align: left;
  }

  .ptp-hero-v3__features article:last-child {
    border-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ptp-hero-v3__trend,
  .ptp-hero-v3__glow,
  .ptp-hero-v3__title strong,
  .ptp-hero-v3__primary,
  .ptp-hero-v3__primary::before,
  .ptp-hero-v3__image,
  .ptp-hero-v3__product-glow,
  .ptp-hero-v3__orbit,
  .ptp-hero-v3__tag {
    animation: none !important;
  }
}/* =========================================================
   SISTEMA DE ESCALA UNIFICADA — HERO + LANDING
========================================================= */

:root {
  --ptp-card-radius-unified: 22px;
  --ptp-card-padding-unified: 28px;
  --ptp-card-min-height-unified: 210px;
  --ptp-card-title-unified: 23px;
  --ptp-card-text-unified: 15px;
}

/* Tarjetas generales */

.ptp-card,
.ptp-step,
.ptp-bonus,
.ptp-glow-card,
.ptp-roadmap-list > div,
.ptp-compare-card {
  min-height: var(--ptp-card-min-height-unified) !important;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  padding: var(--ptp-card-padding-unified) !important;

  border-radius: var(--ptp-card-radius-unified) !important;
}

/* Encabezados internos */

.ptp-card h3,
.ptp-step h3,
.ptp-bonus h3,
.ptp-glow-card h3,
.ptp-roadmap-list h3,
.ptp-compare-card h3 {
  margin-top: 0;
  margin-bottom: 12px;

  font-size: var(--ptp-card-title-unified) !important;
  line-height: 1.2 !important;
}

/* Textos internos */

.ptp-card p,
.ptp-step p,
.ptp-bonus p,
.ptp-glow-card p,
.ptp-roadmap-list p,
.ptp-compare-card p {
  font-size: var(--ptp-card-text-unified) !important;
  line-height: 1.7 !important;
}

/* Tarjetas grandes */

.ptp-price-box,
.ptp-value-box,
.ptp-guarantee-box,
.ptp-countdown-box,
.ptp-final-box,
.ptp-ecosystem-box {
  border-radius: 24px !important;
}

/* La fila inferior del Hero usa la misma identidad */

.ptp-v3__features {
  border-radius: 22px !important;
}

.ptp-v3__features article {
  min-height: 112px !important;
  padding: 23px 24px !important;
}

.ptp-v3__features strong {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.ptp-v3__features small {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* Grillas alineadas */

.ptp-grid-3,
.ptp-grid-4,
.ptp-steps,
.ptp-bonus-list,
.ptp-roadmap-list,
.ptp-compare-grid {
  align-items: stretch;
}

.ptp-grid-3 > *,
.ptp-grid-4 > *,
.ptp-steps > *,
.ptp-bonus-list > *,
.ptp-roadmap-list > *,
.ptp-compare-grid > * {
  height: 100%;
}

/* Tablet */

@media screen and (max-width: 990px) {
  :root {
    --ptp-card-min-height-unified: 190px;
    --ptp-card-padding-unified: 26px;
  }

  .ptp-v3__features article {
    min-height: 104px !important;
  }
}

/* Celular */

@media screen and (max-width: 640px) {
  :root {
    --ptp-card-radius-unified: 20px;
    --ptp-card-padding-unified: 23px;
    --ptp-card-min-height-unified: auto;
    --ptp-card-title-unified: 21px;
    --ptp-card-text-unified: 15px;
  }

  .ptp-card,
  .ptp-step,
  .ptp-bonus,
  .ptp-glow-card,
  .ptp-roadmap-list > div,
  .ptp-compare-card {
    min-height: 0 !important;
  }

  .ptp-v3__features article {
    min-height: 90px !important;
    padding: 20px 21px !important;
  }

  .ptp-v3__features strong {
    font-size: 14px !important;
  }

  .ptp-v3__features small {
    font-size: 11px !important;
  }
}