/* =================================================================
   CÓDIGO ORIGEN CUÁNTICO — Landing de venta
   Escuela Energétika · Paleta de marca Avada (dorado / crema)
   Todo el CSS está namespaced bajo .coq para no afectar a nada más.
   ================================================================= */

.coq *,
.coq *::before,
.coq *::after { box-sizing: border-box; }

.coq {
  /* Paleta de marca (Avada global palette) */
  --gold:        #c68d13;
  --gold-light:  #e9bd3c;
  --gold-soft:   #e3c489;
  --cream:       #f7f5f4;
  --beige:       #e7e4e2;
  --ink:         #212120;
  --muted:       #7e8890;
  --white:       #ffffff;
  --green:       #2e7d52;
  --green-soft:  #eaf5ee;
  --red:         #c0392b;

  --maxw: 1080px;
  --radius: 18px;
  --shadow: 0 18px 50px rgba(33, 33, 32, .12);
  --shadow-sm: 0 8px 24px rgba(33, 33, 32, .08);

  margin: 0;
  padding: 0;
  background: var(--white);
  color: var(--ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.coq h1, .coq h2, .coq h3, .coq h4 {
  font-family: 'Playfair Display', 'Times New Roman', serif;
  color: var(--ink);
  line-height: 1.18;
  margin: 0 0 .5em;
  font-weight: 700;
}

.coq p { margin: 0 0 1.1em; }
.coq strong { font-weight: 700; color: var(--ink); }
.coq img { max-width: 100%; height: auto; display: block; }

/* ---------- Layout helpers ---------- */
.coq .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }
.coq section { padding: 76px 0; }
.coq .narrow { max-width: 760px; margin-left: auto; margin-right: auto; }
.coq .center { text-align: center; }

/* ---------- Backgrounds ---------- */
.coq .bg-cream  { background: var(--cream); }
.coq .bg-beige  { background: var(--beige); }
.coq .bg-ink    { background: var(--ink); color: var(--white); }
.coq .bg-ink h2, .coq .bg-ink h3 { color: var(--white); }
.coq .bg-gold {
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
  color: #fff;
}
.coq .bg-gold h2, .coq .bg-gold h3, .coq .bg-gold p { color: #fff; }

/* ---------- Buttons ---------- */
.coq .btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--gold) 0%, #b07d0f 100%);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: .3px;
  text-transform: uppercase;
  padding: 20px 42px;
  border-radius: 60px;
  border: none;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(198, 141, 19, .35);
  transition: transform .18s ease, box-shadow .18s ease;
  line-height: 1.25;
}
.coq .btn:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(198, 141, 19, .45); }
.coq .btn-light {
  background: #fff;
  color: var(--gold) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.coq .btn-wide { display: block; width: 100%; max-width: 520px; margin: 0 auto; text-align: center; }
.coq .btn-outline {
  background: transparent;
  color: var(--gold) !important;
  border: 2px solid var(--gold);
  box-shadow: none;
  text-transform: none;
  letter-spacing: .2px;
}
.coq .btn-outline:hover {
  background: var(--gold);
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(198, 141, 19, .30);
}
.coq .cta-row { text-align: center; margin-top: 34px; }

/* ---------- Eyebrow / pill ---------- */
.coq .eyebrow {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 13px;
  font-weight: 700;
  color: var(--gold);
  background: rgba(198,141,19,.10);
  padding: 8px 18px;
  border-radius: 40px;
  margin-bottom: 22px;
}

/* ---------- HERO ---------- */
.coq .hero {
  position: relative;
  padding: 56px 0 84px;
  background:
    radial-gradient(1100px 480px at 50% -10%, rgba(233,189,60,.18), transparent 60%),
    linear-gradient(180deg, var(--cream) 0%, var(--white) 100%);
  text-align: center;
}
.coq .hero .logo { width: 280px; max-width: 70%; margin: 0 auto 34px; }
.coq .hero h1 {
  font-size: clamp(2.1rem, 5.2vw, 3.6rem);
  margin-bottom: 22px;
}
.coq .hero h1 .accent { color: var(--gold); font-style: italic; }
.coq .hero .lead {
  font-size: clamp(1.05rem, 2.4vw, 1.3rem);
  color: #44423f;
  max-width: 720px;
  margin: 0 auto 8px;
}
.coq .hero-visual {
  position: relative;
  max-width: 760px;
  margin: 44px auto 0;
}
.coq .hero-visual .frame {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 6px solid #fff;
  background: #fff;
}
.coq .hero-visual .badge {
  position: absolute;
  background: #fff;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 10px;
}
.coq .hero-visual .badge .dot {
  width: 38px; height: 38px; border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size: 18px; flex: 0 0 auto;
}
.coq .hero-visual .badge.b1 { top: 16%; left: -28px; }
.coq .hero-visual .badge.b2 { bottom: 14%; right: -24px; }

/* ---------- HERO DARK (mockup premium dorado) ---------- */
.coq .hero.hero-dark {
  background:
    radial-gradient(900px 480px at 50% -8%, rgba(233,189,60,.22), transparent 62%),
    linear-gradient(180deg, #0b1521 0%, #0e1d30 60%, #0c1826 100%);
  color: #fff;
  padding: 64px 0 78px;
}
.coq .hero-dark .lead { color: #efe3c4; }
.coq .hero-dark .lead strong { color: var(--gold-light); }
.coq .hero-dark .eyebrow {
  background: rgba(233,189,60,.14);
  color: var(--gold-light);
}
.coq .hero-dark .hero-visual { max-width: 1080px; margin: 8px auto 0; }
.coq .hero-dark .hero-visual + .lead { margin-top: 40px; }
.coq .hero-mockup {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 40px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(233,189,60,.12);
}

/* Trust chips */
.coq .trust-row {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 12px; margin: 30px auto 4px; max-width: 760px;
}
.coq .trust-row .chip {
  font-size: 14px;
  background: rgba(233,189,60,.10);
  border: 1px solid rgba(233,189,60,.40);
  color: var(--gold-soft);
  padding: 9px 18px;
  border-radius: 40px;
  backdrop-filter: blur(2px);
}
.coq .trust-row .chip b { color: var(--gold-light); }

/* Accesibilidad: título oculto visualmente pero presente para SEO/lectores */
.coq .sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* ---------- Section titles ---------- */
.coq .sec-title {
  font-size: clamp(1.7rem, 4vw, 2.6rem);
  text-align: center;
  margin-bottom: 14px;
}
.coq .sec-sub {
  text-align: center;
  color: var(--muted);
  max-width: 680px;
  margin: 0 auto 44px;
  font-size: 1.08rem;
}

/* ---------- Split (image + text) ---------- */
.coq .split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 54px;
  align-items: center;
}
.coq .split.reverse .split-media { order: 2; }
.coq .split-media img {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  width: 100%;
  max-height: 560px;
  object-fit: cover;
  object-position: center 30%;
}
.coq .split h2 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); }

