/* ── Modal: pedir correo antes de comprar (14/10/2026) ───────── */
/* Compartido por js/pedirEmailCompra.js en cualquier pantalla con botón de compra */
.pcp-email-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.55);
  display: flex; align-items: center; justify-content: center;
  z-index: 2000; padding: 16px;
}
.pcp-email-modal {
  background: #fff; color: #1a1a1a; border-radius: 14px;
  padding: 24px; width: 100%; max-width: 380px;
  max-height: 90vh; overflow-y: auto; box-sizing: border-box;
  display: flex; flex-direction: column; gap: 12px;
}
.pcp-email-modal h3 { margin: 0; font-size: 1.1rem; }
.pcp-email-modal p { margin: 0; font-size: 0.88rem; color: #555; }
.pcp-email-input {
  width: 100%; padding: 11px 14px; border: 1.5px solid #d8dbe3;
  border-radius: 10px; font-size: 0.95rem; box-sizing: border-box;
}
.pcp-email-input:focus { outline: none; border-color: #ff3d6b; }
.pcp-email-error { color: #dc2626; font-size: 0.8rem; display: none; }
.pcp-email-botones { display: flex; gap: 10px; justify-content: flex-end; margin-top: 4px; }
.pcp-email-cancelar {
  background: none; border: none; color: #666; cursor: pointer; padding: 10px 14px;
}
.pcp-email-continuar {
  background: #ff3d6b; color: #fff; border: none; border-radius: 10px;
  padding: 10px 18px; font-weight: 600; cursor: pointer;
}
.pcp-email-continuar:hover { background: #e62f5a; }