/* 10 · Para quem é a Presença Digital Express™ (prefijo pq-).
   Titular a la izquierda (fijo al desplazar en escritorio) y tarjeta con «É para ti se / Não é para ti se».
   Tres motivos destacados: Preparar antes de vender · Atendimento 24/7 · Rever a conformidade digital. */
.pq { background: radial-gradient(ellipse 50% 50% at 15% 40%, rgba(61, 220, 255, .07), transparent 70%), #07090c; }
.pq__grelha { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 40px clamp(32px, 6vw, 96px); align-items: start; }
.pq__esq { position: sticky; top: 110px; display: grid; gap: 22px; align-content: start; }
.pq__esq .tit-l { font-size: clamp(2.2rem, 4.6vw, 3.8rem); }

/* Tres motivos en neón */
.pq-motivos { list-style: none; padding: 0; margin: 4px 0 0; display: grid; gap: 10px; }
.pq-motivos li { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 14px; border: 1px solid rgba(61, 220, 255, .35); background: linear-gradient(90deg, rgba(61, 220, 255, .1), rgba(61, 220, 255, 0) 80%);
  font: 800 clamp(1rem, 1.6vw, 1.2rem)/1.15 var(--f-tit); text-transform: uppercase; color: #f2fdff; text-shadow: 0 0 12px rgba(61, 220, 255, .55); box-shadow: 0 0 22px rgba(61, 220, 255, .12); }
.pq-motivos li:nth-child(2) { border-color: rgba(43, 245, 154, .4); background: linear-gradient(90deg, rgba(43, 245, 154, .1), rgba(43, 245, 154, 0) 80%); text-shadow: 0 0 12px rgba(43, 245, 154, .5); }
.pq-motivos__n { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--cyan); font: 700 .72rem var(--f-mono); letter-spacing: 0; color: var(--cyan); text-shadow: none; }
.pq-motivos li:nth-child(2) .pq-motivos__n { border-color: var(--verde); color: var(--verde); }
.pq__cta { justify-self: start; }

/* Tarjeta */
.pq-cartao { padding: clamp(22px, 3vw, 32px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, .1); background: linear-gradient(180deg, #161d24, #0f141a); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .9); }
.pq-cartao__eti { font: 700 .72rem var(--f-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--cyan); margin-bottom: 16px; }
.pq-cartao__eti--nao { color: #9aa8b4; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .1); }
.pq-lista { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.pq-lista li { position: relative; padding-left: 38px; font-size: .98rem; line-height: 1.6; color: #b9c5cf; }
.pq-lista b { color: #f4f8fb; font-weight: 700; }
.pq-lista--sim li::before { content: ""; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--cyan); background: rgba(61, 220, 255, .12) no-repeat center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.2 3.2L11 1.5' fill='none' stroke='%233ddcff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); box-shadow: 0 0 10px rgba(61, 220, 255, .35); }
.pq-lista--nao li { color: #9aa8b4; }
.pq-lista--nao li::before { content: "✕"; position: absolute; left: 2px; top: 2px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .25); font-size: .7rem; color: #c2ccd4; }
.pq-tag { display: inline-block; margin: 0 0 6px; padding: 4px 10px; border-radius: 999px; font: 700 .64rem var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: #061016; background: var(--cyan); box-shadow: 0 0 14px rgba(61, 220, 255, .45); }
.pq-lista li:nth-child(3) .pq-tag { background: var(--verde); box-shadow: 0 0 14px rgba(43, 245, 154, .45); }
.pq-tag + b { display: block; }

/* Caja Black Friday */
.pq-bf { margin-top: 26px; padding: 18px 20px; border-radius: 16px; border: 1px dashed rgba(255, 59, 92, .55); background: rgba(255, 59, 92, .05); display: grid; gap: 10px; }
.pq-bf__tit { font: 800 1.05rem/1.2 var(--f-tit); text-transform: uppercase; color: #fff; }
.pq-bf__tit::before { content: "Black Friday"; display: inline-block; margin-right: 10px; padding: 3px 8px; border-radius: 6px; vertical-align: 2px; font: 700 .6rem var(--f-mono); letter-spacing: .14em; color: #fff; background: #000; border: 1px solid #ff3b5c; box-shadow: 0 0 10px rgba(255, 59, 92, .5); }
.pq-bf p { font-size: .93rem; color: #c3ced8; }
.pq-bf__frase { font: 700 1.05rem/1.35 var(--f-txt); color: #f4f8fb !important; }
.pq-bf__frase b { color: var(--cyan); }

/* Aparición: las marcas se dibujan una tras otra */
.pq-cartao.revela .pq-lista--sim li { opacity: 0; transform: translateX(10px); }
.pq-cartao.visivel .pq-lista--sim li { animation: pq-entra .55s cubic-bezier(.2, .7, .2, 1) forwards; }
.pq-cartao.visivel .pq-lista--sim li:nth-child(2) { animation-delay: .1s; }
.pq-cartao.visivel .pq-lista--sim li:nth-child(3) { animation-delay: .2s; }
.pq-cartao.visivel .pq-lista--sim li:nth-child(4) { animation-delay: .3s; }
.pq-cartao.visivel .pq-lista--sim li:nth-child(5) { animation-delay: .4s; }
@keyframes pq-entra { to { opacity: 1; transform: none; } }

@media (max-width: 960px) {
  .pq__grelha { grid-template-columns: 1fr; }
  .pq__esq { position: static; }
}
@media (max-width: 560px) {
  .pq__cta { width: 100%; justify-content: space-between; white-space: normal; text-align: left; }
  .pq-lista li { padding-left: 34px; font-size: .95rem; }
}
@media (prefers-reduced-motion: reduce) {
  .pq-cartao.revela .pq-lista--sim li { opacity: 1; transform: none; }
  .pq-cartao.visivel .pq-lista--sim li { animation: none; }
}