/* ---------- "Sin necesidad de" (X list) ---------- */
.coq .xlist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 40px;
  max-width: 820px;
  margin: 0 auto 36px;
}
.coq .xlist li {
  list-style: none;
  position: relative;
  padding-left: 38px;
  font-size: 1.05rem;
  font-weight: 600;
}
.coq .xlist li::before {
  content: "✕";
  position: absolute; left: 0; top: -1px;
  width: 26px; height: 26px; border-radius: 50%;
  background: rgba(192,57,43,.12); color: var(--red);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700;
}
.coq .highlight-green {
  background: var(--green-soft);
  border-left: 4px solid var(--green);
  border-radius: 12px;
  padding: 22px 26px;
  max-width: 820px;
  margin: 0 auto;
  font-size: 1.05rem;
}
.coq .highlight-green strong { color: var(--green); }

/* ---------- Incluye (check list) ---------- */
.coq .checklist { max-width: 860px; margin: 0 auto; display: grid; gap: 18px; }
.coq .check {
  display: flex; gap: 16px; align-items: flex-start;
  background: #fff;
  border: 1px solid var(--beige);
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow: var(--shadow-sm);
}
.coq .check .tick {
  flex: 0 0 auto;
  width: 30px; height: 30px; border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700; margin-top: 2px;
}
.coq .check p { margin: 0; font-size: 1rem; }
.coq .check .lead-b { display:block; font-weight: 700; margin-bottom: 2px; }

