/* ── Pantalla Táctil info page — pt-* prefix ──────────── */

/* Hero blobs */
.pt-hero { background: linear-gradient(135deg, #1a1035 0%, #2d1b69 50%, #1e0a5c 100%); }
.pt-blob--1 { background: radial-gradient(circle, rgba(124, 77, 255, .35) 0%, transparent 70%); }
.pt-blob--2 { background: radial-gradient(circle, rgba(57, 213, 220, .25) 0%, transparent 70%); }

/* Title gradient: violet → cyan */
.pt-title-gradient {
  background: linear-gradient(90deg, #a78bfa 0%, #38bdf8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Founder badge */
.pt-founder-badge {
  display: inline-block;
  padding: .35rem .9rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c3aed, #0ea5e9);
  color: #fff;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: 1.2rem;
}

/* Price number */
.pt-price-num {
  font-size: 3.2rem;
  font-weight: 900;
  background: linear-gradient(90deg, #a78bfa, #38bdf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
}

/* Hero button */
.pt-hero-btn {
  display: inline-block;
  margin-top: 1.2rem;
  padding: .85rem 2.2rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c3aed, #0ea5e9);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .2s, transform .15s;
}
.pt-hero-btn:hover { opacity: .88; transform: translateY(-2px); }

/* Badges */
.pt-badge--violet {
  background: rgba(124, 58, 237, .15);
  border: 1px solid rgba(124, 58, 237, .4);
  color: #a78bfa;
}
.pt-badge--pink {
  background: rgba(236, 72, 153, .12);
  border: 1px solid rgba(236, 72, 153, .35);
  color: #f472b6;
}

/* Checkmarks */
.pt-check--violet {
  background: rgba(124, 58, 237, .15);
  border: 1.5px solid rgba(124, 58, 237, .4);
  color: #a78bfa;
}

/* Feature visual */
.pt-visual--violet {
  background: linear-gradient(135deg, rgba(124, 58, 237, .2), rgba(56, 189, 248, .15));
  border: 1px solid rgba(124, 58, 237, .3);
}
.pt-visual--violet .cp-feature-visual__glow {
  background: radial-gradient(circle at center, rgba(124, 58, 237, .45), transparent 70%);
}

/* ── Includes grid ──────────────────────────────────── */
.pt-includes {
  padding: 4rem 0;
  text-align: center;
}
.pt-includes__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
  margin-top: 2.4rem;
}
.pt-include-item {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: 1rem 1.2rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  text-align: left;
  font-size: .9rem;
  color: #d1d5db;
}
.pt-include-item__icon { font-size: 1.3rem; flex-shrink: 0; line-height: 1.4; }

/* ── CTA overrides ──────────────────────────────────── */
.pt-cta-final { background: linear-gradient(135deg, #1a1035 0%, #2d1b69 50%, #0f172a 100%); }
.pt-highlight {
  background: linear-gradient(90deg, #a78bfa, #38bdf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.pt-cta-btn {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 1rem 2.8rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c3aed, #0ea5e9);
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .2s, transform .15s;
}
.pt-cta-btn:hover { opacity: .88; transform: translateY(-2px); }