/* ---------- Vídeos ---------- */
.coq .video-frame {
  position: relative;
  width: 100%;
  max-width: 820px;
  margin: 30px auto 0;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow);
  background: #0b1521;
}
.coq .video-frame iframe,
.coq .video-frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }

/* Botón de play sobre los vídeos */
.coq .video-frame, .coq .platform-video { position: relative; }
.coq .video-play-btn {
  position: absolute; inset: 0; border: 0; padding: 0; margin: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(11, 21, 33, .30); cursor: pointer; z-index: 3;
  transition: opacity .3s ease;
}
.coq .video-play-btn .vpb-circle {
  width: 74px; height: 74px; border-radius: 50%;
  background: rgba(255, 255, 255, .94); color: var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; padding-left: 5px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .45); transition: transform .2s ease;
}
.coq .video-play-btn:hover .vpb-circle { transform: scale(1.08); }
.coq .video-play-btn.is-hidden { opacity: 0; pointer-events: none; }
.coq .video-placeholder {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background-size: cover; background-position: center;
}
.coq .video-placeholder::before { content: ''; position: absolute; inset: 0; background: rgba(11, 21, 33, .55); }
.coq .video-play {
  position: relative; z-index: 1;
  width: 76px; height: 76px; border-radius: 50%;
  background: rgba(255, 255, 255, .92); color: var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; padding-left: 5px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .45);
}
.coq .video-ph-note { position: relative; z-index: 1; color: #fff; margin-top: 16px; font-weight: 600; font-size: 14px; }

/* ---------- Simulación de plataforma (ver por dentro) ---------- */
.coq .platform-demo {
  display: grid;
  grid-template-columns: 290px 1fr;
  max-width: 960px;
  margin: 34px auto 0;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid var(--beige);
  text-align: left;
}
.coq .platform-menu { background: #0e1d30; color: #cdd3da; padding: 22px 18px; }
.coq .platform-brand img { width: 150px; filter: brightness(0) invert(1); opacity: .92; margin-bottom: 20px; }
.coq .platform-menu-label { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; color: #8f9aa8; margin: 0 0 12px; font-weight: 700; }
.coq .platform-modules { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.coq .platform-modules li {
  display: flex; gap: 10px; align-items: flex-start;
  font-size: .9rem; line-height: 1.35; padding: 11px 12px; border-radius: 10px;
  background: rgba(255,255,255,.05);
}
.coq .platform-modules li.active { background: linear-gradient(135deg, var(--gold), #b07d0f); color: #fff; font-weight: 600; }
.coq .pm-num {
  flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%;
  background: rgba(255,255,255,.15); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700;
}
.coq .platform-modules li.active .pm-num { background: rgba(255,255,255,.30); }
.coq .platform-main { display: flex; flex-direction: column; }
.coq .platform-lesson { padding: 15px 22px; font-weight: 700; font-family: 'Playfair Display', serif; border-bottom: 1px solid var(--beige); font-size: 1.05rem; }
.coq .platform-video { position: relative; aspect-ratio: 16 / 9; background: #000; }
.coq .platform-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 760px) {
  .coq .platform-demo { grid-template-columns: 1fr; }
}

/* ---------- Pricing ---------- */
.coq .price-box {
  text-align: center;
  max-width: 560px;
  margin: 46px auto 0;
  background: #fff;
  border: 2px solid var(--gold-soft);
  border-radius: 22px;
  padding: 40px 30px;
  box-shadow: var(--shadow);
}
.coq .price-reg { color: var(--muted); font-size: 1.1rem; }
.coq .price-reg s { opacity: .8; }
.coq .price-now {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: var(--gold);
  font-size: clamp(2.6rem, 7vw, 3.6rem);
  line-height: 1;
  margin: 6px 0 4px;
}
.coq .price-now small { font-size: 1.1rem; color: var(--ink); display:block; font-family:'Inter',sans-serif; font-weight:600; margin-top:8px;}

/* ---------- CTA banner ---------- */
.coq .cta-banner { text-align: center; }
.coq .cta-banner h2 { font-size: clamp(1.5rem, 3.6vw, 2.3rem); margin-bottom: 26px; }

/* ---------- Testimonials ---------- */
.coq .testi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.coq .testi {
  background: #fff;
  border-radius: var(--radius);
  padding: 28px 26px;
  box-shadow: var(--shadow-sm);
  border-top: 4px solid var(--gold);
}
.coq .testi .tname {
  font-weight: 700; color: var(--gold);
  text-transform: uppercase; letter-spacing: .5px;
  font-size: 13px; margin-bottom: 12px;
}
.coq .testi .stars { color: var(--gold-light); margin-bottom: 10px; letter-spacing: 2px;}
.coq .testi p { font-size: .98rem; color: #3a3937; font-style: italic; margin: 0; }

/* ===== Testimonios estilo WhatsApp ===== */
.coq .wa-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:26px; align-items:start; }
.coq .wa-item { display:flex; flex-direction:column; }
.coq .wa-phone { border-radius:7px; overflow:hidden; box-shadow:0 6px 16px rgba(0,0,0,.10); border:1px solid rgba(0,0,0,.12); }
.coq .wa-avatar { width:28px; height:28px; border-radius:50%; overflow:hidden; flex:0 0 auto; display:block; align-self:flex-end; background:#dfe5e7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23dfe5e7'/%3E%3Ccircle cx='20' cy='16' r='7' fill='%23aab4ba'/%3E%3Cpath d='M7 37c0-7.2 5.8-11 13-11s13 3.8 13 11z' fill='%23aab4ba'/%3E%3C/svg%3E") no-repeat center/cover; }
.coq .wa-avatar img, .coq .wa-avatar svg { width:100%; height:100%; object-fit:cover; display:block; }
.coq .wa-body { padding:12px 9px 14px; display:flex; flex-direction:column; gap:7px; background:#efeae2; background-image:radial-gradient(rgba(0,0,0,.022) 1px, transparent 1px); background-size:18px 18px; }
.coq .wa-date { align-self:center; background:#fff; color:#54656f; font-family:'Inter',sans-serif; font-size:10.5px; font-weight:600; padding:3px 11px; border-radius:7px; box-shadow:0 1px .5px rgba(0,0,0,.13); margin-bottom:3px; }
.coq .wa-row { display:flex; align-items:flex-end; gap:5px; }
.coq .wa-row-in { justify-content:flex-start; }
.coq .wa-row-out { justify-content:flex-end; }
.coq .wa-msg { max-width:84%; padding:6px 9px 5px; border-radius:8px; font-size:.83rem; line-height:1.4; font-family:'Inter',sans-serif; color:#111b21; box-shadow:0 1px .5px rgba(0,0,0,.13); font-style:normal; }
.coq .wa-in { background:#fff; border-bottom-left-radius:2px; }
.coq .wa-out { background:#dcf8c6; border-bottom-right-radius:2px; }
.coq .wa-time { display:block; text-align:right; font-size:10px; color:#667781; margin-top:2px; }

/* ---------- Bonus ---------- */
.coq .bonus-card {
  max-width: 820px; margin: 0 auto;
  background: rgba(255,255,255,.14);
  border: 1px dashed rgba(255,255,255,.55);
  border-radius: var(--radius);
  padding: 36px;
  text-align: center;
}
.coq .bonus-flag {
  display:inline-block; background:#fff; color:var(--gold);
  font-weight:700; text-transform:uppercase; letter-spacing:1px;
  font-size:13px; padding:7px 16px; border-radius:30px; margin-bottom:18px;
}
.coq .bonus-free {
  display: inline-flex; align-items: baseline; gap: 10px;
  font-family: 'Playfair Display', serif; font-size: 1.9rem; font-weight: 700;
  margin: 14px 0;
  background: rgba(233,189,60,.14);
  border: 1px solid rgba(233,189,60,.45);
  padding: 10px 26px; border-radius: 50px;
}
.coq .bonus-free .bonus-value { font-family: 'Inter', sans-serif; font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #b8b6b3; }
.coq .bonus-free s { color: #9aa3ad; font-size: 1.25rem; font-weight: 400; }
.coq .bonus-free b { color: var(--gold-light); }

/* ---------- About ---------- */
.coq .about { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 50px; align-items: center; }
.coq .about-photo img { border-radius: var(--radius); box-shadow: var(--shadow); }
.coq .about h2 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); }
.coq .about .sign { font-family:'Playfair Display',serif; font-style:italic; color:var(--gold); font-size:1.4rem; margin-top:10px;}

/* ---------- FAQ ---------- */
.coq .faq { max-width: 800px; margin: 0 auto; }
.coq .faq details {
  background: #fff;
  border: 1px solid var(--beige);
  border-radius: 14px;
  padding: 4px 24px;
  margin-bottom: 14px;
  box-shadow: var(--shadow-sm);
}
.coq .faq summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 1.08rem;
  padding: 18px 30px 18px 0;
  position: relative;
  list-style: none;
  font-family: 'Playfair Display', serif;
}
.coq .faq summary::-webkit-details-marker { display: none; }
.coq .faq summary::after {
  content: "+";
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  font-size: 1.6rem; color: var(--gold); font-weight: 400; line-height: 1;
}
.coq .faq details[open] summary::after { content: "–"; }
.coq .faq details p { padding: 0 0 18px; margin: 0; color: #4a4845; }

/* ---------- Checkout ---------- */
.coq .checkout-sec { padding-top: 40px; }
.coq #checkout-embed {
  width: 100%;
  margin: 0 auto;
  min-height: 600px;
}

/* Checkout a dos columnas (resumen + checkout) */
.coq .checkout-cols {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 30px;
  align-items: start;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}
.coq .co-summary {
  background: #fff;
  border: 1px solid var(--beige);
  border-radius: 18px;
  padding: 26px;
  box-shadow: var(--shadow-sm);
  position: sticky;
  top: 20px;
}
.coq .co-mockup { width: 100%; border-radius: 12px; margin-bottom: 18px; }
.coq .co-summary h3 { font-size: 1.5rem; margin: 0 0 8px; }
.coq .co-desc { font-size: .96rem; color: #4a4845; margin: 0; }
.coq .co-list { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 9px; }
.coq .co-list li { font-size: .93rem; position: relative; padding-left: 26px; line-height: 1.45; }
.coq .co-list li::before {
  content: "✓"; position: absolute; left: 0; top: 0;
  color: var(--gold); font-weight: 700;
}
.coq .co-price {
  border-top: 1px solid var(--beige);
  padding-top: 16px; display: flex; flex-direction: column; gap: 4px;
}
.coq .co-price span { font-size: .85rem; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; }
.coq .co-price strong { font-family: 'Playfair Display', serif; font-size: 1.9rem; color: var(--gold); font-weight: 700; }
.coq .co-price s { color: var(--muted); font-size: 1.1rem; font-weight: 400; margin-right: 6px; }
.coq .co-checkout {
  background: #fff;
  border: 1px solid var(--beige);
  border-radius: 18px;
  padding: 14px;
  box-shadow: var(--shadow-sm);
}
@media (max-width: 900px) {
  .coq .checkout-cols { grid-template-columns: 1fr; gap: 22px; }
  .coq .co-summary { position: static; }
}

/* ---------- Urgencia (contador) en la landing ---------- */
.coq .deadline {
  max-width: 620px;
  margin: 0 auto 32px;
  background: linear-gradient(135deg, #c0392b 0%, #e0533f 100%);
  color: #fff;
  border-radius: 14px;
  padding: 13px 24px;
  display: flex; align-items: center; justify-content: center;
  gap: 12px; flex-wrap: wrap;
  box-shadow: 0 12px 30px rgba(192, 57, 43, .28);
}
.coq .deadline-ico { font-size: 18px; line-height: 1; }
.coq .deadline-text { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; }
.coq .deadline-clock { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.6rem; line-height: 1; font-variant-numeric: tabular-nums; }
.coq .deadline-price s { opacity: .8; font-size: .9rem; margin-right: 4px; }
.coq .deadline-price b { font-size: 1.2rem; }
.coq .deadline.is-expired { background: #6b6b6b; box-shadow: none; }

/* ---------- Sellos de confianza ---------- */
.coq .trust-badges {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 14px 28px; max-width: 900px; margin: 36px auto 0;
}
.coq .trust-badges span { font-size: 14px; font-weight: 600; color: #3a3937; }
.coq .trust-note { text-align: center; color: var(--muted); font-size: 13px; margin: 14px auto 0; }

/* ---------- Order bump ---------- */
.coq .order-bump {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 2px dashed var(--gold);
  background: #fffaf0;
  border-radius: 14px;
  padding: 16px 18px;
  margin: 0 0 16px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.coq .order-bump-check { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--green); flex: 0 0 auto; cursor: pointer; }
.coq .order-bump-box { display: flex; flex-direction: column; gap: 3px; }
.coq .order-bump-flag {
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--gold);
}
.coq .order-bump-title { font-weight: 700; font-size: 1.02rem; color: var(--ink); }
.coq .order-bump-price { color: var(--green); font-weight: 700; }
.coq .order-bump-price s { color: var(--muted); font-weight: 400; margin-right: 5px; }
.coq .order-bump-desc { font-size: .88rem; color: #5a5854; }
.coq .order-bump-added { display: none; font-size: .85rem; font-weight: 700; color: var(--green); margin-top: 4px; }
/* Estado marcado */
.coq .order-bump:has(.order-bump-check:checked) { background: var(--green-soft); border-color: var(--green); border-style: solid; }
.coq .order-bump:has(.order-bump-check:checked) .order-bump-added { display: block; }

/* ---------- Aviso flotante de compra (prueba social) ---------- */
.sale-toast {
  position: fixed; left: 20px; bottom: 20px; z-index: 9998;
  display: flex; align-items: center; gap: 12px;
  background: #e9f7ef;
  border: 1px solid #aadcc1;
  border-left: 4px solid #2e9d63;
  border-radius: 12px;
  padding: 11px 18px 11px 13px;
  box-shadow: 0 12px 30px rgba(20, 100, 55, .18);
  max-width: 330px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  transform: translateY(170%); opacity: 0;
  transition: transform .55s cubic-bezier(.16,1,.3,1), opacity .4s ease;
  pointer-events: none;
}
.sale-toast.show { transform: translateY(0); opacity: 1; }
.sale-toast .st-ico {
  width: 40px; height: 40px; border-radius: 50%;
  background: #2e9d63; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex: 0 0 auto;
}
.sale-toast .st-body { display: flex; flex-direction: column; line-height: 1.3; }
.sale-toast .st-name { font-weight: 700; color: #243a2e; font-size: .95rem; }
.sale-toast .st-sub { font-size: .8rem; color: #6c8a78; }
@media (max-width: 560px) {
  .sale-toast { left: 10px; right: 10px; bottom: 10px; max-width: none; }
}

/* ---------- Barra fija de oferta limitada ---------- */
.coq .offer-bar {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 24px);
  background: linear-gradient(135deg, #c0392b 0%, #e0533f 100%);
  color: #fff;
  border-radius: 50px;
  padding: 9px 22px;
  box-shadow: 0 12px 30px rgba(192, 57, 43, .42);
  white-space: nowrap;
  font-size: 14px;
}
.coq .offer-bar-ico { font-size: 16px; line-height: 1; }
.coq .offer-bar-text { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 12px; }
.coq .offer-bar-clock {
  font-family: 'Playfair Display', serif; font-weight: 700;
  font-size: 1.35rem; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: .5px;
}
.coq .offer-bar-price s { opacity: .8; font-size: .9rem; margin-right: 2px; }
.coq .offer-bar-price b { font-size: 1.1rem; }
.coq .offer-bar-expired { display: none; font-weight: 700; }
.coq .offer-bar.is-expired { background: #6b6b6b; box-shadow: none; }
.coq .offer-bar.is-expired .offer-bar-ico,
.coq .offer-bar.is-expired .offer-bar-text,
.coq .offer-bar.is-expired .offer-bar-clock,
.coq .offer-bar.is-expired .offer-bar-price { display: none; }

/* Reserva espacio bajo la barra fija (solo en páginas con barra) */
.coq.has-offer-bar .hero { padding-top: 84px !important; }

@media (max-width: 560px) {
  .coq .offer-bar { gap: 8px; padding: 8px 16px; }
  .coq .offer-bar-text { display: none; }
  .coq .offer-bar-clock { font-size: 1.15rem; }
}

/* ---------- Etiqueta de precio sobre el checkout ---------- */
.coq .co-pricetag {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 12px 4px;
  text-align: center;
}
.coq .co-pricetag .co-old {
  color: var(--red);
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  font-size: 1.3rem;
  font-weight: 600;
}
.coq .co-pricetag .co-new {
  font-family: 'Playfair Display', serif;
  color: var(--gold);
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
}
.coq .co-pricetag .co-flag {
  flex-basis: 100%;
  color: var(--red);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 700;
}

/* ---------- Footer ---------- */
.coq .lp-footer {
  background: var(--ink);
  color: #b8b6b3;
  text-align: center;
  padding: 40px 24px;
  font-size: 14px;
}
.coq .lp-footer img { width: 180px; margin: 0 auto 18px; opacity: .92; }
.coq .lp-footer a { color: #d8d6d3; text-decoration: none; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .coq section { padding: 56px 0; }
  .coq .split,
  .coq .about { grid-template-columns: 1fr; gap: 32px; }
  .coq .split.reverse .split-media { order: 0; }
  .coq .testi-grid { grid-template-columns: 1fr; }
  .coq .wa-grid { grid-template-columns: 1fr; max-width:420px; margin:0 auto; }
  .coq .hero-visual .badge { position: static; display: inline-flex; margin: 10px 8px 0; }
  .coq .hero-visual .badge.b1, .coq .hero-visual .badge.b2 { left:auto; right:auto; top:auto; bottom:auto; }
  .coq .about-photo { max-width: 420px; margin: 0 auto; }
}
@media (max-width: 560px) {
  .coq { font-size: 17px; }
  .coq .wrap { padding: 0 18px; }
  .coq .xlist { grid-template-columns: 1fr; gap: 12px; }
  .coq .btn { width: 100%; padding: 18px 24px; font-size: 16px; }
  .coq .price-box { padding: 30px 20px; }
  .coq .bonus-card { padding: 26px 20px; }
}

/* ====================================================================
   CACAO — override del azul marino por tonos cacao (solo .coq-cacao).
   No afecta a las landings del curso cuántico (que siguen en azul).
   ==================================================================== */
.coq-cacao.coq .hero.hero-dark {
  background:
    radial-gradient(900px 480px at 50% -8%, rgba(233,189,60,.22), transparent 62%),
    linear-gradient(180deg, #2a160d 0%, #3d2315 60%, #2c180e 100%);
}
.coq-cacao.coq .video-frame { background: #2a160d; }
.coq-cacao.coq .platform-menu { background: #3a2114; }